賢威で関連記事の下にGoogle広告を表示する方法

※当サイトにはプロモーションが含まれています。

にゃのらいとにゃのらいと

ニュースサイトのように関連記事の下に広告を設置したいにゃ

賢威では、デフォルトの機能として、投稿・固定ページの記事の下に広告などを設置することができます。

しかし、関連記事の下に設置する機能は提供されていません。

その為、テンプレートファイルに記述して、広告を表示させてみました。

賢威を使っている方の参考になれば幸いです。

なお、この記事を作成している時点での、ワードプレスのテーマと環境は以下の通りです。

ワードプレス環境

テーマ:賢威8
WordPressバージョン:5.8.x
PHPバージョン:7.4.x
サーバー:さくらインターネット

※現在、WP:6.2.x、PHP:8.2.xでも動作しています

賢威で関連記事の下に広告を表示させる方法

今回は、関連記事の下に、GoogleのMultiplex広告を表示させてみたいと思います。

ただし、タブレットやスマホでは、Multiplex広告は非表示にしたいと思います。

なお、Multiplex広告というのは下記のようなものになります。

GoogleのMultiplex広告

では、説明していきます。

※テンプレートファイルに記述を追加しますので、ファイルを触る際はバックアップを取るようにしてください。

①親テーマにあるsingle.phpをダウンロード

(WinSCPやFileZillaなどの)FTPソフトを使用して、ローカルホスト(自分のパソコン)にダウンロードします。

なお、フォルダの構成は、概ね下記のようになっていると思います。

/home/(あなたが契約した名前)/www/(あなたが作成したフォルダ名)/wp-content/themes/keni80_wp_standard_all_202403231915

single.phpをドラッグ&ドロップ

②single.phpの内容を編集する

single.phpの23行目付近に記載されている

get_template_part( 'template-parts/content', keni_get_template_post_type() );

の下に、以下のコードを記述します。

if (!wp_is_mobile()) : // モバイルでない場合
?>
<div class="keni-section_wrap">
<section class="keni-section">
(Google広告のコード)
</section>
</div>
<?php
endif;

ワードプレス関数wp_is_mobile()を使用して、ユーザーがモバイルデバイス(スマートフォンやタブレットなど)からサイトを訪問しているかどうかを判断しています。

実際のコードを見るとこんな感じになります。

実際の記述場所

なお、キャッシュ系のプラグインを利用していると、wp_is_mobile()関数による分岐動作をしないことがあります。

③修正したsingle.phpを子テーマにアップロードする

コードを追加した、single.phpを「子テーマ」の方ににアップロードします。

アップロードするのは「子テーマ」ですので、間違えないようにしてください。

single.phpをアップロード

これで、無事、広告が表示されればOKです。

問題なければ、スマホでは広告が非表示かを確認してみてください。

もし、デザインが崩れるなどの不具合があった場合は、子テーマにアップロードしたsingle.phpを削除すれば元に戻ります。

何故なら、親テーマにあるsingle.phpには、一切変更を加えてないからです。

以上、賢威で関連記事の下に広告を表示させる方法でした。

なお、このサイトは、2024年度にGoogleアドセンスの審査を一発で合格することができました。

もし、興味があればご一読いただけると幸いです。

楽天市場の検索結果

1冊ですべて身につくWordPress入門講座 [ Mana ]
1冊ですべて身につくWordPress入門講座 [ Mana ] 2,200円(税込)【送料込】

楽天ブックス

Mana SBクリエイティブイチサツデスベテミニツクワードプレスニュウモンコウザ マナ 発行年月:2022年03月24日 予約締切日:2022年01月26日 ページ数:344p サイズ:単行本 ISBN:9784815609405 Mana(MANA) 日本で2年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにあるWeb制作

HTMLサイトをWordPressにする本 [ 久保田 涼子 ]
HTMLサイトをWordPressにする本 [ 久保田 涼子 ] 2,640円(税込)【送料込】

楽天ブックス

久保田 涼子 西原 礼奈 ソシムエイチティーエムエルサイトヲワードプレスニスルホン クボタ リョウコ ニシハラ アヤナ 発行年月:2023年08月29日 予約締切日:2023年06月06日 ページ数:360p サイズ:単行本 ISBN:9784802614214 久保田涼子(クボタリョウコ) 「ワクワクするモノ・時間・場所を生み出す」をテ

今すぐ使えるかんたん WordPress やさしい入門[6.x対応版] [ 桑名
今すぐ使えるかんたん WordPress やさしい入門[6.x対応版] [ 桑名 1,760円(税込)【送料込】

楽天ブックス

桑名 由美 はつみ 技術評論社イマスグツカエルカンタンワードプレスヤサシイニュウモンロクテンエックスタイオウバン クワナ ユミ ハツミ 発行年月:2023年09月28日 予約締切日:2023年06月02日 ページ数:256p サイズ:単行本 ISBN:9784297136253 桑名由美(クワナユミ) 2023年8月、合同会社ワイズベスト

たった1日で基本が身に付く! WordPress 超入門 [改訂2版] [ 佐々
たった1日で基本が身に付く! WordPress 超入門 [改訂2版] [ 佐々 1,980円(税込)【送料込】

楽天ブックス

佐々木 恵 リブロワークス 技術評論社タッタイチニチデキホンガミニツクワードプレスチョウニュウモンカイテイニハン ササキ メグミ リブロワークス 発行年月:2022年04月14日 予約締切日:2022年01月05日 ページ数:192p サイズ:単行本 ISBN:9784297126957 佐々木恵(ササキメグミ) 2002年より独学でWe

ビジネスサイトを作って学ぶ WordPressの教科書 Ver.6.x対応版 [
ビジネスサイトを作って学ぶ WordPressの教科書 Ver.6.x対応版 [ 3,278円(税込)【送料込】

楽天ブックス

小川 欣一 穂苅 智哉 ソシムビジネスサイトヲツクッテマナブ ワードプレスノキョウカショ バージョンロクテンエックスタイオウバン オガワ ヨシカズ ホカリ トモヤ 発行年月:2023年05月01日 予約締切日:2023年01月12日 ページ数:436p サイズ:単行本 ISBN:9784802614030 1 開発環境を構築しよう/2 テ

楽天ウェブサービスセンター