「TinyMCE Advanced」プラグインで追加できるツールの使い方
WordPressの投稿画面に標準で使われているヴィジュアル・テキストエディター(tinyMCE)のツールを拡張するプラグイン「tinyMCE Advanced」を使用したとき、追加される各ツールの使い方を解説します。
tinyMCE Advancedで追加できるツール一覧
「tinyMCE Advanced」プラグインをインストールすると、WordPressに標準のヴィジュアル・エディター(tinyMCE)にツールを追加できます。ここでは追加できるツールを解説します。プラグインは以下のリンク先からダウンロードできます。
| アイコン | 機能 [code][/code][/code] | 対象 | 解 説 |
|---|---|---|---|
| 下線 [underline] | 文字 | 選択した文字に下線を入れる。 |
|
| 画像の 挿入/編集 [img] | カーソル位置 | カーソルのある位置に画像を挿入する。上級者以外はWordPress標準の画像アップローダーを利用したほうが良い。 | |
| ページ切り替え を挿入 [<!--nextpage-->] | カーソル位置 | カーソルのある位置にNext Pageタグを挿入する。このタグはページを複数に分け、タグの位置に次のページへのリンクが挿入される。 | |
| 検索 [--] | テキスト全体 | 編集中のテキスト内を検索する。また、検索した語句を別の語句に置き換えることも出来る。 | |
| 切り取り [--] | 文字 | 選択した文字を切り取る。キーボードのCtrl+Xと同じ。 | |
| コピー [--] | 文字 | 選択した文字をコピーする。キーボードのCtrl+Cと同じ。 | |
| 貼り付け [--] | カーソル位置 | カーソルのある位置に「切り取り」「コピー」した内容を貼り付ける。キーボードのCtrl+Vと同じ。 | |
| 検索/置換 [--] | テキスト全体 | 編集中のテキスト内の語句を別の語句に置き換える。 |
|
| 印刷 [--] | テキスト全体 | 作成したテキストを印刷する。 | |
| 表情アイコン [--] | カーソル位置 | カーソルのある位置に表情アイコンを挿入する。編集画面に挿入されるのは顔文字(:-D )だが、公開時は表情アイコン( |
|
| 上付き [sup] | 文字 | 選択した文字を上付きにする。 | |
| 下付き [sub] | 文字 | 選択した文字を下付きにする。 | |
| 属性の 挿入/削除 [id,class,title] | カーソル位置 | カーソル位置にあるエレメントに属性を挿入する。CSSとHTMLを理解している上級者向けの機能。 | |
| 引用 [cite] | 文字 | 選択した文字を引用扱いにする。 |
|
| 挿入 [ins] | 文字 | 投稿の公開後に追加した部分を区別する際に適用する。追加時の日付と理由を添付できるが上級者向け。日付のフォーマットはYYYY-MM-DDThh:mm:ssTZD。 | |
| 削除 [del] | 文字 | 投稿の公開後に削除した部分を区別する際に適用する。削除時の日付と理由を添付できるが上級者向け。日付のフォーマットはYYYY-MM-DDThh:mm:ssTZD。 | |
| 日付の挿入 [--] | カーソル位置 | カーソルのある位置に日付を挿入する。 (例:2009-09-08) |
|
| 時刻の挿入 [--] | カーソル位置 | カーソルのある位置に時刻を挿入する。 (例:11:13:14) |
|
| コード整形 [--] | テキスト全体 | 不要なコードを削除して整理する。 | |
| 略語 [abbr] | 文字 | 選択した文字が語句の省略形であることを示す。IE7では動作しないようだ。 | |
| 頭字語 [acronym] | 文字 | 選択した文字が語句の頭文字であることを示す。 | |
| 水平線 [hr] | カーソル位置 | カーソルのある行に水平線を挿入する。 | |
| HTML ソース編集 [--] | -- | HTMLの編集画面を表示する。上級者向け。 | |
| 制御文字の表示 [--] | テキスト全体 | 通常表示されないキャラクターを表示する。(例: ) | |
| 改行なし スペースの挿入 [--] | カーソル位置 | カーソルのある位置に半角スペースを挿入する。 | |
| ガイドライン と非表示項目 の表示切替 [--] | テキスト全体 | 表組みの枠などの表示/非表示を切り替える | |
| アンカーの 挿入/編集 [a] | カーソル位置 | カーソルのある位置にアンカーを挿入する。リンク先にアンカー名を設定すると、リンクをクリックしたときアンカー位置に移動するようになる。 | |
| 背景色 [background-color] | 文字 | 選択した文字の背景色を設定する。 |
|
| スタイル [class] | 文字 | 選択した文字、またはカーソル位置のエレメントにクラスを定義する。CSSとHTMLを理解している上級者向け。 | |
| フォント [font-family] | 文字 | 選択した文字、またはカーソル位置の単語のフォントを設定する。 |
|
| 文字サイズ [font-size] | 文字 | 選択した文字、またはカーソル位置の単語の文字サイズを変更する。 |
|
| 表を挿入 [table] | カーソル位置 | カーソルのある位置に表組み(table)を挿入する。 テーブル(TABLE)ツール解説 |
|
| 新規レイヤーの挿入 [position] | カーソル位置 | カーソルのある位置に新規レイヤーを挿入する。作成したレイヤーはドラッグして位置を設定できる。 |


