![](https://hrdyuic.com/wp-content/uploads/8335d558d151e09a696fb916ebabfbd5.png)
SWELLで人気記事一覧ページを作成する方法を教えてほしいです。
こういった悩みにお答えします。
本記事で解決できること
- 人気記事一覧ページを作成する方法
是非、最後までご覧ください。
News
以下にブロックエディタで使えるSWELL専用機能の記事をまとめていますので、良ければご覧ください。
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://hrdyuic.com/wp-content/uploads/text-editor-1794110_1920.jpg)
![](https://hrdyuic.com/wp-content/uploads/text-editor-1794110_1920.jpg)
![](https://hrdyuic.com/wp-content/uploads/text-editor-1794110_1920.jpg)
【SWELLブロックエディタ使い方ガイド】テーマ専用機能まとめ
SWELLでのブロックエディタの使い方を知りたいですか?本記事では、ブロックツールバーで使えるSWELL専用機能やWordPress標準搭載のブロックをカスタマイズしたブロック、SWELL専用のカスタムブロックの使い方を解説しています。SWELLでのブロックエディタの使い方を知りたい方は是非ご覧ください。
本記事の内容
【SWELL】人気記事一覧ページを作成する方法
人気記事一覧ページを作成
管理画面メニューから、「固定ページ」>「新規固定ページを追加」を選択します。
![](https://hrdyuic.com/wp-content/uploads/36c8516937f9902ef54a2f4131d343bf.jpg)
![](https://hrdyuic.com/wp-content/uploads/36c8516937f9902ef54a2f4131d343bf.jpg)
「タイトル」を入力します。 ※ お好きなタイトルでOKです。
![](https://hrdyuic.com/wp-content/uploads/74aeef73c3b0e5c4a0fb294f2ed2b5b9.jpg)
![](https://hrdyuic.com/wp-content/uploads/74aeef73c3b0e5c4a0fb294f2ed2b5b9.jpg)
(設定)の「固定ページ」>「概要」からテンプレートとURLを決めます。
![](https://hrdyuic.com/wp-content/uploads/4cc6e6142380cb92eef5bd0b353d91a9.jpg)
![](https://hrdyuic.com/wp-content/uploads/4cc6e6142380cb92eef5bd0b353d91a9.jpg)
- テンプレート:「人気記事一覧」を選択します。
- URL:「popular-posts」にしました。 ※ お好きなURLでOKです。
![](https://hrdyuic.com/wp-content/uploads/e2235ac5b1c6bfba00e5cc637dc1925f.jpg)
![](https://hrdyuic.com/wp-content/uploads/e2235ac5b1c6bfba00e5cc637dc1925f.jpg)
(設定)の「固定ページ」>「SWELL設定」からサブタイトルとタイトルの背景画像を決めます。
ここの設定は、しなくても人気記事一覧ページは表示されますので飛ばしても構いません。
![](https://hrdyuic.com/wp-content/uploads/3b3137142db8497a87a967bf9bdb2aed.jpg)
![](https://hrdyuic.com/wp-content/uploads/3b3137142db8497a87a967bf9bdb2aed.jpg)
- サブタイトル:「popular」 ※ お好きなサブタイトルでOKです。
- タイトルの背景画像:下記画像にしました。 ※ お好きな背景画像でOKです。
![](https://hrdyuic.com/wp-content/uploads/b677a5009aea71cd80d86d989da16fc9.jpg)
![](https://hrdyuic.com/wp-content/uploads/b677a5009aea71cd80d86d989da16fc9.jpg)
最後に「公開」して人気記事一覧ページの完成です。
人気記事一覧ページを表示
「ページを表示」や「
(プレビュー)」、「 (固定ページを表示)」から表示させます。![](https://hrdyuic.com/wp-content/uploads/1eff86d302d0bda0efe0792fdc49332d.jpg)
![](https://hrdyuic.com/wp-content/uploads/1eff86d302d0bda0efe0792fdc49332d.jpg)
人気記事一覧ページを見る
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-popular-posts-2024-01-07-10_35_20-1280x6559.jpg)
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-popular-posts-2024-01-07-10_35_20-1280x6559.jpg)
News
以下にブロックエディタで使えるSWELL専用機能の記事をまとめていますので、良ければご覧ください。
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://hrdyuic.com/wp-content/uploads/text-editor-1794110_1920.jpg)
![](https://hrdyuic.com/wp-content/uploads/text-editor-1794110_1920.jpg)
![](https://hrdyuic.com/wp-content/uploads/text-editor-1794110_1920.jpg)
【SWELLブロックエディタ使い方ガイド】テーマ専用機能まとめ
SWELLでのブロックエディタの使い方を知りたいですか?本記事では、ブロックツールバーで使えるSWELL専用機能やWordPress標準搭載のブロックをカスタマイズしたブロック、SWELL専用のカスタムブロックの使い方を解説しています。SWELLでのブロックエディタの使い方を知りたい方は是非ご覧ください。
今回は以上です。