WordPressウェブサイトでの長年の作業を通じて、小さなフォーマットのディテールがコンテンツのプロフェッショナルな見た目を大きく向上させることができることを学びました。
違いを生むことが多い2つの書式設定オプションは、重要なテキストに下線を引くことと、段落を両端揃えにしてクリーンで洗練された外観にすることです。
WordPress はデフォルトでエディターをシンプルに保ちますが、望む見た目にするためには、これらの追加ツールが必要になる場合があります。
このガイドでは、WordPressエディターに下線と均等割り付けボタンを追加する簡単な方法をご紹介します。
💡クイックアンサー：WordPressで下線と均等配置を追加する方法
お急ぎの場合は、このガイドで説明する3つの方法を以下に示します。
- キーボードショートカット：テキストに下線を引くには
Ctrl+Uを使用します。均等配置（クラシックエディターのみ）にはShift+Alt+Jを使用します。 - ブロックエディター：これらのオプションをブロックツールバーに追加するには、EditorsKit プラグインをインストールしてください。
- クラシックエディター：これらのボタンをビジュアルエディターにドラッグアンドドロップするには、Advanced Editor Tools プラグインをインストールしてください。
WordPressに下線と均等割り付けボタンを追加する理由
多くのユーザーは、WordPress 4.7 で削除された使い慣れた書式設定オプションを復元するために、下線と均等割り付けボタンを追加したいと考えています。
それらを元に戻す前に、下線付きのテキストはリンクのように見える可能性があることに注意してください。ユーザーは、リンクだと思ったものが機能しないと不満を感じるかもしれません。また、均等割り付けされたテキストは、特に小さな画面ではコンテンツを読みにくくする可能性があります。
それでは、それでも必要な場合に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サポート
どういたしまして、私たちのコンテンツを気に入っていただけて嬉しいです
管理者
アシュラフ・ナジ
うまくいきました。ありがとう。
クリーナ・カバ
私の質問に答えてくれました…ありがとうございます。
ダリン
プラグインなしで両端揃えを追加するにはどうすればよいですか？
何かアイデアはありますか？
ありがとうございます
ムラド
大変助かりました
Reinette
本当にありがとうございます！TinyMCEは素晴らしい小さなプラグインで、私のテキストエディタにそれがもたらした変化を気に入っています。
重ねて、ありがとうございます！
ロバート・リンドキスト
ありがとうございます!!
アジャイ
本当にありがとうございます
ダーレン
これ、ありがとう！頭がおかしくなりそうでした！
ジブラン・ディマサグン
ありがとう、ブラザー
サリー・アイラーズ
....WordPressの終焉を告げる。
ジェームズ
これは私のブログでは機能しません。プラグインをクリックすると「Jetpack by Wordpress.com」に移動しますが、あなたが話しているようなものは何もありません!!!!
アーユシュ・バスカール
サイトダッシュボードではなく、ネットワーク管理エリアにアクセスしようとしている可能性があります。ホームアイコンをクリックし、[ネットワーク管理] > [プラグイン] を選択してください。新しい追加、ネットワーク有効化などのオプションが利用可能です。
チャンドラシェカール
ありがとう！大変助かりました
サンパト S
または、キーボードショートカットを使用することもできます。
インデントの均等割り付け – Alt +Shift +J
下線 – Ctrl+U
デビッド
ありがとうございます。これは簡単な解決策です。サイトにこれ以上プラグインは必要ありません。
レスリー
この簡単な解決策をありがとうございます！プラグインをいじる必要はありません!!!
ディポ・プトラ
疑問は、なぜ彼らがそれを削除したのか？
ハリッシュ・ネギ
どうもありがとうございます。問題が解決しました。
ジョーイ・バングン
本当にありがとうございます！
インドネシアから
プラボダ・マドゥシャン
ありがとうございます！
シャリン・ワイズ
あなたは驚くほど素晴らしい、信じられないほど偉大な、素晴らしい人です！
これらがなくなっていたことに今気づきました！
ありがとうございます！
デビッド
とても便利で役立つヒントです…ありがとうございます！
サラ
そのためにプラグインは必要ありません。MacではCtrl+Alt+Jでテキストが均等割り付けされます。
しかし、なぜWordPressはメニューからアイコンを削除することにしたのですか？
ナディア
本当にありがとうございます！Re-add Text Underline and Justifyプラグインを追加したところ、完璧に機能しました。
WPBeginnerサポート
こんにちは、ナディアさん。
お役に立てて嬉しいです
WordPressのヒントやチュートリアルについては、Facebookでフォローしてください。
管理者
A
私の場合、これは役立ちました：
均等割り付けしたいテキストを選択します（Ctrl+A）
Shift+Alt+J を押します
すると、WordPress がテキストを均等割り付けします！
アムリット・シン
あなたは本当のMVPです。トリックをありがとう
アルド・レタナ
これはもっと役に立ちました、ありがとう！
リッチモンド
はい！あなたは本物のMVPです。素晴らしい
トーマス
なぜテキストの段組みや下線表示のオプションが削除されたのですか？何か問題があったのでしょうか？
ハルプリット・クマール
本当に素晴らしい記事
ルイ
良い！面白いですね。
特定の条件下では、これは役立つかもしれません！
一方で、ハイパーリンクの作成を除き、すべてのウェブドキュメントで下線は避けるべきだと思います。これはハイパーリンクと混同されることがあります。テキストの均等割り付け機能については、予期せぬ結果を招くことが非常に多いです。
これらの2つのオプションが除外されたのは、決して無駄ではありません。非常にまれな状況で、最小限に使用してください。
私の英語が下手で申し訳ありません。