WordPressのカスタマイズ方法やプラグインレビューを中心に、パソコン/動物/植物のことなどを紹介するホームページです

【WhiteTiger】テーマの記事下にアドセンスの関連記事表示をしてみた

公開日: 使い方など

なーんだ、結局Wordpressネタかよ~と言われそうですがご勘弁ください。 新しくこのサイトで採用した【WhiteTiger】テーマは基本的なウィジェットエリアが用意されているものの、肝心の記事下にはダブルレクタングルの広告表示しかできない模様・・・これでは大切な記事下に何も置けないということで、さくっとウィジェットを追加しました。

参考: [blogcard link=”https://pera-lab.com/archives/828″]

この類の紹介記事はたくさんありますけど「Wordpress ウィジェット 追加」でトップに出てきた記事なので参考にさせていただきました。

早速設置をば!!
【WhiteTiger】テーマの記事下にアドセンスの関連記事表示をしてみたの画像|Knowledge Base

【WhiteTiger】テーマの記事下にアドセンスの関連記事表示

ウィジェットエリアなんだからアドセンスの関連記事でなくても何でも挿入できますが、その方が分かりやすいと思ってタイトルにしました。 説明するまでもないと思いますが、ウィジェットエリアとはウィジェットを追加できる領域のこと。追加しておけばその領域にウィジェットをいろいろ追加できます。 基本的に行うのは

  • テーマのfunctions.phpへ追記
  • テーマの表示したい場所へ追記

の2つ。意外と簡単で基本的にどんなテーマでもこの手順は一緒ですからぜひチャレンジしてみましょう!!

※以下で紹介するコードの意味など詳しいことは上のリンクから参考ページをご覧ください

テーマのfunctions.phpへ「ウィジェットを追加するよ!」を追加

こちらは全く問題なく作業できると思います。

  1. 管理画面から外観テーマの編集を開きます。
  2. 右側にfunctions.phpというリンクがあるのでクリックします
  3. 出てきた画面を一番下までスクロールして以下のコードを追加し保存します
  4. add_action(
    	‘widgets_init’,
    	function(){
    		register_sidebar(array(
    			‘id’ => ‘under_content’,
    			‘name’ => ‘本文下’,
    			‘description’ => ‘本文下に表示されます’,
    			‘before_widget’ => ”,
    			‘after_widget’ => ”,
    			‘before_title’ => ”,
    			‘after_title’ => ”,
    		));
    	}
    );

これで管理画面のウィジェットエリアに新しくウィジェットを挿入できる窓が作成されます。

ここで注意点が2つあります

  • できればFTPなどでパソコンへファイルを保存するなどバックアップを取ってください
  • 保存時に警告表示などが出た場合には一旦ブラウザの戻るボタンをクリックして、バックアップを取ってください

functions.phpはサイトを動作させるための大切な指示が記述されたファイルなので、誤って編集するとサイトが壊れたり、真っ白になって何も表示できなくなったりしますから慎重に行いましょう

ここまで終わったら画面はそのままで次の作業をします。

テーマ内に「ここにウィジェットエリアを追加して!」を挿入する

どちらかというとこちらの方が難易度は高いです。失敗すると投稿が表示されなくなりますので、先ほどのようにバックアップを取るなどして転ばぬ先の杖を用意しておきましょう。

テーマの投稿を表示させるためのプログラムファイルへ「ここへウィジェットエリアを追加してね」というコードを挿入します。

今回の【WhiteTiger】ではsingle.phpが対象ファイルとなります。先ほどのfunctions.phpの並びにsingle.phpというのがありますのでクリックして開きます。

以下のコードを


	<?php
		if(is_active_sidebar('under_content')){
			dynamic_sidebar('under_content');
		}
	?>

single.phpの90行目付近にある

      <?php
           get_template_part('lib/tmp/paeg-bottom-ad-widget');
      ?>

の上へ追加します。

ウィジェットへ何かを追加してみよう

ここまでの作業で、記事下に何かを追加するウィジェットエリアが完成しました。

早速ウィジェットを追加してみましょう!!

このブログでは記事下にアドセンスの関連記事を入れています。うーーんいい感じ💛

WordPressのカスタマイズ・不具合対応などご相談ください

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

【スポンサーリンク】