WordPressウェブサイトでの長年の作業を通じて、小さなフォーマットのディテールがコンテンツのプロフェッショナルな見た目を大きく向上させることができることを学びました。
違いを生むことが多い2つの書式設定オプションは、重要なテキストに下線を引くことと、段落を両端揃えにしてクリーンで洗練された外観にすることです。
WordPress はデフォルトでエディターをシンプルに保ちますが、望む見た目にするためには、これらの追加ツールが必要になる場合があります。
このガイドでは、WordPressエディターに下線と均等割り付けボタンを追加する簡単な方法をご紹介します。
💡クイックアンサー：WordPressで下線と均等配置を追加する方法
お急ぎの場合は、このガイドで説明する3つの方法を以下に示します。
- キーボードショートカット：テキストに下線を引くには
Ctrl+Uを使用します。均等配置（クラシックエディターのみ）にはShift+Alt+Jを使用します。 - ブロックエディター：EditorsKitプラグインをインストールして、これらのオプションをブロックツールバーに追加します。
- クラシックエディター：Advanced Editor Toolsプラグインをインストールして、これらのボタンをビジュアルエディターにドラッグアンドドロップします。
WordPressに下線と均等割り付けボタンを追加する理由
多くのユーザーは、WordPress 4.7で削除された使い慣れた書式設定オプションを復元するために、下線と均等配置のボタンを追加したいと考えています。
それらを元に戻す前に、下線付きテキストはリンクのように見える可能性があることに注意してください。ユーザーがリンクだと思ったものが機能しない場合、不満を感じる可能性があります。また、均等配置されたテキストは、特に小さな画面ではコンテンツを読みにくくする可能性があります。
それでは、それでも必要な場合にWordPressで下線と均等配置のテキストボタンを追加する方法を見てみましょう。
- 方法1：キーボードショートカットを使用したテキストの下線と配置
- 方法2：ブロックエディターに下線とテキストの均等割り付けボタンを追加する
- 方法3：クラシックエディターに下線と均等割り付けテキストボタンを追加する
- ボーナス：WordPress でテキストをハイライトする
方法1：キーボードショートカットを使用したテキストの下線と配置
WordPressでテキストに下線を引いたり、両端揃えしたりするためにプラグインやツールバーアイコンは必要ありません。代わりに、キーボードショートカットを使用するだけで済みます。
テキストに下線を引くには、WordPressで下線を引くテキストを選択し、Windowsの場合はCtrl+U、Macの場合はCommand+Uを押すだけです。これで完了です。このキーボードショートカットは、ブロックエディターとクラシックエディターの両方で機能します。
テキストの均等配置には、別のキーボードショートカットがあります。テキストを選択して、Windows では Shift+Alt+J、Mac では Command+Option+J を押すだけで、テキストが均等配置されます。
ただし、テキストの均等割り付けのキーボードショートカットは、クラシックエディターでのみ機能します。
ブロックエディターでは、読みやすさの基準を向上させるために、均等割り付けのネイティブサポートが削除されました。ブロックエディターを使用する場合は、以下のプラグイン方法を使用する必要があります。
方法2：ブロックエディターに下線とテキストの均等割り付けボタンを追加する
ブロックエディターに下線とテキストの均等割り付けボタンを追加したい場合は、この方法が適しています。
まず、Gutenberg Block Editor Toolkit – EditorsKitプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。
注意: このプラグインはWordPressの最新バージョンでテストされていないことに注意してください。ただし、私たちが使用した際には問題なく動作しているようでした。古いプラグインの使用に関するガイドをご覧ください。
有効化すると、プラグインは WordPress ブロックエディター を使用する際に、下線、均等配置、その他の書式設定機能を自動的に利用できるようにします。
これらの追加アイコンは、ブロックエディターのツールバーに直接追加することはできません。ただし、ツールバーのドロップダウン矢印アイコンをクリックすると、追加オプションが見つかります。
テキストに下線を引くには、まずマウスでテキストを選択する必要があります。次に、「より多くのブロックツールを表示」の下向き矢印をクリックし、ドロップダウンメニューから「下線」をクリックします。
段落を均等配置するには、まずカーソルがその段落内にあることを確認します。次に、「ブロックツールの表示」下向き矢印をクリックし、ドロップダウンメニューから「均等配置」を選択します。
方法3：クラシックエディターに下線と均等割り付けテキストボタンを追加する
クラシックエディターを使用している場合は、この方法が最適です。
ここで、Advanced Editor Tools プラグインをインストールして有効化する必要があります。詳細については、WordPress プラグインのインストール方法に関するステップバイステップガイドをご覧ください。
有効化したら、WordPress管理画面のサイドバーから 設定 » 高度なエディターツール ページに移動します。次に、ページ上部にある「クラシックエディター（TinyMCE）」タブをクリックします。
WordPressのクラシックエディタのプレビューが表示されます。プレビューの下には、未使用のボタンがすべて表示されます。
下線と均等揃えのテキストボタンを「未使用ボタン」ボックスから投稿エディターにドラッグアンドドロップする必要があります。
終了したら、画面上部にある「変更を保存」ボタンをクリックして、新しい設定を保存してください。
これで、WordPressブログの投稿またはページを作成または編集する際に、新しいフォーマットボタンがクラシックエディターのツールバーで利用できるようになります。
ボーナス：WordPress でテキストをハイライトする
下線と均等割り付けの非表示ボタンとは異なり、テキストのハイライトオプションはツールバーから直接利用できます。コンテンツの重要なポイントを強調する簡単な方法です。
テキストをハイライトするには、ブロックエディターを開き、マウスを使用してハイライトしたいテキストを選択する必要があります。
次に、ブロックツールバーの「その他」アイコンをクリックしてドロップダウンメニューを開き、そこから「ハイライト」オプションを選択します。
これを行うと、画面にカラーピッカーが表示され、「背景」タブに切り替える必要があります。「カスタム」オプションをクリックして「スポイト」ツールを起動すると、テキストをハイライトする色を選択できます。
次に、「更新」または「公開」ボタンをクリックして設定を保存します。これで、ウェブサイトにアクセスして、ハイライトされたテキストが機能していることを確認してください。詳細については、WordPressでテキストをハイライトする方法に関するチュートリアルをご覧ください。
このチュートリアルで、WordPressで下線と均等割り付けのテキストボタンを追加する方法を学べたことを願っています。また、WordPressエディターで特定のユーザーからブロックを非表示にする方法に関する初心者向けガイドをご覧になるか、よくあるGutenbergの質問とその回答のリストをご確認ください。
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
kzain
新しいエディターで下線と均等割り付けのボタンがどこに行ったのか疑問に思っていました。キーボードショートカットは素晴らしいヒントですね。特に下線については。この代替アプローチを共有していただきありがとうございます！
デニス・ムトミ
テキストのハイライトに関する BONUS セクションでは、カラーピッカーからカスタムカラーを選択する方法が示されています。お伺いしたいのですが、将来的にデフォルトで表示されるように、選択したカスタムカラーを保存する方法はありますか？
ブランドのカスタムカラーが、5 つのデフォルトカラーと並んで利用できると便利です。
WPBeginnerサポート
現時点ではありませんが、推奨できる方法が見つかった場合は必ず共有します！
管理者
イジー・ヴァネック
「均等割り付け」を使用したテキストの配置は、例えばGoogleによるウェブサイトのコンテンツランキングに影響を与えますか？それとも、一部の人にとってテキストに不自然な隙間ができる可能性があるだけですか？「均等割り付け」がコンテンツ評価に影響を与える可能性があるかどうか疑問に思っています。個人的には均等割り付けは使用しませんが、ウェブサイトの所有者が要求することがあります。
WPBeginnerサポート
段組みを使用してもサイトのランキングに影響を与えることはなく、サイトが使用するテーマによっては不自然な外観を防ぐために一部のサイトで使用されています。
管理者
イジー・ヴァネック
ご返信とご安心いただきありがとうございます。個人的には、なぜこの配置オプションが多くのビルダーから消えてしまったのか理解できず、不適切と見なされる可能性があるため、否定的なフィードバックにつながるのではないかと心配して使用をためらっていました。これがそうではないことを確認していただきありがとうございます。
ベネチアンボックス
素晴らしい投稿です!!!! とても助かりました、ありがとうございます!!!
WPBeginnerサポート
You’re welcome, glad you like our content
管理者
Achraf NAJIH
うまくいきました。ありがとう。
クリーナ・カバ
私の質問に答えてくれました…ありがとうございます。
ダリン
プラグインなしで両端揃えを追加するにはどうすればよいですか？
何かアイデアはありますか？
ありがとうございます
mourad
大変助かりました
Reinette
本当にありがとうございます！TinyMCEは素晴らしい小さなプラグインで、私のテキストエディタにそれがもたらした変化を気に入っています。
重ねて、ありがとうございます！
ロバート・リンドキスト
ありがとうございます!!
アジャイ
本当にありがとうございます
Darren
これ、ありがとう！頭がおかしくなりそうでした！
ジブラン・ディマサグン
ありがとう、ブラザー
Sally Eilers
....WordPressの終焉を告げる。
ジェームズ
これは私のブログでは機能しません。プラグインをクリックすると「Jetpack by Wordpress.com」に移動しますが、あなたが話しているようなものは何もありません!!!!
Aayush Bhaskar
サイトダッシュボードではなく、ネットワーク管理エリアにアクセスしようとしている可能性があります。ホームアイコンをクリックし、[ネットワーク管理] > [プラグイン] を選択してください。新しい追加、ネットワーク有効化などのオプションが利用可能です。
chandrashekhar
ありがとう！大変助かりました
Sampath S
または、キーボードショートカットを使用することもできます。
インデントの均等割り付け – Alt +Shift +J
下線 – Ctrl+U
デビッド
ありがとうございます。これは簡単な解決策です。サイトにこれ以上プラグインは必要ありません。
レスリー
この簡単な解決策をありがとうございます！プラグインをいじる必要はありません!!!
Dipo Putra
疑問は、なぜ彼らがそれを削除したのか？
ハリッシュ・ネギ
どうもありがとうございます。問題が解決しました。
Joey Bangun
本当にありがとうございます！
インドネシアから
Praboda Madushan
ありがとうございます！
Sharyn Wise
あなたは驚くほど素晴らしい、信じられないほど偉大な、素晴らしい人です！
これらがなくなっていたことに今気づきました！
ありがとうございます！
デビッド
とても便利で役立つヒントです…ありがとうございます！
Sarah
そのためにプラグインは必要ありません。MacではCtrl+Alt+Jでテキストが均等割り付けされます。
しかし、なぜWordPressはメニューからアイコンを削除することにしたのですか？
nadia
本当にありがとうございます！Re-add Text Underline and Justifyプラグインを追加したところ、完璧に機能しました。
WPBeginnerサポート
こんにちは、ナディアさん。
Glad you found it helpful
Don’t forget to follow us on Facebook for more WordPress tips and tutorials.
管理者
A
私の場合、これは役立ちました：
均等割り付けしたいテキストを選択します（Ctrl+A）
Shift+Alt+J を押します
すると、WordPress がテキストを均等割り付けします！
Amrit Singh
You’re the real mvp. thanks for the trick
アルド・レタナ
これはもっと役に立ちました、ありがとう！
リッチモンド
はい！あなたは本物のMVPです。素晴らしい
Thomas
なぜテキストの段組みや下線表示のオプションが削除されたのですか？何か問題があったのでしょうか？
Harpreet Kumar
本当に素晴らしい記事
ルイ
Good! It’s interesting.
Under certain conditions, this may be useful!
一方で、ハイパーリンクの作成を除き、すべてのウェブドキュメントで下線は避けるべきだと思います。これはハイパーリンクと混同されることがあります。テキストの均等割り付け機能については、予期せぬ結果を招くことが非常に多いです。
これらの2つのオプションが除外されたのは、決して無駄ではありません。非常にまれな状況で、最小限に使用してください。
私の英語が下手で申し訳ありません。