最初の記事だけデザインを変える、ができない@テーマ作成64日目

今日の進捗状況

・記事一覧の最初の記事だけ見栄えを変えようとして、できなかった。

topimage2

昨日作ったサイズを指定して画像を切り抜きするという作業を行いましたが、ここに表示されている最新記事は実はループの中に記述されたものではありません。これまで見栄え重視で編集してきたので、その外観を保つためにループの外に置いてありました。

しかし、稼働させるとなるとループ外に置いておくわけにもいかないので、ループ内に収めようと思ったのですが……結果から言うとできませんでした。

最初の記事だけデザインを変えるというのは調べてみると、そんなに難しいことではありませんでした。

ただ、その方法だと最初の記事だけに「firstpost」のような新たなclassを追加することでcssでデザインを編集することになります。

事前にそういったことを知らずに作った私の最新記事のデザインはhtmlの部分からして書き方が違います。よって、その方法は使えそうにない。

なんとか今のままで最新記事のデザインを変えることができないかと調べ回ったのですが結果、

ワードプレスのループ内で最初の記事のときだけ処理をする

こちらの記事に行きあたりました。

そして、この方法で試してみて、topnews

見た目としてはイメージ通りのものができましたが、トップの記事と二番目の記事が同じ記事が表示されています。

というのも、これだと「ループの最初の記事だけに処理を追加する」ことになっています。したがって、最新記事に拡大表示の最新記事を追加したということ。

これは時間がかかりそうですね。

スポンサーリンク
スポンサーリンク

シェアする

フォローする

スポンサーリンク
スポンサーリンク