SWELLで使える専用ブロック「投稿リストブロック」の機能について紹介します。
「投稿リストブロック」を使うと、カテゴリーやタグなどを指定して、必要な数だけの投稿記事を表示することができます。
![SWELL 投稿リストブロック(PC)](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_post-list-block_pc.png)
![SWELL 投稿リストブロック(スマホ)](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_post-list-block_sp.png)
またブログパーツと併用することで、リッチな記事系ウィジェットを作成することができます。
関連記事
この記事のSWELL公式マニュアルはこちら
投稿リストブロックの設置方法
エディター画面の「+」アイコンを押すとクイックインサーターが表示されます。
![SWELL クイックインサーター 投稿リストブロック](https://lifestyle-analytics.com/wp-content/uploads/2021/02/swell_editor_quick-inserter_post-list-block-1024x577.png)
検索もしくは「すべて表示」で「投稿リスト」を選択すると「投稿リストブロック」が設置されます。
![SWELL ブロックライブラリー 投稿リスト](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_set_block-library_post-list-block-1024x571.png)
キーワードで呼び出すのも便利
段落ブロックの最初に/postlist
と入力すると「投稿リストブロック」を呼び出すことができます。
![SWELL エディター ショートコード 投稿リストブロック](https://lifestyle-analytics.com/wp-content/uploads/2021/02/swell_editor_short-code_post-list-block-1024x225.png)
/swell
でSWELL専用ブロックがリストアップされるので結構重宝する機能です。
![](https://swell-theme.com/wp-content/uploads/2019/08/thumb_block_keyword.png)
投稿ブロックリストの設定項目(Settings編)
投稿ブロックリストのレイアウトや表示順の設定は右サイドバーの「Settings」タブで行います。
![SWELL 投稿リストブロック(Settings)](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_set_post-list-block_settings-617x1024.png)
表示する投稿数
![SWELL 投稿リストブロック 表示する投稿数](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_set_post-list-block_num-posts.png)
表示する投稿数を設定します。
最大24件表示できます。
レイアウトを選択
![SWELL 投稿リストブロック レイアウト一覧](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_set_post-list-block_layout_list.png)
5パターンのレイアウトを選択できます。
カード型
![SWELL 投稿リストブロック レイアウト カード型](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_post-list-block_layout_card.png)
リスト型
![SWELL 投稿リストブロック レイアウト リスト型](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_post-list-block_layout_list.png)
リスト型(相互左右)
![SWELL 投稿リストブロック レイアウト リスト型(相互左右)](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_post-list-block_layout_list-alternate.png)
サムネイル型
![SWELL 投稿リストブロック レイアウト サムネイル型](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_post-list-block_layout_thumbnail.png)
テキスト型
![SWELL 投稿リストブロック レイアウト テキスト型](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_post-list-block_layout_text.png)
![SWELL 投稿リストブロック レイアウト サムネイル型](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_post-list-block_layout_thumbnail.png)
![SWELL 投稿リストブロック レイアウト テキスト型](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_post-list-block_layout_text.png)
投稿の表示順序
![SWELL 投稿リストブロック 投稿の表示順序](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_set_post-list-block_display-order.png)
新着順、人気順、ランダムから表示順序を選択できます。
その他表示設定
![SWELL 投稿リストブロック その他情報表示設定](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_set_post-list-block_info-1024x817.png)
投稿記事の関連情報を表示できます。
- 公開日
- 更新日
- 著者
- PV数
- タイトル(サムネイル型のみ有効)
カテゴリー表示位置
![SWELL 投稿リストブロック カテゴリー表示位置](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_set_post-list-block_category-label.png)
カテゴリーラベルの表示位置を選択できます。
表示しない
![SWELL 投稿リストブロック カテゴリー表示位置 表示しない](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_post-list-block_category-label_no-label.png)
サムネイル画像の上
![SWELL 投稿リストブロック カテゴリー表示位置 サムネイル画像の上](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_post-list-block_category-label_thumnail.png)
日付の横
![SWELL 投稿リストブロック カテゴリー表示位置 日付の横](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_post-list-block_category-label_date.png)
タイトルのHTMLタグ
記事タイトルのHTMLタグを変更することができます。
![SWELL 投稿リストブロック タイトルのHTMLタグ](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_set_post-list-block_title-html-1024x413.png)
最大カラム数
![SWELL 投稿リストブロック 最大カラム数](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_set_post-list-block_column.png)
デバイス別に最大カラム数を設定できます。
PCレイアウト
PC 1カラム
![SWELL 投稿リストブロック PC 1カラム](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_post-list-block_pc_1-column.png)
PC 2カラム
![SWELL 投稿リストブロック PC 2カラム](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_post-list-block_pc_2-column.png)
PC 3カラム
![SWELL 投稿リストブロック PC 3カラム](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_post-list-block_pc_3-column.png)
スマホレイアウト
スマホ 1カラム
![SWELL 投稿リストブロック レイアウト カード型](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_post-list-block_layout_card.png)
スマホ 2カラム
![SWELL 投稿リストブロック スマホ 2カラム](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_post-list-block_sp_2-column.png)
抜粋文の文字数
![SWELL 投稿リストブロック 抜粋文の文字数](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_set_post-list-block_excerpt-1024x494.png)
デバイス別に抜粋文の文字数を設定できます。
MOREリンク
![SWELL 投稿リストブロック MOREリンク](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_set_post-list-block_more-link-1024x589.png)
投稿リストブロックの最後にリンクを設置することができます。
リンクボタンテキストとリンク先URLは任意で変更できます。
最後の投稿を非表示
![SWELL 投稿リストブロック 最後の投稿を非表示](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_set_post-list-block_last-post.png)
デバイス別に最後の投稿を非表示にするかどうか設定できます。
投稿ブロックリストの設定項目(Pickup編)
特定の記事の除外や表示条件の設定は右サイドバーの「Pickup」タブで行います。
![SWELL 投稿リストブロック Pickupタブ](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_set_post-list-block_pickup-772x1024.png)
投稿IDで絞り込む
![SWELL 投稿リストブロック 投稿IDで絞り込む](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_set_post-list-block_pickup_post-id.png)
表示したい記事、表示したくない記事の投稿IDを登録します。
投稿タイプで絞り込む
![SWELL 投稿リストブロック 投稿タイプ](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_set_post-list-block_pickup_post-type.png)
投稿ページ、固定ページで絞り込むことができます。
タクソノミーの条件設定
![SWELL 投稿リストブロック タクソノミー](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_set_post-list-block_pickup_taxonomies.png)
カテゴリーやタグを条件に表示する記事を絞り込むことができます。
細かい条件で絞り込みたいときに便利です。
- 各タクソノミーの条件に「1つでも一致(OR条件)」「全てにイッチ(AND条件)」の選択
- 条件カテゴリーの指定(含む/含まない)
- 条件タグの指定(含む/含まない)
- 任意のタクソノミーの指定
著者で絞り込む
![SWELL 投稿リストブロック 著者で絞り込む](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_set_post-list-block_pickup_author.png)
記事の著者で絞り込むことができます。
まとめ 投稿リストブロックは最高だった!
人気・新着・おすすめ記事の3役こなす!大変優秀なブロック
投稿リストブロックは表示順序の指定とカテゴリーの絞り込みができるので、例えば特定カテゴリーの人気記事リストや新着記事リストを簡単に作ることができます。
「ブログパーツ」×「投稿リストブロック」が便利
SWELLには登録したコンテンツをショートコードで簡単に呼び出すことができる「ブログパーツ」機能があるので、「投稿リストブロック」で作成した人気記事リストや新着記事リストを「ブログパーツ」として登録しておけば、簡単に呼び出せるウィジェットアイテムになります。
とにかくこの「ブログパーツ機能」と「投稿リストブロック」の組み合わせがすごく相性いいです。
後日記事にしたいと思います!
取り急ぎ公式サイトの情報です。
ブログパーツを使いこなせれば、ウィジェットを自由自在に作成できるようになるので、SWELLを使うならぜひブログパーツ機能をマスターしてもらいたい機能です!