このページでは、SWELLで使用できる「人気記事記事」ウィジェット機能に関しての説明をしていきます。
「外観」>「ウィジェット」からウィジェット編集ページへ移動すると、画面左側に使用できるウィジェットアイテムが整列しています。
この中から、[SWELL]人気記事と表示されているアイテムを使用することで、ビュー数の多い順に記事をリスト表示することができます。
![ウィジェット編集ページ](https://swell-theme.com/wp-content/uploads/2019/03/widget_rank_posts.png)
目次
カスタマイズ項目について
このウィジェットでカスタマイズできる項目は以下の通りです。
- ウィジェットタイトル(デフォルト:「人気記事」)
- 投稿の表示件数
- 投稿リストをカード型で表示するか・リスト型で表示するか
- 投稿日を表示するか
- カテゴリーを表示するか
- PV数(ビュー数)を表示するか
表示例
左がリスト型・右がカード型です。
![リスト型の表示](https://swell-theme.com/wp-content/uploads/2019/03/rank_posts_01.png)
![カード型の表示](https://swell-theme.com/wp-content/uploads/2019/03/rank_posts_02.png)
設定例
当サイトでは、「フッター(PC)2」にて使用しています。
![SWELLでの設定](https://swell-theme.com/wp-content/uploads/2019/03/swell_rank_list-682x1024.png)
追記:「表示させないページ種別」の設定項目を追加
ver 1.2.2 アップデートにて、「表示させないページ種別」を設定することができるようになっています。
ウィジェットアイテムの設定項目に以下のような項目が追加されています。
![非表示にするページ種別の設定欄](https://swell-theme.com/wp-content/uploads/2019/03/widget_hidepage_setting.png)
例えば、「トップページ」にチェックを入れた場合、トップページではこのウィジェットは表示されません。
追記:「1位を大きく表示する」の設定項目を追加
「1位を大きく表示する」のチェックを入れると、カード型でスマホのサイドバーに設置した時などに以下のような表示になります。
![1位を大きく表示した例](https://swell-theme.com/wp-content/uploads/2019/03/rank_list_first_big.png)