Wordpress

H2タグの前に広告を表示する方法 TCD MAG

目次の上に広告をのせたいな

調べていると、記事下よりも本文の中、目次の上の広告がよくみられているのだとか。

しかしながら、私の愛用しているTCD MAGのテーマには、見出しの前に広告を配置する機能はついてないのです。本文中にショートコードでどこでも貼りつける機能はあるけれど、できれば毎回、最初のH2の前に自動で広告を出すようにしておきたい

いったいどうしたらいいんだろう?

*ちなみに目次をつけるには、目次生成プラグイン「Table of Contents Plus」を使っています。

H2の上に広告を。functions.phpを編集する

調べてみると、「テーマの編集」から「functions.php」ファイルにコードを追記すればいいことがわかりました。

コードは先人の皆様が掲載してくださっています。さっそくあるサイトからコピーして貼付けを…

ところが更新ボタンをおすと、サイトが真っ白になってしまいました。

functions.phpの編集には注意が必要

・・・なんということ。どうやらうまくいかなかった模様です。

しょうがない、元にもどして別のコードを試してみよう。

ところがWordpressの編集画面でいくら追記したコードを消しても、元に戻りませんでした。

ログインや管理画面も見れなくなった

functions.phpは実はとってもデリケート。コードを教えてくれたサイトさんにも、間違った操作でサイトが表示されなくなる可能性があること、改変前にバックアップをしておくこととの記載がありました。

しかしこんなになってしまうとは。サイトが真っ白になるどころか、ログイン画面もおかしくなり、管理画面もみれなくなってしまいました。

バックアップはとってあるけれど、ちょっと面倒だな…

functions.phpの編集エラー、変更箇所を消してすぐに解決

ところがバックアップを使わずに、すぐに解決できました。

こちらの記事のおかげです。

Xサーバーのファイルマネージャーにログインして、

「public_html」→「wp-content」→編集したテンプレートを選択→「functions.php」

ボックスにチェックをいれて右側の「編集」をクリックすると、さきほどやってしまったfunctions.phpの編集を修正することができました

サイトも元に戻って一安心!ありがとうございます。

TCD MAGで最初のH2タグの前に広告を表示する方法

さて、ここからが本番です。

先ほどのコードがダメだったということは、今使っているテーマにぴったりなコードをいれてやらねばなりません。つまり私の場合は、MAGで使えるコード。MAGで最初のH2タグの前に広告を表示してくれるコードです。

探してみたらこちらにありました。

TCDテーマで記事内の1つ目の見出しタグの直前に広告を表示したい

いつもありがとうTCDLABO。

「//ここに広告のコードを入力」の部分を消して、Google Adsenceなどから取得した広告のコードを貼りつけます。

それを、「外観」→「テーマ編集」から、「functions.php」に貼付け。

うまくいきました。私は1番下に貼りつけましたよ。

*ちなみにこのサイトではないです。こちらのサイトはまだAdsenceの準備ができていないので…

目次の上に広告を表示できた

これからどのくらい変わってくるか楽しみです。変化が現れたらまた報告できたらと思います。

関連記事

  1. Wordpress

    タグの説明にURLリンクをいれたいとき@TCD MAG

     そろそろ記事も増えてきたし、タグを整理しようかな。スラッグも英語…

  2. Wordpress

    タイトルのサイズが小さい?TCD MAGでスマホロゴを大きくする方法

    スマホサイトのタイトル、小さくて読めないんですけど・・・MAGでブ…

  3. Wordpress

    TCD MAGのアイキャッチが白い…一体どうしたのWordPress?解決方法

    うーん、真っ白でよく見えない…!ある日のこと、突然ブログのトップペ…

  4. Wordpress

    タイトルロゴがぼやけるときの対処方法 TCD MAG

    タイトルロゴがなんかぼやけるんだよなぁ…画質をあげて画像を置き換え…

  1. Wordpress

    タグの説明にURLリンクをいれたいとき@TCD MAG
  2. 文章

    伝わるのに重要なのは、言葉じゃない
  3. Wordpress

    H2タグの前に広告を表示する方法 TCD MAG
  4. Wordpress

    タイトルのサイズが小さい?TCD MAGでスマホロゴを大きくする方法
  5. Wordpress

    TCD MAGのアイキャッチが白い…一体どうしたのWordPress?解決方法
PAGE TOP