読者です 読者をやめる 読者になる 読者になる

やったこと

webサービスを作るときに考えたことを垂れ流します

simplicityのテーマで記事一覧ボックスの下部にブログパーツを挿入したよ

ワードプレス「Simplicity」のテーマで、記事一覧ボックスの下部(四角い枠の外側ね)にブログパーツを挿入したよ。

元々デフォルト設定で関連記事の下の位置にパーツを挿入することはできるんだけど、そのさらに下の位置、記事一覧の外側にパーツを挿入できなかったので、自分でやりました。

以下修正方法です、PCのときのみ表示していて、モバイルのときは表示していません。


①「function.phpを修正」
function.phpに以下のような関数を追記します。ブログパーツのコードを出力する関数です。

//記事リスト下部に広告挿入
function print_ad_under_main(){
  if (wp_is_mobile()){
    //モバイルの場合
    return;
  }
$str = <<< EOM
<div class="mycentering">
★ここにブログパーツのコードをセット
</div>
EOM;
  echo $str;
}


②「footer.phpを修正」
footer.phpの4行目あたりを以下のように修正します。ブログパーツを挿入しています。

          </div><!-- /#main -->
        <?php get_sidebar(); ?>
        <?php print_ad_under_main(); ?>

        </div><!-- /#body-in -->
      </div><!-- /#body -->


③「style.cssを修正」
style.cssに以下を追記します。パーツが左揃えになっていたので中央揃えに直してます。

.mycentering{
  margin: auto;
  padding-top: 20px;
}

以上で記事一覧ボックスの下部にブログパーツが挿入されるはずです。
細かいデザインとかは自分で修正してみてね。