ザ・ボディショップは、人権擁護・環境保護・動物実験反対の先駆けエシカルトレードを行っています。




WordPress「Xeory Extention」アドセンスや広告の設置方法!投稿記事4ヶ所

テーマXeory Extension

Xeory Extentionにアドセンス!

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

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

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

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

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

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

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

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

「Xeory Extention」サイドバーアドセンス

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

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

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

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

「Xeory Extention」タイトル下アドセンス <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」の広告を貼りました。

「Xeory Extention」記事上アドセンス
<?php if( get_the_post_thumbnail() ) : ?>
<div class=”post-thumbnail”>
<?php the_post_thumbnail(array(1200, 630, true)); ?>
ここに広告コードを貼る
</div>
<?php endif; ?>

 

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

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

WordPress「Xeory Extention」最下部アドセンス

<?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”>

 

記事の作り方で、広告の貼る場所は人それぞれですが上段の設置は記事で上段に画像を設置する場合、アドセンスだとどのような画像が貼れるのかわからないので、テキスト広告が見やすく、下段では関連記事などを設置するかどうかで想像と見た目はかなり印象が違うものです。

デザインがくずれないようにしたいですね。







サブコンテンツ