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

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

投稿日:

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マーケティングについてなど、気になる点があればお気軽にお問い合わせください。

【個別講座承ります】

貴社サイトの悩みや改善したい点など、こちらが教えながら一緒に改善するオーダーメイド個別講座も承っております。

【Web担当承ります】

貴社のWeb担当者としてもビジネス目的に合わせた形でサポートいたします。まずはお気軽にご相談ください。

 

 

 

 

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

執筆者:

関連記事

検索上位へのSEO対策、記事をGoogleサーチコンソールにフェッチしよう

サイトを検索上位に上げたいときのSEO対策です。 まずは、書いた記事を公開したらGoogleサーチコンソールにフェッチしましょう。 その理由と方法を解説します。   Googleサーチコンソ …

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

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

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

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

【初心者導入編】WordPressで会社企業のホームページを作るにはまとめ

会社企業でWordPressを使ってホームページを作成制作を検討してる方(初心者)に対しまして、導入編として、メリットデメリットと制作にあたる一連の流れを網羅的に解説しています。 WordPressで …

文字起こしは音声データを口頭でGoogleドキュメントに音声入力するがなんだかんだ一番かもです

文字起こしは音声データを口頭でGoogleドキュメントに音声入力するがなんだかんだ一番かもです。 クライアントさんの話を聞き書きし、記事化する業務をしています。 その際に、音声データを文字起こしする必 …

;