Advanced Editor Toolsは、記事編集のツールバーをカスタマイズできるプラグイン。
文字のフォントを変更したり、文字の色や背景色も自由に変えられるようになります。
![よっちゃん](https://sengyopapablog.com/wp-content/uploads/2023/03/sengyopapa-02-150x150.png)
プラグインを導入すると、WordやExcelのツールバーのようになりとても便利です。
この記事では、Advanced Editor Toolsの設定方法と使い方について解説します。
1.Advanced Editor Toolsのインストール
まずは、Advanced Editor Toolsをインストールして有効化しましょう。
- STEP1WordPress管理画面で「プラグイン」→「新規追加」をクリック
- STEP2キーワードに「Advanced Editor Tools」と入力
- STEP3「今すぐインストール」をクリック
- STEP4「有効化」をクリック
2.Advanced Editor Toolsの使い方
(1)ツールバーの切り替え方法
通常、記事を書いていると①のツールバーが表示されますが、Advanced Editor Toolsを有効化すると②のツールバーに切り替えることができるようになります。
① プラグイン無し
![WordPressのツールバーの画像](https://sengyopapablog.com/wp-content/uploads/2023/06/wordpress-toolbar-02.png)
② プラグイン有り
![Advanced Editor Toolsのツールバーの画像](https://sengyopapablog.com/wp-content/uploads/2023/06/advanced-editor-tools-toolbar-02-1024x213.png)
切り替え手順を以下に解説します。
- STEP1左端の「段落」をクリック
- STEP2「クラシック版の段落」をクリック
- STEP3切り替え完了
- STEP4元に戻すには、「オプション」をクリック
- STEP5「ブロックへ変換」をクリック
- STEP6切り替え完了
(2)ツールバーのカスタマイズ方法
WordPress管理画面の「設定」→「Advanced Editor Tools」をクリックすると、ツールバーをカスタマイズすることができます。
赤枠の使用していないボタンを上部のツールバーにドラッグするとボタンを追加できます。
![よっちゃん](https://sengyopapablog.com/wp-content/uploads/2023/03/sengyopapa-02-150x150.png)
自分の好きなようにカスタマイズしてみてください。
![Advanced Editor Toolsの設定画面の画像](https://sengyopapablog.com/wp-content/uploads/2023/04/advanced-editor-tools-customization-1-1024x664.png)
(3)筆者のおすすめボタン
Advanced Editor Toolsを導入すると使用できるおすすめのボタンを紹介します。
フォントサイズ
「フォントサイズ」のボタンを追加することで文字サイズを変更できます。
以下の画像にあるサイズから選ぶようになっており、数値を入力して指定することはできません。
![Advanced Editor Tools、フォントサイズ設定ボタンの画像](https://sengyopapablog.com/wp-content/uploads/2023/06/advanced-editor-tools-font-size-1024x510.png)
テキスト色
テキスト色を自由に変更できます。
![Advanced Editor Tools、テキスト色設定ボタンの画像](https://sengyopapablog.com/wp-content/uploads/2023/06/advanced-editor-tools-text-color-01-1024x286.png)
「カスタム」のボタンをクリックすると、RGBやカラーコードでの色指定もできます。
![Advanced Editor Tools、テキスト色のカスタム設定の画像](https://sengyopapablog.com/wp-content/uploads/2023/06/advanced-editor-tools-text-color-02.png)
インデントを増やす
この文章は実際にインデントを一つ増やしており、このように行頭を一文字空けることができます。「スペース」キーとの違いは、そのブロック全ての行頭が一文字空くところです。
ある項目に対する説明文を書くときに文章を見やすくすることができます。
![Advanced Editor Tools、インデントを増やすボタンの画像](https://sengyopapablog.com/wp-content/uploads/2023/06/advanced-editor-tools-indent-1024x171.png)
リスト
WordPressの「リスト」ブロックは「黒丸」と「番号順」の二つですが、Advanced Editor Toolsには以下のように色々なバリエーションのリストがあります。
![Advanced Editor Tools、リストボタンの画像](https://sengyopapablog.com/wp-content/uploads/2023/06/advanced-editor-tools-list-1024x197.png)
番号無しリスト | |
デフォルト(黒丸) | ● |
白丸 | ○ |
黒丸 | ● |
四角 | ■ |
番号付きリスト | |
デフォルト(黒丸) | 1.2.3. |
ラテン文字小文字 | a.b.c. |
ギリシャ文字小文字 | α.β.γ. |
ローマ数字小文字 | ⅰ.ⅱ.ⅲ. |
ラテン文字大文字 | A.B.C. |
ローマ数字大文字 | Ⅰ.Ⅱ.Ⅲ. |
3.まとめ
![](https://sengyopapablog.com/wp-content/uploads/2024/06/summary-1024x341.png)
Advanced Editor Toolsの設定方法と記事編集のツールバーをカスタマイズする方法、おすすめのボタンについて紹介しました。
あれば便利だと思いますので、ぜひ導入を検討してみてください。
- Advanced Editor Toolsは、記事編集のツールバーをカスタマイズできるプラグイン。
- プラグイン無しと有りのツールバーは簡単に切り替えできる。
- WordPress管理画面「設定」→「Advanced Editor Tools」でツールバーをカスタマイズすることができる。