Loading…

記事内にプロモーションが含まれています。

フォレスト出版
¥2,047 (2024/03/15 08:52時点 | Amazon調べ)

Stinger6 Stinger7 WordPress カスタマイズ カスタマイズ 伝えたいこと 備忘録

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

WordPress

所要時間目安:3

This session is using  IPv4  is established in

この記事は2016年3月19日のものです。現在は状況が異なる可能性がありますのでご注意ください。

Stinger6 Stinger7 WordPress カスタマイズ カスタマイズ 伝えたいこと 備忘録

目次に行く・戻る

メルカリ招待コード:

WordPress

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


この記事を読む方へのオススメ

今回は、

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

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

アドセンス336pxPC閲覧記事下表示1つ目コード

///////////////////////////////////////
 // 投稿本文中ウィジェットの追加
 ///////////////////////////////////////
 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タグの上部に追加した内容が表示されるようになります。

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

 


最後に、function.phpをいじる際には、

必ずFTPソフトなどでいじる前のfunction.phpファイル自体をバックアップしてからにしてください。

でないとミスした時などに画面が真っ白になってしまいます。
バックアップをとっていればそのバックアップファイル自体を元の場所にアップロードで上書きすることで元に戻すことができます。

参考サイト)

以前2度にわたり、投稿本文中のH2見出し手前に手軽にアドセンス(広告)を表示する方法を書きました。

 

表示をカスタマイズしたい方は、CSSで簡単に微調整ができます。

広告部分には「 .widget-in-article 」、ラベル部分には「 .widget-in-article-title 」というclass名が振られているので、CSSですぐにカスタマイズできます。

参考にCSSです。

.widget-in-article {
 margin-bottom: 20px;
 }
 .widget-in-article-title {
 font-size: 80%;
 color: #333;
 }

あなたにおすすめ

STINGER PLUS+デモ女の子アイキャッチ

WordPress テーマ 伝えたいこと 備忘録

WordPress無料テーマSTINGER PLUS+が早くもリリース

WordPressを使用し始めて5ヶ月弱…。初めは右往左往状態でテーマって何?みたいな状態からでした。そして、選ばせて頂いたのが有名どころの無料テーマStingerのその頃最新版だったStinger6…

もっと読む

インフィード広告アドセンス

ノートパソコン分解後のファン

PC カスタマイズ 伝えたいこと 備忘録

ノートPCファンの異音でLIFEBOOKAH77/E分解

富士通製ノートPCで発売当初からブルーレイドライブ対応でかなりの高スペックノートPCだったLIFEBOOK AH77/Eです。 メモリの増設とHDDをハイブリッドHDD(SSHD)に換装はしましたが、…

もっと読む

インフィード広告アドセンス

純国産ブラウザKinza

PC インターネット ブラウザChrome 伝えたいこと 備忘録

国産Webブラウザ「Kinza3.2.0」の最新版リリースでMacにも対応

2年くらい前に純国産ブラウザにとても安心できる「Kinza」というweb(ウェブ)ブラウザがあることを知りました。その後、順調に進化し続けて6月15日に最新版の「Kinza」がリリースされたようです。…

もっと読む

インフィード広告アドセンス

ハイブリッドHDD

PC Windows10 カスタマイズ カスタマイズ 伝えたいこと 備忘録

dynabookEX56/MRDにST1000LM014ハイブリッドHDDに交換・換装したレビュー評価

もう数年前と言うには、ある意味ふさわしくはなくなってきたハイブリッドHDD(SSHD)です。 Seagate社をはじめ東芝製ハイブリッドHDDなど数社が、既に1TBを超えるハイブリッドHDD(SSHD…

もっと読む

インフィード広告アドセンス

jetpackのCSS内容無効化

WordPress カスタマイズ 備忘録

jetpackの自動出力されるCSSを無効化で出力しないようにする方法

WordPressの有名なプラグインはいくつかあります。そんな中のひとつで多機能(ある意味重い?)なプラグインでjetpackがあります。使っている機能は人それぞれかと思われますが、私はphotonと…

もっと読む

インフィード広告アドセンス

WordPress テーマ

Stinger6からStinger5にしてみた。

WordPress4.4でStinger5にして、 WordPress4.3.1でStinger6にしてみてしまった。 たしか、 Stinger6はWordPress4.4仕様だったような気がしました…

もっと読む

おすすめの記事一部広告

おすすめ!!

世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!

おすすめ2

楽天による季節特集です。それぞれの季節ごとにお得なお買い物商品やお得な旅行商品、その他にもAmazon同様に国内最大の買い物ポータルサイトです。楽天をメインにお買い物されている方はポイントやSPUも貯まりさらにお得に!!楽天カードや宇佐美系列のガソリンスタンドでも楽天ポイントが今では貯まります。それらのポイントを貯めてお得にお買い物や旅行商品その他にもパソコンサプライや車カスタマイズ商品など楽天も充実しています。

お小遣い稼ぎにアンケート。

Multiplex 広告

Googleニュース

2024-04-19

それによりカーメンテナンスエリアとタイヤ売場に最大横幅7.7mの大開口を実現、車両の出し入れを容易に出来る幅を確保しました。「ロッドマン」は通常のホール ...

2024-04-19

... メンテナンスパック」だが、ディーラーによっては ... 新車 日産 特別仕様 軽自動車 輸入 限定 電気自動車 ... カテゴリー カー用品・グッズ情報 自動車 ...

2024-04-19

修理・自動車整備に関するご相談や困りごとなどを解決する高橋巨樹プロのコラムは必見。 今回のコラム記事は『【驚きの事実! 交換不要!?】 ATF / CVTF交換 ...

2024-04-19

【4月19日 CGTN Japanese】秦の始皇帝陵1号銅馬は18日、3年にわたるメンテナンスを経て、秦の始皇帝陵銅馬博物館に運ばれ、展示スペースに設置されまし ...

2024-04-19

秦の始皇帝陵1号銅馬は18日、3年にわたるメンテナンスを経て、秦の始皇帝陵銅馬博物館に運ばれ、展示スペースに設置されました。秦の始皇帝陵1号、2号銅 ...

Total227


アドセンス336pxPC閲覧記事下表示1つ目コード

目次に戻る

よろしかったらシェアよろしくお願いします。

-Stinger6, Stinger7, WordPress, カスタマイズ, カスタマイズ, 伝えたいこと, 備忘録
-, ,

目次に戻る

目次に戻る


コメントを閉じる

comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください