コメントフォームの下を広告スペースにする

バナーサイズ300×250の広告をコメントフォームの下に2つ並べる

comment_formフィルターフックでバナー広告を挿入する

WordPressにはコメントフォームが標準で備わっています。

本記事では、コメントフォームの下に広告を表示する方法を書いてみます。

フィルターフックの設定

テンプレートをカスタマイズせずに、functions.phpにPHPコードを追加することで、コメントフォーム下をカスタマイズすることができます。

利用するフィルターフックは以下の通りです。

add_filter('comment_form', 'comment_form_insert_advertise');

comment_formの他に以下のフィルターフックを利用してコメントフォームの様々な場所にカスタマイズを追加することが出来ます。

  • comment_form_before
  • comment_form_must_log_in_after
  • comment_form_top
  • comment_form_logged_in_after
  • comment_form_before_fields
  • comment_form_after_fields
  • comment_form_after

Function Reference/comment form WordPress Codex

広告を追加するコード

function comment_form_insert_advertise(){

$comment_bottom = <<< EOF
<aside>
<div class="gallery gallery-columns-2">
  <figure class="gallery-item">
    // 広告コード
  </figure>
  <figure class="gallery-item">
    // 広告コード
  </figure>
</div>
</aside>
EOF;

  echo $comment_bottom;
}

任意のHTMLをPHPのヒアドキュメントで囲んで変数に入れておいて、その変数をechoで出力する処理をしている。ヒアドキュメント内のHTMLは、利用しているテーマに馴染むようにコーディングする必要がある。

Webエンジニアブログは、WordPressのTwenty Thirteenを利用しているので、300×250のバナーが2つ横並びで表示されるHTMLを組んで表示することにした。

実際の表示

functions.phpでcomment_formフィルターフックを利用して下の画像のようにバナーを表示することが出来る。

comment-form-bottom-advertise

参考
ブログのサイドバーを広告スペースとして活用