WordPressテーマTwenty Fourteen(バージョン 3.9.1)で記事下に広告を表示

 Wordpressの記事下に広告を貼り付けてみよう。

 記事の下、タグリストやコメントの前に広告コードを貼り付けるには、 Wordpressのテンプレート(テーマ)によって、貼り付け場所は変わってくるようなのだ。

 今、Wordpressを使い始めると、Wordpressバージョンは3.9.1。

 デフォルトのテンプレート(テーマ)はTwenty Fourteenというもの。

 この、Twenty Fourteen(Wordpressバージョン 3.9.1)の場合、content.phpに広告コードを記載する。

 テンプレート(テーマ)によっては、単一記事の投稿(single.php)に貼り付けるものもある様子。

WordPressテーマTwenty Fourteen(バージョン 3.9.1)で記事下に広告を表示

1、管理画面(ダッシュボード)にログイン。

2、「外観」⇒「テーマの編集」。
*現在使っているテーマ(テンプレート)のスタイルシートが表示される。
 テーマ(テンプレート)を変更する場合⇒ 編集するテーマを選択で▼をクリック⇒テンプレート(テーマ)を選んで「選択」をクリック。

3、「Twenty Fourteen」の場合、「content.php」をクリック。

4、「<?php the_tags( '<footer class="entry-meta">」を探す。

5、「<?php the_tags( '<footer class="entry-meta">」の前に、広告コードを貼り付ける。

6、「ファイルを更新」をクリック。

 これで、Twenty Fourteen(Wordpressバージョン 3.9.1)の記事下に広告が表示される。

 Twenty Fourteen(Wordpressバージョン 3.9.1)の場合、content.phpが投稿記事を定めているHTMLのようなものらしい。

indexページ(トップページ)、アーカイブ、タグ、カテゴリーページには表示させない

 上の位置に広告コードを挿入すると、index(トップ)ページの記事下にも広告が表示される。

 複数の記事をindexページ(トップページ)、アーカイブ、タグ、カテゴリーページに複数記事を表示させる設定だと、全部の記事に広告が表示されてしまう。

 Googleアドセンスなどだとプライバシーポリシーに触れるので、indexページ(トップページ)、アーカイブ、タグ、カテゴリーページには広告を表示させない方法をおひとつ。

・記事ページだけに表示させる方法

<?php if(is_single()): ?>
【ここにコードを記載】
<?php endif; ?>

広告の表示位置のアレンジ

・広告を中央に寄せる

<p align="center">広告を中央に配置する場合ここにコードを入れる</p>

《イメージ》

<p align="center">広告表示</p>

 右に寄せる場合は、<p align="right">広告コード</p>になる。

・パソコンだけに広告を表示する場合

<!--▼PCのみ表示-->
<?php if (!wp_is_mobile()) :?>
<div>
【ここに広告コードを入れる】
</div></div>
<?php endif; ?><!--▲PCのみ表示-->

・スマートフォンのみに広告を表示する場合

<!--▼スマートフォンのみ表示--><?php if (wp_is_mobile()) :?>
<div>
【ここに広告コードを入れる】
</div></div>
<?php endif; ?>><!--▲スマートフォンのみ表示-->

おすすめ記事

コメント

  • ありがとうございます。
    参考にさせていただいて、記事下に広告を設置することができました。

    by はるかまん    2014年12月7日 4:36 PM

    • お役に立てて光栄です。コメントもありがとうございます。

      by F    2014年12月7日 8:43 PM

コメントを残す




*

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

関連記事

GoogleBloggeの投稿者名を消す方法がわかったので皆さんにお知らせ
WordPressで画像が表示されなくなったら
スクロールバーをスタイルシートで表示する
WordPressのリビジョンって何のためにある?
wordpressは半角のダブルクォーテーションが勝手に全角に変換されて表示される
Googleアドセンスのサイト内検索ボックスのトラブル
MySQLの追加
プラグインを使わないwordpressの記事一覧
スタイルシート(CSS)を縮小・具体例
プラグインでWordPressのSEO
色コードの収得に便利な無料ソフト・ウェブカラークリエイター
WordPress4.0、「ウインドウの高さに合わせてエディターを広げる」機能のON・OFF
シーサーブログのタグページに記事概要(記事の要約・サマリー)を表示する方法
FC2ブログテンプレートの文字の大きさを変えてみよう
noimage

Menu

HOME

 TOP