TOMOIKU*ブログ

賢威トップページや記事ページに広告(アドセンス含)やメルマガ登録フォームを設定

 

賢威のトップページや記事ページに固定してアドセンス広告やメルマガ登録の為の入力フォームを置きたいという方もいらっしゃると思います。

当サイトで試してみた広告の設置方法です。

 

賢威トップに設置

 

横幅に対して設置位置を中央寄せにしたい場合のコード

 

<div align=”center”>コード</div>

表示画面(広告など)の下部に改行したい場合は改行コード<br />を足してください。

 

賢威トップ広告

 

トップ画面のサイドバー

 

管理画面ダッシュボード > 外観 > ウィジェット

サイドバーの好きな場所にテキストを移動させて、広告のコードを入力

 

トップ画面の最新情報上・下

 

上段-ヘッダー領域

管理画面ダッシュボード > 外観 > テーマの編集 > メインインデックスのテンプレート (index.php)

下記の位置にコードを入力してください。
<!–▽メイン&サブ–>
<div id=”main-and-sub”>

<!–▽メインコンテンツ–>
<div id=”main-contents”>

←ココに広告などのコード入力

<?php $new_info = the_keni(‘new_info’); ?>
<?php if (the_keni(‘new_info’) > 0 ): ?>
<?php if(is_home() and get_query_var(‘paged’) <= 1): ?>

 

下段-最新記事の下

 

管理画面ダッシュボード > 外観 > テーマの編集 > メインインデックスのテンプレート (index.php)

下記の位置にコードを入力してください。

 

<!–最新情報–>
<h2><?php _e(‘Latest Info’,’keni’) ;?></h2>
<div class=”contents”>
<?php $new_info = the_keni(‘new_info’); ?>
<?php if ($new_info == 1 or empty($new_info)): ?>
<dl class=”news”>
<?php elseif ($new_info == 2): ?>
<dl class=”news02″>
<?php endif; ?>
<?php $new_info_rows = (trim(mb_convert_kana(the_keni(‘new_info_rows’),”as”)));
if (!preg_match(‘/^[0-9]+$/’, $new_info_rows) ) {
$new_info_rows = 5;
}
newposts_keni($new_info_rows,1,1,”year”,0,the_keni(‘new_info’)); ?>
</dl>

</div>

←ココに広告などのコード入力

<!–/最新情報–>
<?php endif; ?>
<?php else: ?>
<div class=”contents”>
<?php get_template_part(‘social-button’); ?>
</div>
<?php endif; ?>

 

 

トップ画面下段(2カラムの場合)

賢威トップ下段

管理画面ダッシュボード > 外観 > ウィジェット

サブコンテンツの好きな場所にテキストを移動させて、広告のコードを入力

 

フッターの左

賢威フッター

管理画面ダッシュボード > 賢威の設定 > フッターの設定

自由記述欄(タグ可)の場所に広告のコードを入力

私の場合はフッターを4列に変更しました。

 

 

賢威アーカイブに設置

アーカイブの上部

アーカイブの上部

 

管理画面ダッシュボード > 外観 > テーマの編集 > アーカイブ (archive.php)

<!–▼パン屑ナビ–>
<div id=”breadcrumbs”>
<ol>
<?php the_breadcrumbs(); ?>
</ol>
</div>
<!–▲パン屑ナビ–>

←ココに広告のコード入力

<!–▽メイン&サブ–>
<div id=”main-and-sub”>

賢威記事ページに設置

賢威.記事ページ上部

記事ページ上部

 

管理画面ダッシュボード > 外観 > テーマの編集 > 個別投稿 (single.php)

<!–main–>
<div id=”main”>
<!–main-in–>
<div id=”main-in”>

←ココに広告のコード入力

<!–▼パン屑ナビ–>
<div id=”breadcrumbs”>
<ol>
<?php the_breadcrumbs(); ?>
</ol>
</div>
<!–▲パン屑ナビ–>

 

記事ページ下部

 

賢威記事ページ下部

管理画面ダッシュボード > 外観 > テーマの編集 > 個別投稿 (single.php)

<div class=”contents clearfix”>

<div class=”article”>
<!–本文–>
<?php the_content(); ?>
<!–/本文–>
←ココに広告のコード入力

(私は広告の下に関連記事のプラグインがあるので、最下部にはなっていません)

 

スマホの広告の対応

 

スマホでは横長広告の固定設置をしてしまうと、見栄えがよくないこともあるのですが、モバイル設定でペナルティをアドセンスから受ける可能性があるので、注意しなければなりません。

pr2742
アドセンスの広告デザインの種類を「自由サイズ・レスポンシブ」にしておくことで、アドセンスが最適な広告をに選んでくれます。

しかし、デザイン的にこんな感じにしたいなどの自由度がなくなったり、他社の広告にしたいなどの理由でPCとモバイル表示の切り替えがしたい場合があります。

PCとスマホの表示を切り替える場合は下記のコードを使います。
<?php if ( function_exists(‘wp_is_mobile’) && wp_is_mobile() ) :?>

スマホ用の広告コード

<?php else: ?>

PC用の広告コード

<?php endif; ?>

広告コードを短縮してくれるプラグイン「Adsense Manager」を利用することによって、スッキリさせることもできるので検討してみてはいかがでしょう。

 
TOMOIKU*Recipe by purpose 
<健康を意識した目的別レシピ>
   




当サイトの一部の記事が、専門性を高めるために「TOMOIKU姉妹サイト」に移動している場合があります。 ご不便なことがございましたら、大変申し訳ありません。心よりお詫びいたします。


 
   

* TOMOIKUの姉妹サイト紹介 *
 


サイトマップで情報を探せます!

一般社団法人 日本共育ライフ協会内

(合)共育生活研究所

“漢方養生士・中医薬膳師”として「薬膳・ローフードの食事」と、“LOHASライフスタイリスト”として「ロハスな生活」の講座を各地で行っています。


遊びに来てね♪

最新記事

ベルメゾンネット

Menu according to purpose




ベルメゾンネット

私のお気に入りのお店

 

 

 

 

 


 

 

 

婦人画報のお取り寄せ決定版2019

ページ上部へ戻る