DETAIL NOTE

INTUITION DETAIL DESIGN BLOG

WordPressのビジュアルエディターにボタンを追加

WordPress の投稿画面のビジュアルリッチエディター。
クライアント向けにHP制作後、ブログなどの更新はクライアントさんにやってもらうことになります。
クライアントさんは HTML が書ける人ばかりではないので、納入する時には、ビジュアルリッチエディターでブログの書き方を教えています。
フォントサイズの変更など、少しだけエディターを便利にするボタンを追加する方法です。

 

ビジュアルリッチエディターにボタンを追加

数行追加するだけで、便利なボタンを追加できます。
やり方は簡単で、functions.php に以下のコードを記述するだけです。

 

上記のコードで追加しているボタンは

  • 背景色
  • コピー
  • 切り取り
  • 貼り付け
  • フォントサイズ
  • コード整形

「文字を大きくしたい」という方も多いので、これは追加しておくのがマストですね。

他に追加できるボタンは以下の通りです。

  • anchor:アンカータグ
  • code:codeタグ
  • fontselect:フォント
  • hr:hrタグ
  • styleselect:スタイル
  • sub:上付き文字
  • sup:下付き文字

探せばもっとあるかもしれませんが、プラグインを使わなくてもこれだけのボタンが追加できます。

 

次へ 投稿

前へ 投稿

© 2022 INTUITION DETAIL DESIGN