WordPress記事中最初のH2見出し前に広告を自動挿入方法

本日の人気記事トップ１０

• ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法16
• エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ6
• ECUをリセットする方法。アイドリング不安定だったのでしょうがなく4
• カーメイトのエンジンスターターでエラー15表示と対処方法3
• Windows10起動しない使えないアプリを起動する方法(筆ぐるめなど)3
• エンジンスターターTE-W9000のリモコンの電池交換1
• シガーライターがない車にシガーライターソケットの付け方と増設方法1
• 車のキーナンバー確認方法。キーレス紛失や壊れた時1
• 車のハンドルが重い時にできる対処方法1
• アルミテープチューン貼る場所で燃費向上と走行性能アップTOYOTAの特許を試してみた1

目次に行く･戻る

WordPressで記事の途中に思い通りの広告などをショートコードなどによって、
挿入する方法はいくつかあります。

今回は、

記事中の始めのh2タグの前にウィジェットとして追加して自動的に表示する方法です。

具体的な方法はfunction.phpに以下のコードを記載・記述することで、

///////////////////////////////////////
 // 投稿本文中ウィジェットの追加
 ///////////////////////////////////////
 register_sidebars(1,
 array(
 'name'=>'投稿本文中',
 'id' => 'widget-in-article',
 'description' => '投稿本文中に表示されるウイジェット。文中最初のH2タグの手前に表示されます。',
 'before_widget' => '<div id="%1$s" class="widget-in-article %2$s">',
 'after_widget' => '</div>',
 'before_title' => '<div class="widget-in-article-title">',
 'after_title' => '</div>',
 ));

///////////////////////////////////////
 //H2見出しを判別する正規表現を定数にする
 ///////////////////////////////////////
 define('H2_REG', '/<h2.*?>/i');//H2見出しのパターン

///////////////////////////////////////
 //本文中にH2見出しが最初に含まれている箇所を返す（含まれない場合はnullを返す）
 //H3-H6しか使っていない場合は、h2部分を変更してください
 ///////////////////////////////////////
 function get_h2_included_in_body( $the_content ){
 if ( preg_match( H2_REG, $the_content, $h2results )) {//H2見出しが本文中にあるかどうか
 return $h2results[0];
 }
 }

///////////////////////////////////////
 // 投稿本文中の最初のH2見出し手前にウィジェットを追加する処理
 ///////////////////////////////////////
 function add_widget_before_1st_h2($the_content) {
 if ( is_single() && //投稿ページのとき、固定ページも表示する場合はis_singular()にする
 is_active_sidebar( 'widget-in-article' ) //ウィジェットが設定されているとき
 ) {
 //広告（AdSense）タグを記入
 ob_start();//バッファリング
 dynamic_sidebar( 'widget-in-article' );//本文中ウィジェットの表示
 $ad_template = ob_get_clean();
 $h2result = get_h2_included_in_body( $the_content );//本文にH2タグが含まれていれば取得
 if ( $h2result ) {//H2見出しが本文中にある場合のみ
 //最初のH2の手前に広告を挿入（最初のH2を置換）
 $count = 1;
 $the_content = preg_replace(H2_REG, $ad_template.$h2result, $the_content, 1);
 }
 }
 return $the_content;
 }
 add_filter('the_content','add_widget_before_1st_h2');

管理画面の中に記事中ウィジェットという項目が追加されます。

こんな感じです。

ここに、
テキストなどのウィジェットを追加すると、
記事中の始めのh2タグの上部に追加した内容が表示されるようになります。

ショートコードなどをわざわざ使用しなくても、
自動的に広告などが表示されるようになります。