【stinger3カスタマイズ】WordPressでカスタマイズした項目をトップページのみに表示させたい場合 #Stinger-WP

カスタマイズした項目が、トップページの全ページに出るやんけ!

以前、ワードプレスの添付r-とstinger3のカスタマイズで、トップページに、カスタマイズした項目を載せるという記事を書きました。

▶ Stinger3、トップページにまとめを掲載するカスタマイズ|スマホ対応 #Stinger-WP

で、昨日くらいまで気がつかなかったのですが、同じカスタマイズを別のサイトに適用して、しかもカスタマイズ項目をもりもり突っ込んだら・・・

140224wp_customize

あれ?

トップページの、2ページ目、3ページ目にも、どんどん続きのページにも、カスタマイズした項目が表示されてますよ??

そして、stinger3のソースを見てみましたが、特にcanonicalなども設定されてないので、このまま行くと、もりもり突っ込みすぎたら、重複ペナルティになる恐れもあったりするかも?

ということで、ネットで解決方法を探したら、ありました!

こちらの記事が大変参考になりました!!ありがとうございます。

▶ WordPressでトップページのみヘッダー画像を表示させるカスタマイズ法

これの、ずずっと下の方ですが、「フロントページに最新の投稿を指定している場合」を参考にしました。

カスタマイズしたサイトのhome.phpを開くと、前回の記事でも解説したこんなコードがあるわけですが・・・

<div class="entry">
<h3 class="entry-title-ac">【まとめタイトル】</h3>
    <div class="sumbox"> 
      <img src="【アイキャッチアイコン】" alt="【アイキャッチアイコン用キーワード】" title="【アイキャッチアイコン用キーワード】" width="150" height="150" />
      </div>
    <!-- /.sumbox -->
    
    <div class="entry-content">
      <p class="dami">
【ここにまとめとか】
   </p>
    </div>
    <!-- .entry-content -->
    
    <div class="clear"></div>
  </div>
  <!--/entry-->

これの前後に、

<?php if(is_home() && !is_paged()): ?>
ここにカスタマイズしたコード
<?php endif; ?>

を、入れるだけです。

やってみると、こんな感じ。

<?php if(is_home() && !is_paged()): ?>
<div class="entry">
<h3 class="entry-title-ac">【まとめタイトル】</h3>
    <div class="sumbox"> 
      <img src="【アイキャッチアイコン】" alt="【アイキャッチアイコン用キーワード】" title="【アイキャッチアイコン用キーワード】" width="150" height="150" />
      </div>
    <!-- /.sumbox -->
    
    <div class="entry-content">
      <p class="dami">
【ここにまとめとか】
   </p>
    </div>
    <!-- .entry-content -->
    
    <div class="clear"></div>
  </div>
  <!--/entry-->
<?php endif; ?>

まとめを2個入れたかったら、中身を増やす。

<?php if(is_home() && !is_paged()): ?>
<div class="entry">
<h3 class="entry-title-ac">【まとめタイトル】</h3>
    <div class="sumbox"> 
      <img src="【アイキャッチアイコン】" alt="【アイキャッチアイコン用キーワード】" title="【アイキャッチアイコン用キーワード】" width="150" height="150" />
      </div>
    <!-- /.sumbox -->
    
    <div class="entry-content">
      <p class="dami">
【ここにまとめとか】
   </p>
    </div>
    <!-- .entry-content -->
    
    <div class="clear"></div>
  </div>
  <!--/entry-->

<div class="entry">
<h3 class="entry-title-ac">【まとめタイトル】</h3>
    <div class="sumbox"> 
      <img src="【アイキャッチアイコン】" alt="【アイキャッチアイコン用キーワード】" title="【アイキャッチアイコン用キーワード】" width="150" height="150" />
      </div>
    <!-- /.sumbox -->
    
    <div class="entry-content">
      <p class="dami">
【ここにまとめとか】
   </p>
    </div>
    <!-- .entry-content -->
    
    <div class="clear"></div>
  </div>
  <!--/entry-->

<?php endif; ?>

これで、home.php全ページへ表示するか、トップページだけに表示するか制御できるので、トップだけに表示したい人は、修正してみてください。

以上、カスタマイズトラップ解決編でした。

タイトルとURLをコピーしました