MENU
カテゴリー

記事のタイトルとアイキャッチ画像の間に広告を表示させる方法

タイトルとアイキャッチ画像の間に広告
記事上のウィジェットエリア

このページでは、「タイトルとアイキャッチ画像の間に広告を表示させる」方法を解説していきます。

ただし、SWELLでは「タイトルとアイキャッチ画像の間」にはウィジェットエリアは用意されていませんので、今回の話はちょっと特殊なカスタマイズになります。

テーマファイルを少し編集する必要がありますので、十分注意して作業してください。

目次
目次広告表示エリア

アクションフックを利用する

ver. 1.2.4より、サムネイル画像上にアクションフック'swell_before_post_thumb'が追加されています。

このフックを使って、任意のコードをサムネイル画像の直前に挿入することが可能です。

子テーマのfunctions.phpに、以下のコードを挿入してください。

<?php

/* 
  ~ functions.phpにすでにあるコード ~
*/

//以下のコードを追加
add_action('swell_before_post_thumb', function( $post_id ) {
?>
<div class="widget widget_swell_ad_widget">
    ここに広告コードをペースト
</div>
<?php
}); 

子テーマを編集する方法

まず、「外観」>「テーマエディター」へと進んでください。

テーマエディターを選択
テーマエディターを選択

「テーマエディター」をクリックすると、現在使用中のテーマのstyle.cssファイルが開いた状態になっています。

テーマエディター画面
テーマエディター画面

初回編集時は警告文が出てきますが、「理解しました」をクリックしてください。

この画面の右側にある、「テーマのための関数 (functions.php)」と書かれたファイルを選択してください。

この時、編集するテーマがSWELLの子テーマになっていることを一応確認することを忘れないようにしてください。

functions.phpを選択
functions.phpを選択

functions.phpファイルの編集画面に移ったら、ファイルの一番最後にコードを追加します。

functions.php編集位置
functions.php編集位置

コードを貼り付けれたら、編集ページの下部にある「ファイルを保存」ボタンで保存しましょう。

記事下のウィジェットエリア
タイトルとアイキャッチ画像の間に広告

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

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次