心とお金が豊かになる「マインドフルネスの秘密」無料プレゼント中!

【WordPressプラグイン】ビジュアルエディタを使いやすくする!TinyMCE Advancedの設定方法

* indicates required
   

 

Narumiのアイコン画像Narumi

 

WordPressの初期設定の状態だと、文字サイズの大きさや文字色、背景色を変更することができません。

 

今回はビジュアルエディタモードで執筆していく際に、より見やすく書きやすくするために、プラグイン「TinyMCE Advanced」を使って機能を追加する方法を解説していきます。

 

この設定はブログを書き始めたばかりの人や、テキストエディタに機能を追加していない人はぜひ参考にしてくださいね。

 

 icon-arrow-circle-down プラグインインストール前のビジュアルエディタはこのようになっています。

 

 

 icon-arrow-circle-o-down TinyMCE Advancedをインストールすると、画像のように編集できる項目やアイコンが表示されるようになります。

 

初期設定からいくつかアイコンが追加されるので少し表示が違いますね。

 

 

MENU

プラグイン「TinyMCE Advanced」をインストールしよう

 

  1. ダッシュボード→プラグイン 
  2. →新規追加 を進めていきましょう

 

  1. TinyMCE Advancedと入力し、検索します
  2. 今すぐインストールをクリックし、有効化します

 

  1. 設定をクリック
  2. TinyMCE Advancedをクリックし、設定をしていきましょう

 

 

必要な機能を追加していこう!

 

TinyMCE Advancedをインストールしたら、Classis Editorのビジュアルエディタ内に必要な編集ボタンを追加していきましょう。

 

WordPress5.0からの新エディタである「Gutenberg」を使用している場合は、Block Editor(Gutenberg)を選択して、編集をしていきましょう。

 

 

設定

 

設定は特別なリクエストがなければ、デフォルトの状態で良いかと思います。

 

 

高度なオプション

 

デフォルトの状態にプラスして、「段落タグの保持」はビジュアルエディタで書いていたものをHTMLモードに切り替えたときに生じる不具合を防いでくれる機能なので、チェックをいれておきましょう。

 

 

これで「変更を保存」をクリックしましょう。

 

 

 

TinyMCE Advancedで使える便利なボタンご紹介!

段落(見出しタグ)

 

記事の見やすさと共にSEO的にも非常に重要な部分になってくるのがこの段落です。

 

様々なサイトの記事を見ていると、必ず大きな見出しと共に文章が1つのまとまりになっています。このカテゴライズをするのが段落(見出しタグ)と呼ばれるものになります。

 

 

段落をきちんと作りながら文章を作ることで、検索エンジンからきちんとした記事であると理解され、検索時にページがシッカリと表示されるようになります。

 

しかし段落の編集ボタンは闇雲に使ってはいけません。きちんと順番を考えることが大切です。見出しは2→3→4ときちんと順番で使うことで、初めて検索エンジンにも認識してもらうことができます。

 

背景色

 

文章を強調したいときなどに背景色を付けてみるのもいいですね!

 

 

太字

 

選択した文字を太字にできます。

 

 

テキスト色

 

テキスト色をお好きな色に変更できます。

 

 

下線

 

選択した文字に下線を引けます。

 

 

フォントサイズ

 

フォントサイズを変更できます。

 

 

リンクの挿入・編集

 

①「リンクの挿入 / 編集」ボタンを押すと、リンク先を入力できる画面が出てきます。②で挿入したいリンク先をコピペで大丈夫ですので、貼りつけておきましょう。これだけで、テキストにリンクを貼りつけることができます。

 

③の編集ボタンでは、実際にテキストをクリックしたときのリンク先の表示の仕方を指定できます。

 

 

外部サイトの場合、リンクは新しいタブで表示されたほうが読み手は便利さを感じるので、「リンクを新しいタブで開く」というチェックボックスにもチェックを入れておきましょう。

 

 

今回はTinyMCE Advancedを導入することで、ビジュアルエディタをより使いやすくカスタマイズする方法についてご紹介しました。

 

TinyMCE Advancedを使うことでより質のいい記事を作ることができるので、ぜひ参考にしてください。

* indicates required
   

この記事を書いた人

Narumiのアバター Narumi ワールドクリエイター

地元で4大を卒業後、ワーキングホリデーVISAで1年間渡豪。帰国後外資系企業に就職するも、将来に対して漠然とした不安を抱え、現状維持を打破し人生を変えたい、もっと自分らしい働き方を見つけたいという思いで2015年にPC1台で独立起業。

現在、海外で得た経験と感動をもとに『世界を舞台に自分らしく自由に生きる』をテーマにした、ワークスタイル.セカンド起業.独立起業を目指す人のためのオンラインビジネスサロン「Global Style」を主宰。二期目が活動中。ビジネスコンサルタント.コミュニティ運営.Webマーケター.Webライター.プロモーター.オウンドメディア構築.マインドコーチングなど多岐にわたり活動を展開する。

そんな中で得てきたことや私流の自分らしく生きる方法論をこのブログを通して発信しています。「一度きりの人生」あなたも私と一緒に謳歌しませんか?

   >>プロフィール詳細はこちら

MENU
閉じる