記事の投稿を効率化するプラグインTinyMCE Advancedの設定方法

WordPressの記事の投稿はワープロソフトを使っているように初心者でも比較的やりやすいようになっています。

しかし、マイクロソフトのワードなどで使い慣れている

  • 文字のサイズを変える
  • 文字に網掛けする(背景色をつける)

などの当たり前の機能がついていません。

このままでは、文字サイズの変更でさえHTMLの知識がないとできません。

 

TinyMCE Advancedプラグインで記事編集を効率化する

TinyMCE Advancedは記事を編集するためのメニューを追加するプラグインです。

逆に、普段まったく使わないようなメニューがあれば、取り除いておくこともできます。

もちろんいつでも元に戻せます。

 

TinyMCE Advancedを有効化する前、有効化したあと、すべてのメニューを追加した場合を比べてみます。

<有効化前>  

tinymce14(有効化前)

 

<有効化後> 

tinymce16(デフォルト)

なぜか「下線(アンダーライン)」と「横ライン」が消え、「テーブル(表)」「フルスクリーン」「顔文字」が追加されています。

 

 <全メニュー>

tinymce

 

でも僕が実際に追加しているのは4つほどです。

下に、メニューの機能について説明をつけたので必要なものを追加して下さい。

 おすすめは〇を付けたものです。 

 

TinyMCE Advancedのインストールと有効化

 まずはTinyMCE Advancedをインストール、有効化してください。

プラグインのインストール・有効化はこちらを参考にしてください。

 

TinyMCE Advancedの設定

インストールと有効化が終わったら、WordPress管理画面(ダッシュボード)>設定>TinyMCE Advancedをクリックします。 

tinymce03

 

設定画面が表示されるので必要な記事編集メニューのボタンを追加するだけです。 

tinymce04

 

ボタンを追加できたら最後にAdvanced Optionsの「Stop removing the・・・・・」にチェックをいれて、「Save changes」をクリックします。 

tinymce05

 

 これはビジュアルエディタからテキストエディタに切り替えた時に起きる不具合(改行がうまくできない等)を防ぐためです。

 

メニューの機能説明

下の表を参考に、機能の追加、削除を行ってください。

 

プラグインを有効化した後、はじめからある機能は以下の通りです。 ※〇はおすすめです。

アイコン 機能の説明  
tiny01  文字を太字にします
tiny02  文字を斜めにします(イタリック体)
tiny03  引用文であることを示します
tiny05  番号なしの箇条書きにします
tiny06  番号付きの箇条書きにします 
tiny07  文字を左に寄せます
tiny08  文字を中央に揃えます
tiny09  文字を右に寄せます
tiny10  文字にリンクを張ります 
tiny11   文字のリンクを解除します
tiny13  表を作ります 
フルスクリーン1  フルスクリーン画面にします  
tiny14  取り消し 
tiny15  やり直し  〇 
tiny16  ツールバーを切り替えます
tiny17  見出しをつくります 〇 
tiny18  文章の両端を揃えます   
tiny19  文字に打消し線を引きます  〇 
tiny20  文章の行頭の空白をなくします 〇 
tiny21  文章の行頭に空白を入れます 〇 
tiny22  文章をテキストとして貼りつけます  
tiny23  設定した書式を元にもどします   
tiny24  特殊文字を入力します  
tiny25  続きを読むのタグを挿入します  〇 
tiny26  顔文字を入力します  

 

TinyMCE Advancedで追加できる機能は以下の通りです。  ※〇はおすすめです。

アイコン 機能の説明  
tiny31  文字に下線を引きます
tiny32  見出しや配置など複数の書式がプルダウンメニューで表示されます  
tiny33  文字のフォントを選択します  
tiny34  文字の大きさを変えます
tiny35  切り取り  
tiny36  コピー  
tiny37  貼り付け  
tiny38  X2のように文字の右下に小さく文字を表示します  
tiny39  X2のように文字の右上に小さく文字を表示します  
tiny40  記事ページに横線を引きます  
tiny41  画像の挿入・編集をします  
tiny42  記事のページを印刷します  
tiny43  アンカーを挿入します  
tiny44  検索・置換します  〇
tiny45  段落を表示します(ビジュアルエディタ内)  
tiny46  ソースコードを表示します  
tiny47  日付を挿入します  
tiny48  動画を挿入・編集します  
tiny49  ノンブレークスペースを入れます  
tiny50  文字や図などを左から右に寄せます  
tiny51  文字や図などを右から左に寄せます  
tiny52  文字に背景色をつけます
tiny53  改ページ=ページを分けます  

 ※おすすめ以外の機能は、もともと備わっていたり(画像・動画挿入など)頻繁に、使わないものなので必要な時に追加した方が効率的です。

 

こちらの記事も参考になります

コメントを残す

サブコンテンツ

このページの先頭へ