Xeory Extentionにアドセンス！

ブログを運営していると、個々の用途によって変更したいところがあります。

デザイン関係の記事が多く画像を大きく表現したい…とか…

収益目的で、いかに広告を読んでいただくか…とか…

この記事は、ハズ部さんのテーマ「Xeory Extention」ブログのサイドバーと記事の中にアドセンス広告を設定することを前提に解説します。

※cssやphpを変更する場合、変更する指定位置を探すのが大変なので、右上の検索窓を出して探してください。
マックの場合　command+F
Windowsの場合 ctrl+F

Xeory Extentionのサイドバーにアドセンス設置

サイドバーでの設置はとても簡単です。

管理画面 ＞ 外観 ＞ ウィジェット

ウィジェットの左の「テキスト」をサイドバーまでドラッグしてアドセンスコートを貼るだけです。

反映されるまで30分ぐらいかかるので焦らないで待ってくださいね。

タイトル下に広告・アドセンス設置

管理画面 ＞ 外観 ＞ テーマの編集 ＞ 単一記事の投稿 (single.php)

見本で「Amazan」の広告を貼りました。

 <li class=”comments”>
<i class=”fa fa-comments”></i> <span class=”count”><?php comments_number(‘0’, ‘1’, ‘%’); ?></span>
</li>
</ul>
</div>
<?php if( get_the_post_thumbnail() ) : ?>
ここに広告コードを貼る
<div class=”post-thumbnail”>
<?php the_post_thumbnail(array(1200, 630, true)); ?>
</div>
<?php endif; ?>

タイトル下の記事中画像の下に広告・アドセンス設置

管理画面 ＞ 外観 ＞ テーマの編集 ＞ 単一記事の投稿 (single.php)
見本で「Amazan」の広告を貼りました。

<?php if( get_the_post_thumbnail() ) : ?>
<div class=”post-thumbnail”>
<?php the_post_thumbnail(array(1200, 630, true)); ?>
ここに広告コードを貼る
</div>
<?php endif; ?>

記事最下部に広告・アドセンス設置

管理画面 ＞ 外観 ＞ テーマの編集 ＞ 単一記事の投稿 (single.php)
見本で「アドセンス」の広告を貼りました。

<?php if( get_the_post_thumbnail() ) : ?>
<div class=”post-thumbnail”>
<?php the_post_thumbnail(array(1200, 630, true)); ?>
</div>
<?php endif; ?>

<section class=”post-content” itemprop=”text”>
<?php the_content(); ?>
ここに広告コードを貼る
</section>

<footer class=”post-footer”>

 TOMOIKUロハス生活で丁寧な暮らしを！ 

WordPress「Xeory Extention」ソーシャルボタン|タイトル下削除し記事下に配置カスタマイズ

https://tomoiku.com/2016/06/05/wordpressxeory%e3%82%bd%e3%83%bc%e3%82%b7%e3%83%a3%e3%83%ab%e3%83%9c%e3%82%bf%e3%83%b3/

「Xeory Extention」ソーシャルボタンのカスタマイズ私がネットの神様と言っているサイトの一つバズ部さんが無料提供してくれているWordPressテンプレート「Xeory」がとてもステキ！ハズ部さんが主張しているデザインから溢れる思いは感じられるのですが、私自身が運...