これからワードプレスのインストールをする方は下記のサイトにWordPressを始める手順を載せています。
\ サーバーから契約する方はここをクリック!/
![](https://aroma-ecru.com/wp-content/uploads/2022/01/uresiicercle-1-150x150.png)
早く続きを作りたいです!
![](https://aroma-ecru.com/wp-content/uploads/2021/11/setsukosan03_nocamera-150x150.png)
![](https://aroma-ecru.com/wp-content/uploads/2021/11/setsukosan03_nocamera-150x150.png)
![](https://aroma-ecru.com/wp-content/uploads/2021/11/setsukosan03_nocamera-150x150.png)
トップページに投稿一覧を表示させていきましょう!
この記事では投稿一覧をトップページに表示させる方法がわかります。
トップページにブログ一覧を載せることができる!
SWELLはサイト型のテーマですのでトップページは自由自在に作れます。
自分の好きな位置に好きな記事を一覧で載せることができるのが今までになく画期的です。
![](https://aroma-ecru.com/wp-content/uploads/2021/11/setsukosan03_nocamera-150x150.png)
![](https://aroma-ecru.com/wp-content/uploads/2021/11/setsukosan03_nocamera-150x150.png)
![](https://aroma-ecru.com/wp-content/uploads/2021/11/setsukosan03_nocamera-150x150.png)
実はこれって今までありそうでなかったテーマです。自由度が高くブログだけではなくオフィシャルサイトとしても問題なく使えますね。
![SWELLトップページに投稿一覧を表示する](https://aroma-ecru.com/wp-content/uploads/2021/09/db1eb9569e2ad8409222c5f2a53de73c-625x1024.jpg)
![SWELLトップページに投稿一覧を表示する](https://aroma-ecru.com/wp-content/uploads/2021/09/db1eb9569e2ad8409222c5f2a53de73c-625x1024.jpg)
トップページに投稿一覧を表示させる
- 見出しを作る
- ショートカットメニューから「投稿一覧」をクリックする。(ショートカットの中になければすべて表示を押して左側メニューから選ぶ)
![SWELLトップページに投稿一覧を表示する](https://aroma-ecru.com/wp-content/uploads/2021/09/2021-09-22-12.59.39-1024x535.jpg)
![SWELLトップページに投稿一覧を表示する](https://aroma-ecru.com/wp-content/uploads/2021/09/2021-09-22-12.59.39-1024x535.jpg)
デフォルトの場合「表示する投稿数」が3なので好みの表示数に変えることもできます。
![SWELLトップページに投稿一覧を表示する](https://aroma-ecru.com/wp-content/uploads/2021/09/2021-09-22-13.00.00-1024x543.jpg)
![SWELLトップページに投稿一覧を表示する](https://aroma-ecru.com/wp-content/uploads/2021/09/2021-09-22-13.00.00-1024x543.jpg)
ここにすべての投稿が並ぶのがイヤだな〜という場合はカテゴリーを指定して表示させることもできます。
Pickup タブに切り替えて投稿タイプで絞り込むの下向き矢印をクリックして変更できます。
![SWELLトップページに投稿一覧を表示する](https://aroma-ecru.com/wp-content/uploads/2021/09/2021-09-22-13.00.14-1024x537.jpg)
![SWELLトップページに投稿一覧を表示する](https://aroma-ecru.com/wp-content/uploads/2021/09/2021-09-22-13.00.14-1024x537.jpg)
慣れてくればさまざまな条件で表示非表示できるようになります。
たとえばタグで絞ったり一覧には載せたくない記事を非表示にしたりすることも可能です
![](https://aroma-ecru.com/wp-content/uploads/2022/01/uresiicercle-1-150x150.png)
![](https://aroma-ecru.com/wp-content/uploads/2022/01/uresiicercle-1-150x150.png)
![](https://aroma-ecru.com/wp-content/uploads/2022/01/uresiicercle-1-150x150.png)
ブログらしくなってきたのが嬉しいです
![](https://aroma-ecru.com/wp-content/uploads/2021/11/setsukosan03_nocamera-150x150.png)
![](https://aroma-ecru.com/wp-content/uploads/2021/11/setsukosan03_nocamera-150x150.png)
![](https://aroma-ecru.com/wp-content/uploads/2021/11/setsukosan03_nocamera-150x150.png)
だんだんブロックエディタの使い方にも慣れてきたのではないでしょうか?
ブログ一覧ページの固定ページを作る方法
![](https://aroma-ecru.com/wp-content/uploads/2022/01/sinpaicercle-1-150x150.png)
![](https://aroma-ecru.com/wp-content/uploads/2022/01/sinpaicercle-1-150x150.png)
![](https://aroma-ecru.com/wp-content/uploads/2022/01/sinpaicercle-1-150x150.png)
ブログ一覧ページの固定ページ???
![](https://aroma-ecru.com/wp-content/uploads/2021/11/setsukosan03_nocamera-150x150.png)
![](https://aroma-ecru.com/wp-content/uploads/2021/11/setsukosan03_nocamera-150x150.png)
![](https://aroma-ecru.com/wp-content/uploads/2021/11/setsukosan03_nocamera-150x150.png)
わかりにくくてすみません。
固定ページにブログ一覧ページを設定することができるんです
この作業をすることでグローバルメニューにブログ一覧ページを表示させることができます
「固定ページ」→「新規追加」から「blog」というページを作る。
(中身は何も書かなくてOK)
![](https://aroma-ecru.com/wp-content/uploads/2021/09/2021-09-23-16.36.18-1024x498.png)
![](https://aroma-ecru.com/wp-content/uploads/2021/09/2021-09-23-16.36.18-1024x498.png)
「設定」→「表示設定」ホームページの表示の投稿ページ横の下向き矢印をクリックしさきほど作ったblogを選び「変更を保存」する。
![](https://aroma-ecru.com/wp-content/uploads/2021/09/2021-09-23-16.40.27-1-1024x567.jpg)
![](https://aroma-ecru.com/wp-content/uploads/2021/09/2021-09-23-16.40.27-1-1024x567.jpg)
「メニュー」からmain(グローバルナビ)を選び先ほど追加したblogをメニューに追加する
![](https://aroma-ecru.com/wp-content/uploads/2021/09/2021-09-23-16.44.48-1024x487.jpg)
![](https://aroma-ecru.com/wp-content/uploads/2021/09/2021-09-23-16.44.48-1024x487.jpg)
blogというメニューがグローバルナビに追加されています。
![](https://aroma-ecru.com/wp-content/uploads/2021/09/2021-09-23-16.48.42-1024x516.jpg)
![](https://aroma-ecru.com/wp-content/uploads/2021/09/2021-09-23-16.48.42-1024x516.jpg)
続きは固定ページを作ってグローバルナビ・フッターナビを表示する
次の手順はこちら
\ SWELL購入はこちらから /
![](https://aroma-ecru.com/wp-content/uploads/2022/11/0115_xlarge-150x150.jpg)
![](https://aroma-ecru.com/wp-content/uploads/2022/11/0115_xlarge-150x150.jpg)
![](https://aroma-ecru.com/wp-content/uploads/2022/11/0115_xlarge-150x150.jpg)
SWELLのテーマを入れたのはいいけれど、どうやったら素敵なデザインになるの?
ブログを始めたくてSWELLを入れたのにつまづいている・・
そんな方に向けてオンラインレッスンもご用意しております。
コメントを投稿するにはログインしてください。