WordPress

WordPressのテキストエディターでクイックタグを追加する

投稿日アイコン
WordPressのテキストエディターでクイックタグを追加する

wordpressで下記のようなhtmlタグ

<p class="marker">テキスト</p>


などを、タイピングで入力していくのは、非常に面倒だと思いますし、スペルを間違ってしまって、余計な時間とストレスを抱えることも多々あると思います。

そのため、よく使うHTMLタグ+classについては、クイックタグを追加することをオススメします。

具体的には、画像のような感じです。

addquicktag_edit

ポイント

ここでは、あくまでもクイックタグを追加する方法だけです。

そのためのプラグインの紹介をしますが、該当するプラグインが持っているその他の機能については詳しく説明しないです。

htmlタグを簡単に呼び出す情報のみにして、分かりやすい記事にしています!

AddQuicktag

上記のプラグインで簡単に設定できます。

こちら、ダウンロードしたら有効化すれば、wordpressの設定に追加されるので、そちらを押下してください。

AddQuicktagの設定方法

addquicktag_setting

上記のような設定画面が表示されるので、後は赤い枠の箇所に入力すればOKです。

もし、クイックタグの順番を考慮したいのでしたら、「0」の数値をクイックタグごとに変更すれば、並び順が変わります。

入力が終わったら、「変更を保存」ボタンがあるので、押下しましょう。

その後に、投稿ページにいき、テキストエディターに切り替えれば、設定したボタンがあるはずです。

偶に正しく保存されずに、クイックボタンが表示されないこともあるので、保存ボタンを押下した後に、正しく設定されているか確認してみてください。

私の場合は、一度目失敗して、二度目で正しく保存されましたので…

まとめ

プラグインを利用すれば、エンジニアの方でなくても簡単にクイックタグを追加していくことができますので、今までよりも効率よくブログを入力していくことできます。

ぜひ、試してみてください!

profile_icon

青茶

デザインを形にするのが好きで、30代から実務未経験のコーダからのスタートで就職しました。 HTML・CSS・JSのコーティングをしたり、Reactで開発をしたり、スマホアプリの開発をしたりしています。 自分の技術のストック先として、このブログで発信し、成長していく・・・予定! (30代から1からコーダーや、フロントエンドエンジアを目指す人に役立つ情報も発信したいな)