トップページ > アメブロからWordPress移行本補足・改訂 > アメブロからWordPress移行本 表示設定 > TinyMCE Advancedのボタン説明

TinyMCE Advancedのボタン説明

2013/06/03 19:38:40

テーマ: アメブロからWordPress移行本 表示設定

TinyMCE Advancedをインストールしたら編集画面のボタンをオリジナルにカスタマイズしましょう。

TinyMCE Advancedのボタン説明

まず、TinyMCE Advancedプラグインを入れた時の初期のボタン配置は下記のようになります。

TinyMCE Advanced上段

1段目

TinyMCE上段1列目

  • bold : 文字を太字にする
  • italic : 文字を斜体にする
  • strikethrough : 文字に打ち消し線を入れる
  • underline : 文字にアンダーラインを入れる
  • bullet list : 番号なしリストをつける
  • numbered list : 番号付きリストをつける
  • Outdent : インデントの解除をする
  • Indent : インデントをする
  • allign left : 文字を左揃えにする
  • center : 文字を中央揃えにする
  • allign right : 文字を右揃えにする
  • link : リンクをつける
  • remove link : リンクを切る
  • insert image : 画像を挿入する(事前にメディアの追加が必要)
  • style : CSS編集をする
  • more tag : moreタグを挿入をする
  • split page : ページ切り替えを挿入をする
  • check spelling : スペルチェックをする
  • search : 検索する / 検索して置換を行う
  • full screen : フルスクリーン表示にする
2段目

TinyMCE上段2列目

  • fontsize : 文字のフォントサイズを指定する
  • paragraph : 文字に段落タグを指定する
  • paste as text : テキストとして貼りつけする(別ウィンドウが立ち上がります)
  • paste from word : Wordから貼りつけする(別ウィンドウが立ち上がります)
  • remove format : フォーマットを解除する
  • character map : 特殊文字を出力する(別ウィンドウが立ち上がります)
  • print : 印刷するする
  • font color : 文字色の変更する
  • back color : 文字の背景色する
  • smiles : 表情アイコンを出力する(別ウィンドウが立ち上がります)
  • sup : 上付き文字の設定する
  • sub : 下付き文字の設定する
  • insert movie : 埋め込みメディアを挿入する(別ウィンドウが立ち上がります)
  • undo : 取り消しする
  • redo : やり直しする
  • xhtml attrib : htmlの属性追加 / 削除 属性の挿入 / 削除をする(別ウィンドウが立ち上がります)
  • help :TinyMCEのヘルプを開く(別ウィンドウが立ち上がります)

追加できる拡張機能ボタン

下記の機能が追加可能です。既に設置されているボタンの中に不要なボタンがある場合、マウスでドラッグ&ドロップで下のスペースへ戻し、編集エディタでボタンを表示させないようにすることもできます。
操作しやすいように配置しましょう。

TinyMCE Advanced

1段目

TinyMCE下段1列目

  • Horizontal rule : 水平線
  • Hide next row : 次の行を非表示
  • Quote : 引用タグをつける(ブロックレベル)
  • Justify : 文字を均等割り付けにする
  • Cat : カットする
  • Copy : コピーする
2段目

TinyMCE下段2列目

  • Paste : 貼り付けする
  • Replace : 検索する / 検索して置換を行う
  • Font family : 文字のフォントを指定する
  • Styles : 文字のスタイルを指定する
  • Clean Code : クリーンコード、コードを整形する
3段目

TinyMCE下段3列目

  • Table : テーブルを挿入する(別ウィンドウが立ち上がります)
    (行のプロパティ、セルのプロパティ、行を上に挿入する、行を下に挿入する、行を削除する、列を左に挿入する、列を右に挿入する、列を削除する、セルの結合を解除する、セルを結合をする)
  • Citation : 引用エレメントを挿入する(別ウィンドウが立ち上がります)
  • Inserted Text : エレメントを挿入する(別ウィンドウが立ち上がります)
  • Deleted Text : エレメントを削除する(別ウィンドウが立ち上がります)
  • Abbreviation : 略語エレメントを挿入する(別ウィンドウが立ち上がります)
4段目

TinyMCE下段4列目

  • Acronym : 頭字語エレメントを挿入する(別ウィンドウが立ち上がります)
  • Layer : 新規レイヤーの挿入(前面へ移動、背面へ移動、絶対位置指定の切り替え)
  • Advanced HR : 高度な水平線を挿入する(別ウィンドウが立ち上がります)
  • View HTML : HTMLエディタをひらく(別ウィンドウが立ち上がります)
  • Hidden Chars : 制御文字の表示する
  • NB Space;改行なしスペース挿入する
5段目

TinyMCE下段5列目

  • Visual Aids : ビジュアルエイド(ガイドラインと非表示項目の切り替えをする)
  • Insert Date : 日付の挿入する
  • Insert Time : 時刻を挿入する
  • Anchor : アンカータグをつける(別ウィンドウが立ち上がります)
  • IE Spell : IEのスペルチェックをする

この設定の下の詳細設定は必ず併せて設定しましょう。
※「HTMLエディター内で~」にはぜひともチェック入れましょう。複数回改行が可能になります。

 

 

SEOサーバー

アメブロからWordPressに移行・引越し

Wordpress移行本