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

 このブログは「Principle」を利用している。

 今日はTOPページとアーカイブページのGoogleアドセンスの表示位置をちょっと変えて見た。

 10個表示されている記事のうち2個目の記事の要約の下(3個目の記事タイトルの上)にGoogleアドセンスの広告が表示されるようにしてみたのだ。

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

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

Wordpress記事と記事の間に広告を入れる編集するphp

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

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でTOPページの記事と記事の間に広告を入れる方法もご紹介。

編集するphp

 Twenty Fourteenの場合はトップページのphp(index.php)をカスタマイズする。

Twenty Fourteenトップページphp(index.php)カスタマイズ

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番目の記事の上に指定した広告コードが入る。

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

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

編集するphp

 Wordpressテーマ「STINGER」TOPページとアーカイブページで記事と記事の間に広告を入れる場合、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とモバイルの表示を変えたいところだが、どうも条件分岐を付け加えてもうまく行かない。

 誰か方法を知ってる?

おすすめ記事

コメント

  • 分岐のコード間違えてないです?
    誤:←正:

    ちなみにぼくはStinger6です( ˙-˙ )

    by 渡辺    2015年12月19日 9:27 PM

コメントを残す




*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

WordPressで悪戦苦闘中
WordPress月別アーカイブを横表示にしてフッターに配置してみた
コードを収得して、サイトにGoogleアドセンスの広告を貼り付けよう
WordPress(オープンソースのテンプレート)が使えるレンタルサーバー
webセーフカラー216・短縮コード一覧
シーサーブログの最近の記事の設定の仕方
WordPressテーマTwenty Fourteen(バージョン 3.9.1)で記事下に広告を表示
Googleカスタム検索をスタイルシートでカスタマイズ-コードは変更しないよ
WordPress4.0にバージョンアップするとどこが変わった?
外部サイトでも使うことのできる画像形式
class=、id=の使い方と注意点
FTPクライアントソフト「WinSCP」インストールとサーバー接続設定
FC2ブログのdescriptionカスタマイズ・記事内容の要約を検索結果に表示して検索ユーザーに記事内容をアピールする
ドメイン選びの注意点
WordPress4.0、「ウインドウの高さに合わせてエディターを広げる」機能のON・OFF

Menu

HOME

 TOP