【stinger3】既存の関連記事内にインフィード広告を挿入する方法 – WordPress

自分のブログでは、Wordpress無料テーマの「Stinger3」を使用しています。

 

今回やりたいのは、「Stinger3」に標準装備されている「関連記事」の間に、

Googleアドセンスのインフィード広告を挿入する方法を紹介していきます。

 

 

※phpを変更するのでバックアップはしっかり取っておきましょう

 



 

 

まず今回編集する「single.php」を開きに行く

外観 > テーマの編集 > テーマファイル [個別投稿(single.php)] 、をクリック

 

開けたら文を書き込んでいきます

赤字の部分は新しく書き込む

青字の部分はgoogleアドセンスのインフィード広告を貼り付ける。

↓65行まで省略↓


$count = “1”;
$categories = get_the_category($post->ID);
$category_ID = array();
foreach($categories as $category):
array_push( $category_ID, $category -> cat_ID);
endforeach ;
$args = array(
‘post__not_in’ => array($post -> ID),
‘posts_per_page’=> 10,
‘category__in’ => $category_ID,
‘orderby’ => ‘rand’,
);
$st_query = new WP_Query($args); ?>
<?php
if( $st_query -> have_posts() ): ?>
<?php
while ($st_query -> have_posts()) : $st_query -> the_post(); ?>
<?php
if($count == “3”){
?>

<!–インフィード広告コードを挿入場所–>
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<ins class=”adsbygoogle”
style=”display: block;”
data-ad-format=”fluid”
data-ad-layout-key=”XXXXXXXXXXXX”
data-ad-client=”XXXXXXXXXXXX” data-ad-slot=”XXXXXXXXXXX”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<?php
}
$count=++$count;
?>
<dl>
<dt> <a href=”<?php the_permalink() ?>” title=”<?php the_title_attribute(); ?>”>
<?php if ( has_post_thumbnail() ): // サムネイルを持っているときの処理 ?>
<?php echo get_the_post_thumbnail($post->ID, ‘thumb110’); ?>
<?php else: // サムネイルを持っていないときの処理 ?>
<img src=”<?php echo get_template_directory_uri(); ?>/images/no-img.png” alt=”no image” title=”no image” width=”110px” />
<?php endif; ?>
</a> </dt>
<dd>
<h4 class=”saisin”> <a href=”<?php the_permalink(); ?>”>
<?php the_title(); ?>
</a></h4>
<p class=”basui”>
<?php echo mb_substr( strip_tags( stinger_noshotcode( $post->post_content ) ), 0, 50 ) . ”; ?></p>
<p class=”motto”><a href=”<?php the_permalink(); ?>”>記事を読む</a></p>
</dd>
</dl>
<?php endwhile;
?>
<?php else:
?>
<p>記事はありませんでした</p>
<?php
endif;
wp_reset_postdata();
?>
</div>
</div>
</div>
</div>
<!–/kizi–>
<!–/関連記事–>
<div style=”padding:20px 0px;”>
<?php get_template_part(‘ad’);?>
</div>

<?php comments_template(); ?>
<!–ページナビ–>
<div class=”p-navi clearfix”>
<dl>
<?php
$prev_post = get_previous_post();
if (!empty( $prev_post )): ?>
<dt>PREV </dt><dd><a href=”<?php echo get_permalink( $prev_post->ID ); ?>”><?php echo $prev_post->post_title; ?></a></dd>
<?php endif; ?>
<?php
$next_post = get_next_post();
if (!empty( $next_post )): ?>
<dt>NEXT </dt><dd><a href=”<?php echo get_permalink( $next_post->ID ); ?>”><?php echo $next_post->post_title; ?></a></dd>
<?php endif; ?>
</dl>
</div>
</div>
<!– END div.post –>
<?php get_footer(); ?>


 

簡単な文なので説明は不要かもしれませんが自分用に


$count = “1”;

ここで、$countという入れ物に1を入れる。


<?php
if($count == “3”){
?>

 

ここの”3”という数字は、広告を表示させたい位置を決めている。

なので今回は上から3番目に広告を表示させている。

 

<?php

if($count == “表示させたい位置“){

?>


<?php
}
$count=++$count;
?>

1+1をして$countに、入れてるだけ

なので2回目のループでは、2+1

3回目のループでは、3+1


 

今回の表示結果

 

インフィード広告を綺麗に並べるための広告設定

グーグルアドセンスを表示させる際に、広告の画像イメージと関連記事の加増イメージのサイズが、ガタガタだと恰好が悪いので、インフィード広告の画像設定を指定していきましょう。

 

グローバル オプション > パディング

一番右側を”0px”に変更

イメージ > サイズ

画像の縦横比 1:1

幅 110 px

 

 

これで終了です!お疲れさまでした。




関連記事

ブログ記事を上手くまとめれない人がするべき工夫

元々、文字を書く何て事を、あまりしないというか嫌いな自分が、なぜかブログでも書いてみるかとなり、四苦

記事を読む

【2017年12月】グーグルアドセンスに1発合格!その時に実践したこと

ある日、Youtuberだのブロガーだの、「広告収入」だので、生計を立てている人間がいると知

記事を読む

【WordPress】Search Consoleを使って新規記事をすぐにインデックスさせる方法

必死で書いたブログ記事を、検索エンジンで検索した結果何番目に表示されるんだろ?どんな風に見えてるんだ

記事を読む

no image

WordPress使ってブログを書き始める福井県民

何でもいいから、とりあえずWordPress使ってブログ書くぞって人向けメモ(ほぼ自分用に) &n

記事を読む

【WordPress】人の心を踏みにじるコメントスパム許すまじ

昨日、Wordpressダッシュボード画面にあるコメント欄を見てみると、ついにコメントが30件もつい

記事を読む

【Stinger3】NEW ENTRYにインフィード広告挿入したかった。

stinger3テーマに既存でついている「NEW ENTRY」という、書き立てほやほやの記事

記事を読む

no image

WordPress アクセス解析 結局どれがいいん?

初めてブログを作ったら、やはり気になるのが... どれだけの人がアクセスしてくれるのか

記事を読む

no image

WordPressで作った記事に表示されてるログインを消し去る!

  WordPressで記事を書きおえて、サイトを表示して見るとサイドバーに現れるメ

記事を読む

【WordPress】phpmyadmin(MySQL)のパスワード変更には注意が必要

WordpressでWordpressアドレス(URL)を変更してしまい WordPressア

記事を読む

no image

冬の時季になると贈り物で「せいこがに、ずわいがに」を頂く機会や、ついつい安売りしていて買ってしまった

記事を読む




Message

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




no image

冬の時季になると贈り物で「せいこがに、ずわいがに」を頂く機会や、ついつ

モブサイコ1期見るなら最後まで

https://youtu.be/_E0wbdZZKRc

 
ヴァイオレット・エヴァーガーデン、映画化

まさかの映画化決定!? アニメ最終回後に、完全新作の制

3+7×3=【答えは?】

理系の人は分かっても、文系の人にはわからない問題ってありますよね。

小女子としらすの違いって何?

時期や旬が来ると何気なく食べている小魚ですが、あんまり見た目変わんな

→もっと見る

PAGE TOP ↑