WordPressの記事本文に途中から広告など要素を入れる方法

2024 7/31

記事本数が増えてきたときに広告などのブロックを全ての記事の間に入れたくなります。以前紹介した独自ウィジットを入れる事で対応もできる場合がありますが、それでも思っていた形での挿入が出来ない時に、全ての記事に共有要素を好きなところに入れる方法をご紹介します。

記事文中に広告などの表示ブロックが入れられる
ノンプログラマーでも簡単にコピペで出来る

以前の「WordPressに独自ウィジットを入れる方法」記事はこちら

記事本文に途中から広告など要素を入れる方法

文中に広告を入れる方法で良く紹介されているものは、ページ分割して入れる方法です。これは多くのWordpressテーマのデフォルトで備わっている機能です。これを見ると確かに簡単に行けそうな感じでしたが、ちょっとやりたい事と違いました。

記事本文中に要素を入れたいイメージ

入れたいページレイアウトは下図のような感じで、ページ内の好きなところに広告など記事内容とは別表示できるブロックです。

function.phpへのソースコードはこちら

以下からそのままコピペしてください。//ここに広告挿入//の部分に出力したいソースコードをHTMLで普通に入力します。今回は投稿ページのみに出力するようにしてます。

functions.php

//自作広告タグ
function add_ad_plus1($the_content) {
$ad1 = <<< EOF
//ここに広告挿入//
EOF;
  if ( is_single() ) {//投稿ページ
    $plus_pt1 = '/^<div class="adp".*?>.+?<\/div>$/im';
    if ( preg_match_all( $plus_pt1, $the_content, $plusad1 )) {
      if ( $plusad1[0] ) {
        if ( $plusad1[0][0] ) {
          $the_content  = str_replace($plusad1[0][0], $plusad1[0][0].$ad1, $the_content);
        }
      }
    }
  }
  return $the_content;
}
add_filter('the_content','add_ad_plus1');

記事ページに反映させる方法

記事中に「カスタムHTML」などで、以下の様なクラス「class=”adp”」を入れます。記事ページ中の一番初めに出てきたこのクラスの閉じタグの後ろに表示されます。

<div class="adp">●●●●●</div>

複数個所の設定をしたい場合のソースコード

1か所でなく、いくつか入れたいと言う場合は以下の様に複数設定すれば入れる事ができます。
以下のソースの色がついている部分を変更して、複製すればOKです。

//自作広告タグ
function add_ad_plus1($the_content) {
$ad1 = <<< EOF
//ここに広告挿入//
<span>広告１</span>
EOF;
  if ( is_single() ) {
    $plus_pt1 = '/^<div class="adp1".*?>.+?<\/div>$/im';
    if ( preg_match_all( $plus_pt1, $the_content, $plusad1 )) {
      if ( $plusad1[0] ) {
        if ( $plusad1[0][0] ) {
          $the_content  = str_replace($plusad1[0][0], $plusad1[0][0].$ad1, $the_content);
        }
      }
    }
  }
  return $the_content;
}
add_filter('the_content','add_ad_plus1');

function add_ad_plus2($the_content) {
$ad2 = <<< EOF
//ここに広告挿入//
<span>広告２</span>
EOF;
  if ( is_single() ) {
    $plus_pt2 = '/^<div class="adp2".*?>.+?<\/div>$/im';
    if ( preg_match_all( $plus_pt2, $the_content, $plusad2 )) {
      if ( $plusad2[0] ) {
        if ( $plusad2[0][0] ) {
          $the_content  = str_replace($plusad2[0][0], $plusad2[0][0].$ad2, $the_content);
        }
      }
    }
  }
  return $the_content;
}
add_filter('the_content','add_ad_plus2');