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タグの上部に追加した内容が表示されるようになります。
ショートコードなどをわざわざ使用しなくても、
自動的に広告などが表示されるようになります。
おすすめの記事一部広告
- カーメイトのエンジンスターターでエラー15表示と対処方法35
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法33
- 車のキーナンバー確認方法。キーレス紛失や壊れた時10
- シガーライターがない車にシガーライターソケットの付け方と増設方法9
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく7
- エクストレイルフォグランプが下を向きすぎている光軸調整方法6
- バッテリー交換したらアイドリング不調の解決方法5
- アイドリングストップシステム異常警告灯表示対処方法5
- Windows10,Windows8.1プロダクトキー確認方法4
- ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法4
おすすめ!!
世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!
あなたにおすすめ
-
PC Windows10 ブラウザChrome 伝えたいこと 備忘録
これからのブラウザはEdgeでもいいのかもGoogle日本語入力が使えるようになったから。でも、やっぱりChrome…。
この間というか先日Windows10のおいてGoogle日本語入力を、Windows10標準のブラウザであるEdgeで使えるようにしてからですが、 意外とEdgeもレンダリング速度が速い?とも思ってし…
-
弔辞 感動した。感動する。
これは、私の姪っ子が読んだ弔事です。訂正です)甥っ子です。ちょっと感動したので名前を伏せて掲載させて頂きます。
-
ノートPCファンの異音でLIFEBOOKAH77/E分解
富士通製ノートPCで発売当初からブルーレイドライブ対応でかなりの高スペックノートPCだったLIFEBOOK AH77/Eです。 メモリの増設とHDDをハイブリッドHDD(SSHD)に換装はしましたが、…
「Stinger6, Stinger7, WordPress, カスタマイズ, カスタマイズ, 伝えたいこと, 備忘録」同じカテゴリーの記事一覧
Total150
アクセスランキング
よろしかったらシェアよろしくお願いします。
記事中の始めの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タグの上部に追加した内容が表示されるようになります。
ショートコードなどをわざわざ使用しなくても、
自動的に広告などが表示されるようになります。
おすすめの記事一部広告
- カーメイトのエンジンスターターでエラー15表示と対処方法35
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法33
- 車のキーナンバー確認方法。キーレス紛失や壊れた時10
- シガーライターがない車にシガーライターソケットの付け方と増設方法9
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく7
- エクストレイルフォグランプが下を向きすぎている光軸調整方法6
- バッテリー交換したらアイドリング不調の解決方法5
- アイドリングストップシステム異常警告灯表示対処方法5
- Windows10,Windows8.1プロダクトキー確認方法4
- ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法4
おすすめ!!
世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!
あなたにおすすめ
-
PC Windows10 ブラウザChrome 伝えたいこと 備忘録
これからのブラウザはEdgeでもいいのかもGoogle日本語入力が使えるようになったから。でも、やっぱりChrome…。
この間というか先日Windows10のおいてGoogle日本語入力を、Windows10標準のブラウザであるEdgeで使えるようにしてからですが、 意外とEdgeもレンダリング速度が速い?とも思ってし…
-
弔辞 感動した。感動する。
これは、私の姪っ子が読んだ弔事です。訂正です)甥っ子です。ちょっと感動したので名前を伏せて掲載させて頂きます。
-
ノートPCファンの異音でLIFEBOOKAH77/E分解
富士通製ノートPCで発売当初からブルーレイドライブ対応でかなりの高スペックノートPCだったLIFEBOOK AH77/Eです。 メモリの増設とHDDをハイブリッドHDD(SSHD)に換装はしましたが、…
「Stinger6, Stinger7, WordPress, カスタマイズ, カスタマイズ, 伝えたいこと, 備忘録」同じカテゴリーの記事一覧
アクセスランキング
よろしかったらシェアよろしくお願いします。
[…] WordPress記事中最初のH2見出し前に広告を自動挿入方法 […]