WordPress初心者にも扱いやすいレンタルサーバー heteml
Post Image

「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
ソース編集
[--]
--HTMLの編集画面を表示する。上級者向け。
制御文字の表示制御文字の表示
[--]
テキスト全体通常表示されないキャラクターを表示する。(例:&nbsp;)
改行なしスペースの挿入改行なし
スペースの挿入
[--]
カーソル位置カーソルのある位置に半角スペースを挿入する。
ガイドラインと非表示項目の表示切替ガイドライン
と非表示項目
の表示切替
[--]
テキスト全体表組みの枠などの表示/非表示を切り替える
アンカーの挿入/編集アンカーの
挿入/編集
[a]
カーソル位置カーソルのある位置にアンカーを挿入する。リンク先にアンカー名を設定すると、リンクをクリックしたときアンカー位置に移動するようになる。
背景色背景色
[background-color]
文字選択した文字の背景色を設定する。
フォーマット解除(フォーマット解除)ツールで解除できる。
スタイルスタイル
[class]
文字選択した文字、またはカーソル位置のエレメントにクラスを定義する。CSSとHTMLを理解している上級者向け。
フォントフォント
[font-family]
文字選択した文字、またはカーソル位置の単語のフォントを設定する。フォーマット解除(フォーマット解除)ツールで解除できる。
文字サイズ文字サイズ
[font-size]
文字選択した文字、またはカーソル位置の単語の文字サイズを変更する。フォーマット解除(フォーマット解除)ツールで解除できる。
表を挿入表を挿入
[table]
カーソル位置カーソルのある位置に表組み(table)を挿入する。
テーブル(TABLE)ツール解説
新規レイヤーの挿入新規レイヤーの挿入
[position]
カーソル位置カーソルのある位置に新規レイヤーを挿入する。作成したレイヤーはドラッグして位置を設定できる。

3 コメント/トラックバック

この記事に対してのコメントがありましたらコメントフォームから送信してください。

Trackbacks

  1. WordPressテキストエディターのツール解説 表組み(テーブル)編 | フリッヂデザイン

    [...] ター(TinyMCE)には、標準では表組み(テーブル)ツールはありませんが、ツールを拡張するプラグイン「TinyMCE Advanced」を使用すると追加できます。表組みツールの使い方を説明します。 [...]

  2. WordPress 初心者向け解説「新規投稿を追加するまで」 | フリッヂデザイン

    [...] 「TinyMCE Advanced」プラグインで追加できるツールの使い方 [...]

  3. WordPressで表組み(テーブル)を作るテキストエディターツール解説 | フリッヂデザイン

    [...] ター(TinyMCE)には、標準では表組み(テーブル)ツールはありませんが、ツールを拡張するプラグイン「TinyMCE Advanced」を使用すると追加できます。表組みツールの使い方を説明します。 [...]

コメントフォーム