WordPressでホームページを作るには

WordPressのテキストモードでタグボタンを追加する方法

投稿日:2019年10月17日 更新日:

Web担当業務でクライアントサイトに見出しや太字などのタグがリセットされていたのでCSSの設定した際に、エディタ上のテキストモードでタグボタンを追加する方法を解説します。

 


下記画像の青枠、見出しと太字を挿入できるようになりました。

画像、一番上の青枠、タグボタンを押すと、該当したテキストコードが挿入されます。

このタグボタンの追加設定の方法を解説します。

functions.phpに下記ソースは追記します。

/* テキストエディタのツールバーのボタン追加 */
function custom_add_quicktags() {
if (wp_script_is('quicktags')){
?>
<script>
QTags.addButton( ID, ボタンテキスト, 開始タグ, 終了タグ, アクセスキー, タイトル, 優先順位(1が先頭) );
</script>
<?php
}
}
add_action( 'admin_print_footer_scripts', 'custom_add_quicktags' );

ソースコードの解説

ソースコードの下記の部分に必要なタグの設定をします。

QTags.addButton( ID, ボタンテキスト, 開始タグ, 終了タグ, アクセスキー, タイトル, 優先順位(1が先頭) );

 

たとえば、h2なら、下記です。

QTags.addButton( ‘h2’, ‘h2’, ‘<h2>’, ‘</h2>’, ”, ‘h2タグ’, 1 );

 

入力する項目は、下記の通りです。

ID ダブらない名前(半角英数字)
ボタンテキスト ボタンの表示名
開始タグ 1度目にボタンを押した時に挿入するタグ
終了タグ 2度目にボタンを押した時に挿入するタグ
アクセスキー 通常、空欄で大丈夫です
優先順位(半角数字) ボタンの位置を任意の位置にしたい時に使用します

 
以上です。

 

 
 






Web制作+Webマーケティングの個別講座開講中

Web365はWeb担当者のスキルセットである
サイトを変更する「提案力」と「技術力」について個別指導しております


・Webで集客するための「考え方」を知りたい方
・サイトの制作改善のセオリーを知りたい方
・自身のサイトでケーススタディをしたい方
・サイトの制作改善の「技術的なスキル」を習得したい方
・分析から改善運用まで自身でしたい方


どうぞWeb365の「自社のWebサイトを自身で作りたい、改善したい人のオーダーメイド個別講座」をご覧ください。






外注のWeb担当者として「制作」と「マーケティング」で単発/継続でサポートします。

Web365は貴社のWeb担当者として、制作改善運用をワンストップサポートしています

・成果にこだわるサイト制作改善をお望みの方
・良いweb制作会社、コンサル会社がいないとお困りの方
・分析から改善運用まで一括で依頼したい方


是非Web365までご相談ください。

WordPressでホームページを作るには

執筆者:

関連記事

Androidで確認するとサイトの右にできる余白を消す方法

iPhoneでは普通のサイトもAndroidで確認するとサイトの右に余白ができることがあります。今回はその解消方法です。 調べると3つほど解決法があります。 min-widthを指定してみる view …

【簡単】商材ページ、13のポイントを意識して簡単につくる方法

クライアントサイトで、実際にコンテンツ作成するときに、重要なページ商材ページがあります。 どんな構成で作成すると良いのか? 商材自体の訴求ポイントの項目と、Webコンテンツとしての構成面と合わせて、1 …

【事例】Webサイトの保守運用を外注依頼すると何をしてくれるのか?

Webサイトを制作業者に依頼し納品後に発生する「保守運用・セキュリティ」の業務。 あれは実際何をしてくれるのか。 Web365の場合で事例解説します。 Web365とは Web365は、外部Web担当 …

ALTタグ入力の方法

【Webマーケティング】画像検索一覧に表示させる方法なら、ALTタグ入力がおすすめ

ビジュアル商材を扱っているサイトですと画像検索からの流入も意識したいですね。どんな対策があるか知っていますか? そんなときは、画像のALTタグの入力がおすすめです。 ALTタグの入力で画像検索で自商材 …

【提案事例】実店舗ローカルビジネスのWebサイトとSNSの設計一案

【5分で読めます】 実店舗オープン準備中の方より、Web作成の予算があまりかけられない、できれば無料ツール活用、日々の更新はSNS、中期的にはECを自サイトで展開したいというご相談。 実店舗だとこの要 …

WEBサイトのコンテンツを効率的に作る方法「動画コンテンツをテキストコンテンツに転用する」

Webサイトの大事な役割であり、運用が大変なものが、「コンテンツ作成」です。 自身のサイトのコンセプトに適うコンテンツを新規で作成し、改善更新することはサイト運用でとても重要です。 しかし、重要なのは …

イメージ00_【解説】WordPressの保守、プラグインのバージョン管理ができるWP Rollbackをいれておこう

【解説】WordPressの保守、プラグインのバージョン管理ができるWP Rollbackをいれておこう

【解説】WordPressの保守、プラグインのバージョン管理ができるWP Rollbackをいれ方を解説します。 クライアントサイトで対応例です。前提条件もありますが、プラグイン2つで対応します。 W …