この記事にはプロモーションが含まれています。

【SWELL】誰でも簡単!目次の前後に広告を表示させる方法

【SWELL】誰でも簡単!目次の前後に広告を表示させる方法

ケケンタ

こんにちは! ケケンタです。

この記事では

SWELLで目次の前後に任意の広告を表示させる方法

について解説をしていきます。

SWELLでは設定ひとつで目次の「前」と「後」のどちらに広告を表示させるかを簡単に変更できるため大変便利です

この記事で分かること
  • SWELLで「広告タグ」を新規作成する方法
  • 新規作成した「広告タグ」を目次の前後に設置する方法



ケケンタ

ケケンタのITブログでは、WebアプリPHPLaravel)やWeb制作WordPressコーディング)について情報を発信しています。
学習中の方や実務をされている方など多くの方にアクセスいただいていますので、ぜひほかの記事も参考にしてみてください!


運動不足、気になっていませんか?

もしプログラミング学習やお仕事で運動不足が気になっているなら
連続屈伸運動がおすすめです!

ボタンにカーソルを合わせるだけ
カウントダウンが始まるタイマーをご用意してみました!

ケケンタ

無理のない範囲で、ぜひ隙間時間に屈伸運動を取り入れてみて下さい!

タイマースタート

3:00

※運動不足だと連続3分で取り組んでもかなり息が切れます
(僕は加えて気分もちょっと悪くなりました……)
絶対にご無理の無い範囲でお取り組みください!


目次

手順① 「広告タグ」を新規作成する

目次の前後に広告を表示させるためにはまずは表示したい広告を準備する必要があります。

今回は、すでにGoogleアドセンスなどで広告タグが取得できている前提で解説を進めます。

「広告タグ」を新規作成する
「広告タグ」を新規作成する
STEP
WordPress管理画面の「広告タグ」の「新規投稿を追加」をクリックする
STEP
タイトル・広告タイプ・広告ボックスの枠・広告タグをそれぞれ設定する

手順② 新規作成した広告タグを目次広告として設定する

続いて、「手順①」で新規作成した広告タグを目次広告として設定していきます。

STEP
手順①で新規作成した「広告タグ」の「呼び出しコード」をコピーする
新規作成した「広告タグ」の「呼び出しコード」をコピーする
新規作成した「広告タグ」の「呼び出しコード」をコピーする
STEP
WordPress管理画面の【SWELL設定 > 広告タグ】の「目次広告」にコピーした「呼び出しコード」を貼り付けて保存する
【SWELL設定 > 広告タグ】の「目次広告」にコピーした「呼び出しコード」を貼り付けて保存する
【SWELL設定 > 広告タグ】の「目次広告」にコピーした「呼び出しコード」を貼り付けて保存する

手順③ 目次の「前」か「後」に広告を表示させる

ケケンタ

最後に、手順②で設定した目次広告を表示する設定をします

STEP
WordPress管理画面で以下の順にクリック

外観 > カスタマイズ > 投稿・固定ページ > 目次

STEP
「目次広告の位置」と「目次がなくても広告を表示するかどうか」を設定する
「目次広告の位置」と「目次がなくても広告を表示するかどうか」を設定する
「目次広告の位置」と「目次がなくても広告を表示するかどうか」を設定する

「目次広告の位置」で目次の前と後のどちらに広告を表示するか簡単に変更が可能です。

ケケンタ

以上の手順により、SWELLで目次の前後に任意の広告を表示することが可能です。

ちなみにですが、広告以外にも「ブログパーツ」などの要素も同様に表示することが可能です。
このブログではバナー広告を自作→ブログパーツとして登録し、目次の前に表示されるよう設定しています。

まとめ

以上がSWELLで目次の前後に任意の広告を表示させる方法でした。

設定ひとつで広告の表示位置を変更できるためSWELLは本当に便利だなあと感じています。

この記事が少しでもお役に立ったなら何よりです。

ケケンタ

最後までご覧いただきありがとうございました!

SWELLのその他の記事はこちら

SWELL記事一覧

今回ご紹介した内容のテーマ

SWELLで目次の前後に広告を表示させる方法のアイキャッチ

この記事が気に入ったら
フォローしてね!

この記事が良いと思ったらシェアしてね!

コメント

コメントする

CAPTCHA


目次