[akosan]

【お使いの Snow Monkey のバージョン】バージョン: 18.2.0
【お使いの Snow Monkey Blocks のバージョン】バージョン 17.2.0
【お使いの Snow Monkey Editor のバージョン】バージョン 9.1.1
【お使いのブラウザ】google chrome
【当該サイトのURL】

### 実現したいこと

カテゴリーをクリックしたときに表示される記事一覧ですが

最新の記事だけ大きく表示したい。

具体的にはこちらのカテゴリーページ表示を変更したいと思っています。

今月の恋愛運【12星座】

占星術・星占いが好きな女性のためのポータルサイト。今月の運勢、今週の運勢や芸能人のホロスコープ、星座の豆知識まで占いを楽しむためのコンテンツがいっぱいです。

miriohta.com

### 発生している問題

### 試したこと

過去フォーラムを検索。

下記ページを参考にしていますが、

最新の記事だけ大きく表示する場合がわからずでした。

特定のアーカイブページのみ、記事一覧レイアウトを変更したい

 

お手数ではありますがご教示いただけますと幸いです。

♥ 0

いいねをした人: 居ません

[Olein_jp]

最新の記事だけ大きく表示したい。

どのように大きく表示させたいのか、そもそもレイアウトが変わるのかなど不明な点はあるのですが、CSSで対応できるような内容であれば、.p-archive c-entries__item:first-child というような形でクラス指定してあげることで、一番最初の投稿へのみスタイルを当てることはできます。

♥ 1

いいねをした人:

[キタジマ タカシ]

具体的にどういうレイアウトにしたいかによると思いますが、とりあえず大きくなれば良いということであれば、下記の CSS を追加するのが簡単かなと思います。

@media (min-width: 1024px) {
  .p-archive .c-entries__item:first-child {
    flex-basis: 50%;
    max-width: 50%;
  }
}

♥ 2

いいねをした人:

[akosan]

教えていただいたクラスとCSSで無事に希望のデザインができました。

クラス指定で出来るとは思っておらずphpばかり調べていました。

いつも丁寧に教えてくださってありがとうございます。

 

問題が解決しましたのでトピックを閉じさせていただきます。

♥ 1

いいねをした人:

[投稿者]

投稿