Elementor（エレメンター）で記事一覧を表示させるにはいくつか方法がありますが、エレメンターの無料版だと「ポストウィジェット」を選択できません。
記事中に記事一覧を表示させるには、有料版にすればいいのですが、エレメンターは無料であっても多くの機能があるので、なるべく無料版のまま投稿一覧を表示させたい、という場合もあるでしょう。
ここでは、投稿一覧を表示できるプラグインのご紹介と生成例をご紹介します。
※この記事で実際に投稿リストを表示させていますが、記事の構造的に、記事タイトルは見出し5あたりで生成しています。
Eleblog - Elementor Blog And Magazine Addonsプラグイン
エレメンターで記事一覧を表示するためのプラグイン「Eleblog – Elementor Blog And Magazine Addons」です。
https://ja.wordpress.org/plugins/ele-blog/
プラグインをインストールして有効化すると、エレメンターの操作パネルにウィジェットが表示されます。
Eleblogも無料版と有料版があり、無料版だと選べるスタイルは３つまでです。
ただ、各スタイル内でもデザインはいくつか選択できますから、凝ったデザインを希望する場合には有料版に切り替える検討をすればよいでしょう。
All in One SEOの警告で見て知って、表向きにはわからなかったため、ちょっとショック。 プラグインページに事前にアナウンスがないだけに、うーん・・有料版に切り替えれば、そのような動きをしないのか？もしれませんし、このような仕様は無料版のプラグインやJSなどにまぁまぁある仕様ですが、なにもH1で出す必要ないでしょ・・と思ってしまいました。
なので、一応紹介はしておきますが、自己責任で＾＾；
Eleblogで生成した記事一覧のスタイル例
無料版の投稿一覧を出力してみます。カラム数や表示させるカテゴリー、並び順、タイトルの見出し設定、概要の文字数などは細かく設定可能です。
スタイルを選べますが、サムネイルの表示/非表示の切り替えやサイズなどの設定はできませんでした。
Jeg Elementor Kit
「Jeg Elementor Kit」エレメンター無料版で足りない要素をスマートに補ってくれて、個人的に好きなプラグインの一つです。
記事の一覧はブロック型とリスト形式の２つ。
Jeg Elementorで生成した記事一覧のスタイル例
スタイルはいくつか選択ができ、サムネイルの大きさやカラム数なども設定可能なので、自分好みにカスタマイズもできますね。
JKit-Post Block
こちらは「Style1」のバージョン。「RM」はReadMoreの略のようです。
JKit-Post List
Happy Elementor Addons
Happy Elementor Addonsもエレメンターのウィジェット機能を豊富にしてくれるお気に入りのプラグインの一つです。ウィジェットだけでなく、既存のウィジェットにカラム単位でリンクが張れるようになるなど、【痒い所に手が届く】機能が追加できる、個人的には必須のプラグインです。
Happy Elementor Addonsで生成した記事一覧のスタイル例
Happy Elementor Addonsには「Postlist」というウィジェットがあります。
Happy Elementor Addons Post List
「JKit-Post List」に少し似ていますが、シンプルに投稿一覧をリスト化でき、デザインも色々なテーマに馴染みそう。サムネイルを表示させるかさせないか、など設定事項も色々できます。こちらもやり方次第では、「更新履歴」や「ニュース」などの一覧に使えそうです。
こちらは「PostList」のバージョン。サムネイルを表示させる/させないなどの設定が可能。Block型よりはシンプルな印象。企業サイトのTOPにあるような、【最近の更新】や【ニュースリリース】などに使えそうですね。
Essential Addons for Elementor
Essential Addons for Elementorも使っている人が多いプラグインの一つです。よくあるウィジェットの他、カートのウィジェットも多いので、ElementorでECをやりたい人は入れておくと便利でしょう。
Essential Addons for Elementorで生成した記事一覧のスタイル例
Essential Addons for Elementor は有料版もあり、有料版の方に「Post Block」などがありますが、無料版のまま投稿一覧に使えそうなウィジェットは「PostGrid」ウィジェットかな、と思います。こちらもカラムや表示する内容などを細かく設定できます。
Essential Addons for Elementor のPostGrid
コメント