お店や企業のホームページのトップに良くある、新着情報(お知らせ)リストの作り方を解説していきます。
WordPressのテーマ「SWELL」だと簡単に作ることができます。
↓こんなやつです。
目次
新着情報(お知らせ)リストの作成方法
STEP
投稿リストブロックを追加
新着情報リストを設置したい場所に投稿リストブロックを追加します。
- 「+」をクリックして検索欄に「投稿」と入力
- 投稿リストクリックしてください。
![swell新着情報(お知らせ)リストの作り方](https://shimautablog.com/wp-content/uploads/2023/01/swel-noticelist1.jpg)
STEP
完成
これで新着リストの完成です。
![swell新着情報(お知らせ)リストの作り方](https://shimautablog.com/wp-content/uploads/2023/01/swel-noticelist2.jpg)
投稿リストブロックの設定について
投稿リストブロックの主な設定方法(画面右側に表示されている設定項目)について説明していきます。
![swell新着情報(お知らせ)リストの作り方](https://shimautablog.com/wp-content/uploads/2023/01/swel-noticelist6.jpg)
レイアウト設定
![swell新着情報(お知らせ)リストの作り方](https://shimautablog.com/wp-content/uploads/2023/01/swel-noticelist5.jpg)
レイアウトは5つから選択できます。
1つずつイメージをご覧ください。
カード型
![swell新着情報(お知らせ)リストの作り方カード型](https://shimautablog.com/wp-content/uploads/2023/01/swel-noticelist7.jpg)
リスト型
![swell新着情報(お知らせ)リストの作り方リスト型](https://shimautablog.com/wp-content/uploads/2023/01/swel-noticelist8.jpg)
リスト型(左右交互)
![swell新着情報(お知らせ)リストの作り方リスト(左右交互)型](https://shimautablog.com/wp-content/uploads/2023/01/swel-noticelist9.jpg)
サムネイル型
![swell新着情報(お知らせ)リストの作り方サムネイル型](https://shimautablog.com/wp-content/uploads/2023/01/swel-noticelist10.jpg)
テキスト型
![swell新着情報(お知らせ)リストの作り方テキスト型](https://shimautablog.com/wp-content/uploads/2023/01/swel-noticelist11.jpg)
投稿する記事を絞り込む(投稿ID)
表示/非表示する投稿記事を投稿IDで絞り込むこともできます。
![swell新着情報(お知らせ)リストの作り方投稿記事の絞り方](https://shimautablog.com/wp-content/uploads/2023/01/swel-noticelist12.jpg)
投稿IDを直接指定
新着情報リストに表示したい記事のID番号を入力してください。
例:1000,1200,1300
除外する投稿ID
新着情報リストに表示させたくない記事のID番号を入力してください。
例:1000,1200,1300
投稿する記事を絞り込む(カテゴリー・タグ)
カテゴリーやタグで新着記事を絞り込むこともできます。
表示させたいカテゴリーやタグを選択してください。
![swell新着情報(お知らせ)リストの作り方(投稿記事の絞り方)](https://shimautablog.com/wp-content/uploads/2023/01/swel-noticelist13.jpg)
さいごに
SWELLの投稿リストブロックを使うと簡単に新着リストを作ることができます。
お店や企業などでお知らせ情報をトップページに表示させたい時にぜひ使ってみてください。