投稿の一覧画面で、最新の投稿のみ表示のサイズを変えたい < SWELLに関する質問

フォーラムをリニューアルしました！
今後は、新フォーラムをご利用ください。

通知

すべてクリア

[解決済] 投稿の一覧画面で、最新の投稿のみ表示のサイズを変えたい

SWELLに関する質問

3 投稿

3 ユーザー

4 Likes

1,028 表示

RSS

Muku

(@muku)

Active Member

Topic starter

お世話になります。

下記のサイトのように投稿を一覧で表示できるサイトを作りたいと考えております。

この最新の投稿（上記URLだと【SWELL専用】Gutenberg用オリジナルブロックの一覧の投稿）だけ、

横長の投稿にして、写真、見出しのサイズを大きくしたいです。

※イメージとしては、横3カラムを1カラムに結合させているイメージ

　写真の下に文字が来ているものを、写真の右に文字が来るようにしたいです。（PC版のみ）

このような加工をすることは可能なのでしょうか。

投稿済 : 07/06/2021 7:00 am

かんた

(@swell-mania)

Reputable Member

投稿リストボックス2つを使えばそれぽっくなります。

■1つ目

・投稿リストボックスの設定
-表示する件数：1件
-レイアウト：リスト型
-最大カラム吸う（PC）：1列

・CSSの設定
-レイアウトボックス（p-postList__thumb、p-postList__body）のwidthを調整
-見出し、写真を調整

■2つ目
・投稿リストボックスの設定

-設定はありません

・CSSの設定
-最初の投稿のみdisplay:none

SWELLマニアというサイトを運営しています！

投稿済 : 07/06/2021 9:27 am

しらこ

(@96ssbike)

Prominent Member

かんたさん、ありがとうございます！

実際に最初の投稿のみ非表示にしたカスタマイズ記事を、くうかさんが紹介されていますので、よろしければこちらも参考までにどうぞ。。✍

にゃーん .

投稿済 : 07/06/2021 9:34 am

共有: