テーマファイル編集不可、かつ、フィルターフック無し、の条件下でhtml要素を追加

HTML/CSS, WordPress Tips

条件

テーマファイルを編集することができない、また、そのテーマの適切な場所にフィルターフックがない条件下で、html要素を追加したい場合の処理を紹介します。
<header>要素と<div class=”content”>の間にスライダーなどのブラウザ全幅要素を設置したい場合などに利用できます。

wp_footerフックでjQueryコードを設置する。

下記コードを functions.php に設置します。

解説

  • ショートコードを取得(※1)
    設置したいhtmlコードを取得します。もちろん直接htmlコードを設置しても問題ありません。
  • 複数行にわたる場合、改行を除去しないとjQueryでエラーとなる(※2)
    これをやらないと下記のような記述になってしまいjQueryの文法エラーとなります。
  • <header>の直後にショートコードhtmlを挿入する(※3)
    after()でhtml要素を追加します。ここではヒアドキュメントの記法を使用しております。
  • コメント ( 0 )

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

関連記事一覧