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担当者として月額サポートします。

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

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


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






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

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


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


どうぞWeb365の個別講座をご覧ください。

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

執筆者:

関連記事

Word原稿をWordPressにUPするとき画像が横向きなる対応や効率的な公開方法

クライアントさんからいただいたWord原稿をWordPressにUPしたいときの効率的な公開方法を解説します。その際の画像がWordPressのメディア内で横向きになってしまうときの対応も解説します。 …

【完全網羅】Word Pressセキュリティ59の対策一覧

Word Pressのセキュリティ対策の一覧と情報収集ソースを59ほどリストアップしました。自身のサイトのセキュリティ対策にご活用ください。 ※メモ書きなので、後日詳細解説を更新します。 WordPr …

WordPressで「更新を失敗しました」と出たときの対応方法

WordPressの編集時に更新を押すと、「更新を失敗しました」と出たときの対応方法について解説します。 対応方法は検索すると色々出てきますが、主要な原因では、 WordPress新エディタ「Gute …

お問合せを増やしたいフォームの制作の方法と考え方

【コピペ】お問合せを増やしたいフォームの制作の方法と考え方_前年比200%増の成果事例

お問合せを増やしたいときには、お問い合わせフォームの制作や改善が優先度の高い施策になります。ビジネスに活用するサイトでは集客から逆算したサイト作り意識しましょう。 今回はお問合せを増やすためのフォーム …

自分のWEBサイトを自分自身で作りたい人のオーダーメイド個別講座、開講。

­カリキュラム オーダーメイド講座は、 ご都合のよい日時を相談して受講できます あなたの状況に合わせて、 オリジナルレッスンでサイトを 完成・改善させていく講座です。 2時間、とことん個別対応します事 …

WordPressで特定カテゴリーのみ一覧から非表示にする方法

WordPressで特定カテゴリーのみ一覧から非表示にする方法を解説します。 クライアントさんのサイトで、記事の続編など似た記事が一覧にあると少しうるさくなっていたので、続編カテゴリーの記事は一覧から …

WordPressの企業サイト事例

WordPressの企業サイト事例とテーマ選【徹底解説】

  【5分で読めます】 WordPressで企業サイト構築の検討に役立つ記事です。 WordPressで企業サイトを構築するメリット・デメリットやWordPressの企業サイトに向いてるか判 …

^
;