【SWELL】記事一覧リストのカスタマイズ方法を解説

こういった悩みにお答えします。

例えば、以下のように記事一覧リストをレイアウトできるようになります。

SWELLの記事一覧リストをカスタマイズする方法

記事一覧リストのカスタマイズ画面へ移動

管理バーから、「カスタマイズ」を選択します。

サイドバーから、「記事一覧リスト」を選択します。

サイドバーに記事一覧リストのカスタマイズ画面が表示されました。

リストのレイアウト設定

リストレイアウト

以下は、PC/Tabの例ですが、SPの設定を行うこともできます。※デフォルトはカード型

以下からレイアウトを確認できます。

最大カラム数

以下は、PC/Tabの例ですが、SPの設定を行うこともできます。※デフォルトは3カラム

カード型・サムネイル型でのみ有効です。

「READ MORE」のテキスト

以下は、テキストを「READ MORE」から「続きを読む」へと変更しています。

ブログ型・リスト型（左右交互）で表示される「READ MORE」の表示を変更できます。

投稿情報の表示設定

タイトルを隠す

「タイトルを隠す」にチェックを入れるとタイトルが非表示になります。

「サムネイル型」のリストにのみ有効です。

公開日・更新日・著者

表示・非表示を選択できます。

抜粋文の文字数

以下は、PC/Tabの例ですが、SPの設定を行うこともできます。

カテゴリーの表示設定

以下の設定が行えます。

サムネイル画像の比率設定

以下の画像比率を設定できます。

画像比率は以下から選択できます。

例：カード型リスト

例：ブログカード

こちらの記事でブログカードの設置方法を解説しています。

マウスホバー時の設定

以下のようにグラデーション色を変更することができます。

今回は以上です。