おすすめグッズや役立つ情報ブログ

Sedori Plan

wordpress

WordPressのプラグインを使わないでクイックタグを追加させる方法

投稿日:

WordPressのプラグインを使わないでクイックタグを追加させる方法

ブログを書くときは「ビジュアルエディタ」「テキストエディタ」どちらで書きますか?
私はテキストエディタで書いて、そのときに必要タグも手打ちで書いています。

クイックタグ

見出しタグ、太文字、色変えたりするときでもタグ打ちです。仕事柄タグを打つことに抵抗は無いですがたまに入力ミスしたりすることもあります。

効率よくブログを書くために良く使うタグをテキストエディタに登録する方法をご紹介します。

photo credit: Kris Krug via photopin cc

function.phpに書き込む

いきなりコードを書いてしまいましたが

QTags.addButton('(1)ed_h2', '(2)h2', '(3)<h2>', '(4)</h2>');

  • (1)はID
  • (2)はテキストエディタに表示されるボタンラベル
  • (3)はタグの開始タグ
  • (4)はタグの終了タグ

私の場合は見出しタグ、文字の色、テーブル、URLの際に使うタグを入れました。
あとはお好みで自分が良く使うタグを登録して、CSSもあわせてつければタグを直接打つ必要もなくなります。

テキストエディタ

こんな感じになります。

ボタンを分かりやすくさせます

ボタンが追加されたのでそのまま使ってもいいですが、今度はボタンが増えてくるとどこに何があるのかちょっと見つけにくくなるかもしれません。

なのでこのボタンを分かりやすくします。

テキストエディタ

webディベロッパーツールなのでボタンを調査します。
するとボタンにIDが振られているのがわかります。

例:qt_content_ed_blue

このIDを使って色をつけますのでfunction.phpに追記します。

CSSはこう感じで作って

テキストエディタ

ボタンに色がつきました。
これで他のボタンと差別化すれば迷わずに使えますね。

スポンサーリンク
  • この記事を書いた人
  • 最新記事

toney

サイトの構築、プログラムを制作をしていますtoneyと申します。中小企業、個人のホームページの制作、更新作業も承ります。 筋トレで自分を追い込んでいくのが楽しみです。最近マラソンにはまって2年連続名古屋シティマラソンに出ました。

-wordpress

Copyright© Sedori Plan , 2018 All Rights Reserved.