この記事では、WordPressのウィジェットの「カスタムHTML」で、ショートコートが利用できるようする方法を解説します。
具体的な説明に入る前に、この記事を書いた時点の環境を記載しておきます。
ワードプレス環境
テーマ:賢威8
WordPressバージョン:5.8.2
PHPバージョン:7.4
サーバー:さくらインターネット
賢威を使っている方の参考になれば幸いです。
ウィジェットのカスタムHTMLでショートコードを使用する方法
ワードプレスのウィジェットでショートコードを使用するには、do_shortcode関数を利用する方法があります。
ただ、テーマによりますが、デフォルトでは、このdo_shortcode関数は利用できないことが多いです。
その為、function.phpにて、widget_textフィルターに、do_shortcode関数を適用する必要があります。
以下のコードを、function.phpに記述します。
/* ウィジェット内でショートコードを有効にする */
add_filter('widget_text', 'do_shortcode');
※function.phpの設定を失敗すると、最悪、サイトが表示されなくなります。
その為、コードを追加する際は、必ずバックアップを取ってから追加するようにしてください。
function.phpの場所は?
function.phpは、だいたいどのテーマも、
外観 > テーマエディター
にあります。
テーマエディターに移動したら、編集するテーマが、現在、使用しているテーマかを確認しましょう。
問題なければ、「function.php」を選択します。
選択したら、一番下に以下のコードを追加します。
/* ウィジェット内でショートコードを有効にする */
add_filter('widget_text', 'do_shortcode');
最後に、「ファイルを更新」ボタンで、保存(更新)します。
※全角スペースなどが入ると、正しく動作しない可能性があるので、コピーしたコードは、一度メモ帳などに貼り付けて確認してみましょう。
ウィジェットにショートコードを貼り付け
これで、ショートコードが利用できるようになったはずです。
あとは、ウィジェットのカスタムHTMLにショートコードを貼り付け、保存して、ショートコードが反映されているか確認してみましょう。
楽天市場の検索結果
2,200円(税込)【送料込】
楽天ブックス
Mana SBクリエイティブイチサツデスベテミニツクワードプレスニュウモンコウザ マナ 発行年月:2022年03月24日 予約締切日:2022年01月26日 ページ数:344p サイズ:単行本 ISBN:9784815609405 Mana(MANA) 日本で2年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにあるWeb制作
2,640円(税込)【送料込】
楽天ブックス
久保田 涼子 西原 礼奈 ソシムエイチティーエムエルサイトヲワードプレスニスルホン クボタ リョウコ ニシハラ アヤナ 発行年月:2023年08月29日 予約締切日:2023年06月06日 ページ数:360p サイズ:単行本 ISBN:9784802614214 久保田涼子(クボタリョウコ) 「ワクワクするモノ・時間・場所を生み出す」をテ
1,980円(税込)【送料込】
楽天ブックス
佐々木 恵 リブロワークス 技術評論社タッタイチニチデキホンガミニツクワードプレスチョウニュウモンカイテイニハン ササキ メグミ リブロワークス 発行年月:2022年04月14日 予約締切日:2022年01月05日 ページ数:192p サイズ:単行本 ISBN:9784297126957 佐々木恵(ササキメグミ) 2002年より独学でWe
2,398円(税込)【送料込】
楽天ブックス
佐々木恵 ソーテック社イチバンヤサシイ ワードプレス ニュウモンキョウシツ ササキメグミ 発行年月:2020年10月20日 予約締切日:2020年09月28日 ページ数:344p サイズ:単行本 ISBN:9784800712653 佐々木恵(ササキメグミ) フリーランスのWebデザイナー、Webエンジニア。2002年より独学でWeb制作
1,980円(税込)【送料込】
楽天ブックス
泰道ゆりか SBクリエイティブゼロカラマナブハジメテノワードプレス タイドウユリカ 発行年月:2022年10月12日 予約締切日:2022年07月22日 ページ数:352p サイズ:単行本 ISBN:9784815615222 泰道ゆりか(タイドウユリカ) Webデザイナー/株式会社CORELILY代表取締役。立教大学卒業後、銀行に就職。