【サルワカ風】トップページに人気記事を設置する方法
Taka

人気記事はトップヘージのみに表示されるようにしたい

さっそく実装してみましたが、カッコよくて気に入ってます♫ただ、2点ほど気になるところがあります。

1,記事一覧の2ページ目以降や、カテゴリーページに行っても、人気記事がずっと表示されっぱなしになっているので、人気記事はトップヘージのみ表示できるような設定にしたいです。

2,スマホで見たときに、記事カードがズレてしまうのと、サンプル完成画像とは違い、カードとカードの間に幅がなくなってします。

すごくいい機能なので、どうにか上の2点を修正したいです!どうぞよろしくお願いします!

コメントへの回答
サルワカくん
2017/11/13

1. たしかにその通りですね。上記のコードに修正を加えました。
<?php if( !is_paged() && is_home() ): //人気記事?>
ここにコード
<?php endif; ?>
とすれば、1ページ目のみに表示されます。

2. 拝見しましたが、問題なく表示されていますよ。記事本文にも書いていますが、キャッシュを削除してください。

Taka
2017/11/14

何度もすみません。スマホからの見た目ですが、ブラウザキャッシュを削除して、プラグインもすべてはずしてみましたが、変わりませんでした。

ちなみに、iPhone 6s Plus を使っていて、google, google chrome, safari のブラウザで試してみましたが、すべて同じように表示されてしまいます。

他にも機種をかえて、iPhone 6 Plus でも同じで、macbook Safari の開発モードからスマホビューで見てみましたが、やっぱりちょっとズレて表示されてしまっています。

ちなみに、なぜかmacbook chrome の開発モードから見たときのみ、正常に表示されていました。。。

お手数おかけいたしますが、どうぞよろしくお願いします。

サルワカくん
2017/11/14

そういうことですね…。色々と試して頂き、ありがとうございます。
上部のdivタグの中に入っている「cf」というクラス名を消してみて頂けますか?
cfを消すだけで後は何も変えなくてOKです。
お手数をおかけしますがよろしくお願いします。

Taka
2017/11/14

完璧に直りました!ありがとうございました\(^o^)/