WordPress（ワードプレス）でサイトを構築した後は、ページの作成をして情報をしっかりと配信します。
ですが、WordPressをインストールした初期状態のビジュアルエディター（編集機能）は充実しているとは言い難いところです。
そこで、プラグイン TinyMCE Advancedをインストールして、さらに便利にサイトを作成できる環境を作りましょう。
TinyMCE Advancedのツールバー
プラグインを入れる前のビジュアルエディターです。ここに様々な編集ができるように機能を追加します。
設定前
設定後
TinyMCE Advancedのインストール
WordPressの管理画面から「プラグイン」→「新規追加」をクリックします。
次に、キーワード欄に「TinyMCE Advanced」と入力すると、プラグインが表示されますので、「今すぐインストール」をクリックします。
インストールが終わったら、｢有効化」をクリックしてプラグインを利用できるようにしましょう。
TinyMCE Advancedの設定
インストールと有効化が終了したら、設定を行っていきます。
WordPress管理画面の「プラグイン」をクリックで、プラグインが一覧表示されますので、TinyMCE Advancedの「設定項目」をクリックします。
新エディターのグーテンベルク用設定と旧エディターのクラシックエディター用設定が選べますので、今回はクラシックエディター用設定「Classic Editor」を選択します。
インストール時の初期画面が開きます。ここを設定変更していきましょう。
ツールバー設定
設定前
まずはメニューに必要な機能を追加します。使用しないボタンから、必要な機能をドラッグ＆ドロップします。
また必要ないボタンも同じく、ドラッグ＆ドロップで削除し、自分で作成するときに必要なツールバーに整えましょう。
設定後
設定
次に設定です。こちらは初期状態です。
設定前
必要な個所にチェックを入れます。
設定後
「代替リンクダイアログ」にチェックを入れると、リンクダイアログがすぐに開きリンク設定時の手間が省けます。
「フォントサイズ」にチェックを入れると、おもに出版物などで利用するptからWebで利用するpxに変更します。また、72pxなど大サイズが選択できるようになります。
高度なオプション
設定前
「高度なオプション」では、Keep paragraph tags in the Classic block and the Classic Editorにチェックを入れます。
設定後
この設定にしますと、テキスト編集時にタグが残り、ソースコードでの作業がしやすくなります。なお、ビジュアルモードでのみ作業をする方は、必須項目ではありません。
設定前
設定後
Advanced options for tables
こちらは初期設定で特に問題はありません。
管理
こちらも初期設定で特に問題はありません。
すべての設定が終わりましたら「変更を保存」をクリックして設定を完了しましょう。
まとめ
サイトを充実させるためには、制作・編集環境を整えておくことは大切です。
TinyMCE Advancedは、数多くのサイトで利用されている無料のプラグインですので、インストールしてサイト制作に集中できる状況を作りましょう。
この記事を書いた著者
- ITサポート/コンサルティング/コンテンツプロデュース
-
株式会社ストレン 代表取締役社長
MCP,2級知的財産管理技能士
GAIQ(Googleアナリティクス個人認定資格)
【仕事略歴】早稲田大商卒。東証一部精密機器メーカー、レコード会社を経て独立後、2001年に動画配信（ストリーミングサーバー）レンタルサービス「ストレン」を立ち上げ、マイクロソフト認定パートナーとしてサーバー構築・運用からPRまで全般に携わる。2015年、東証マザーズ上場企業・お客様と合意のもと、上場企業サービスへ移行していただき同ビジネス終了、以降はITサポート・コンサルティングとして企業の支援に。
当サイトでは、ホスティングビジネスの経験を踏まえ、ユーザー視点でレンタルサーバーやECサービスの評価をし、これから始めたい・切り替えたい方の立場に立った記事・評価・比較情報をお届けします。
【趣味】プロ野球/MLBなどスポーツ、そして映画・音楽好き（主に洋楽）。
