WordPressのTOPとアーカイブページの記事の間に広告などを入れる方法

ウェブサイト・ブログ作成

2018.10.05

この記事は約5分で読めます。

　WordPressのTOPページとアーカイブページはタイトルと要約で複数記事を一覧表示にしている人が多いと思う。　

　表示されている複数記事の間に広告などを入れてみよう。

［Wordpress記事と記事の間に広告を入れる］

　こんな感じになる。

　ついでなので、「Simplicity2」「Principle」「STINGER」およびWordpressのデフォルトテーマ「Twenty Fourteen」についても記事と記事の間に広告などを入れる方法をご紹介。

「Simplicity2」のTOPページとアーカイブページで記事と記事の間に広告などを入れる方法
1. 「Simplicity2」でカスタマイズするPHP
2. list.phpカスタマイズ
「Principle」のTOPページとアーカイブページで記事と記事の間に広告などを入れる方法
1. 「Principle」で編集するPHP
2. loop.phpカスタマイズ
「Twenty Fourteen」のTOPページとアーカイブページで記事と記事の間に広告を入れる方法
1. 「Twenty Fourteen」で編集するphp
2. Twenty Fourteenのカスタマイズ
「STINGER」のTOPページとアーカイブページで記事と記事の間に広告などを入れる方法
1. 編集するphp
2. phpカスタマイズ
デバイス別の表示はできない？

「Simplicity2」のTOPページとアーカイブページで記事と記事の間に広告などを入れる方法

　「Simplicity2」のTOPページとアーカイブページで記事と記事の間に広告などを入れてみる。

「Simplicity2」でカスタマイズするPHP

　「Simplicity2」のTOPページとアーカイブページを編集するファイルは

Simplicity2 childの中の〔list.php〕

list.phpカスタマイズ

1.「外観」⇒「エディター」⇒「list.php」をクリック。

2.以下の記述を探す

////////////////////////////
//一覧の繰り返し処理
////////////////////////////
if (have_posts()) : // WordPress ループ
$count = 0;
while (have_posts()) : the_post(); // 繰り返し処理開始
$count += 1;
global $g_list_index;
$g_list_index = $count-1;//インデックスなので-1

3.上の記述を以下のように書き換える。

////////////////////////////
//一覧の繰り返し処理
////////////////////////////
if (have_posts()) : // WordPress ループ
$count = 0;
while (have_posts()) : the_post(); // 繰り返し処理開始
$counter++;
$count += 1;
global $g_list_index;
$g_list_index = $count-1;//インデックスなので-1
//トップページ2コードを表示
if ($counter == 2 ) {
print <<<EOD
コードを挿入
EOD;
}

4.「コードを挿入」の部分に好きなコードを書き加える。

〔($counter == 2 )〕の2は「2番目の記事の上」という意味。
好きな番号に変えれることができる。

「Principle」のTOPページとアーカイブページで記事と記事の間に広告などを入れる方法

　WordPressテーマ「Principle」のTOPページとアーカイブページで記事と記事の間に広告を入れるてみる。

「Principle」で編集するPHP

　Wordpressテーマ「Principle」TOPページとアーカイブページで記事と記事の間に広告を入れる場合、編集するのは

「loop.php」

　になる。

loop.phpカスタマイズ

1.「外観」⇒「エディター」⇒「loop.php」をクリック。

2.「loop.php」の<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>を以下の記述に書き換える。

<?php if ( have_posts() ) : while (have_posts()) : the_post(); $counter++; ?>
<?php if ($counter == 2) {
print <<<EOD
コードを挿入
EOD;
} ?>

　== 2の数字を3にすると3番目の記事の上に指定したコードが入る。

「Twenty Fourteen」のTOPページとアーカイブページで記事と記事の間に広告を入れる方法

　wordpressのデフォルトテーマTwenty Fourteenでトップページとアーカイブページの記事と記事の間に広告などを入れる方法のメモ。

「Twenty Fourteen」で編集するphp

　Twenty Fourteenの場合は

トップページのphp（index.php）

アーカイブページの場合は「archive.php」

　をカスタマイズする。

Twenty Fourteenのカスタマイズ

1、【while ( have_posts() ) : the_post();】を探す。

2、【while ( have_posts() ) : the_post();】を以下の記述に書き換える。

while (have_posts()) : the_post(); $counter++; if ($counter == 2) {
print <<<EOD
コードを挿入
EOD;
}

　== 2の数字を3にすると3番目の記事の上に指定した広告コードが入る。

「STINGER」のTOPページとアーカイブページで記事と記事の間に広告などを入れる方法

　Wordpressテーマ「STINGER」トップページとアーカイブページで記事と記事の間に広告を入れる方法のメモ。

編集するphp

　Wordpressテーマ「STINGER」TOPページとアーカイブページで記事と記事の間に広告を入れる場合、

トップページの編集は「index.php」

archiveの場合は「archive.php」

　を書き換える。

phpカスタマイズ

1.「外観」⇒「エディター」⇒「index.php」をクリック。

2.「index.php」の<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>を以下の記述に書き換える。

<?php if ( have_posts() ) : while (have_posts()) : the_post(); $counter++; ?>
<?php if ($counter == 2) {
print <<<EOD
コードを挿入
EOD;
} ?>

　== 2の数字を3にすると3番目の記事の上に指定した広告コードが入る。

　アーカイブページの場合は「archive.php」を同様に書き換える。

デバイス別の表示はできない？

　Wordpressの条件分岐を使ってPCとモバイルの表示を変えたいところだが、どうも条件分岐を付け加えてもうまく行かない。

　誰か方法を知ってる？