WordPressで作るウェブサイト&サイト運営・集客をわかりやすく学べます

WordPressで作るウェブサイト&サイト運営・集客をわかりやすく学べます

色々な新着記事の表示方法&カテゴリー毎の出し分け方法

色々な新着記事の表示方法&カテゴリー毎の出し分け方法

2023年2月1日からスタートした2ヶ月間のWordPressサイト制作実践講座 で、2/15(水)13:00〜15:00に開催した「色々な新着記事の表示方法&カテゴリー毎の出し分け方法」の内容を紹介します。

WordPressサイト制作実践講座」は現在、受講生募集中です!
12周年キャンペーン価格で44,000円でご受講いただけます。

 受講生の方は、ログインして録画講座を視聴できます。

WordPressサイト制作実践講座の受講生の方はこちらからログインして動画を視聴してくださいね。

★ 受講生の方は、今回のセミナー資料も見ることができますのでログインしてご確認下さい。

実際に作成したデモページはこちら

https://company1.10rachan.tokyo/news2/

色々な新着記事の表示方法&カテゴリー毎の出し分け方法を掲載しています。

Elementorで新着記事を表示させるには?

Elementorプラグインの無料版は「ポスト」ウィジェットが使えないです。

もしElementorProを使っているなら、「ポスト」ウィジェットを使って新着記事を表示できます。

しかし、Elementorの無料版ではこのウィジェットは使えないので、無料版を利用しているみなさんは、プラグインを活用しましょう。新着記事一覧が表示できるプラグインはたくさんありますのでいくつか紹介します。

 

Elementor Proの「ポスト」ウィジェット機能

ElementorProを使っているなら、「ポスト」ウィジェットを使って新着記事が出力することができます。

このような見え方になります。

実際の動きはこちらのページを見てください。

色々な新着記事の表示方法&カテゴリー毎の出し分け方法を掲載しています。

 

Post Grid Elementor Addon

Post Grid Elementor Addon – WordPress プラグイン
https://ja.wordpress.org/plugins/post-grid-elementor-addon/

プラグインを有効化すると、Elementorのウィジェットとして「Post Grid」ウィジェットが追加されます。Elementor Pro版のPost表示ウィジェットと操作は似ています。直感的にすぐ操作ができますよ。

 

AnWP Post Grid and Post Carousel Slider
for Elementor

AnWP Post Grid and Post Carousel Slider for Elementor
https://wordpress.org/plugins/anwp-post-grid-for-elementor/

AnWP Post Grid and Post Carousel Sliderの表示例

カルーセルでの動きはこちらのページを見てください。

色々な新着記事の表示方法&カテゴリー毎の出し分け方法を掲載しています。

 

AnWP Post Grid プラグインでアイキャッチ画像が表示されない場合はこちらの記事を見てください。

Elementorプラグインを補足するプラグインのAnWP Post Grid and Post Carousel Slider for Elementorプラグインでアイキャッチ画像が表示されない場合の解決方法を紹介記事です。

日本人が好む表示&「新着」表示スタイルのWhat’s New Generator

最終更新が5年前のためバックアップをとってからの利用を推奨します。

What’s New Generatorは、投稿、固定ページ、ウィジェットに新着情報を表示するプラグインです。
期間を指定してタイトルにNEW!マークを表示させることができます。

使い方はこちらに記載しています。

【WordPress】ホームページの新着情報の作り方(What's New Generatorプラグイン)

 

Lightningテーマの「VK All in One Expansion」プラグインの「VK 最近の投稿」での新着記事の表示

プラグインを有効化すると、Elementorのウィジェット欄で一番下までスクロールしましょう。「WORDPRESS」をクリックするとでてくる「VK 最近の投稿」を利用します。

アイキャッチ画像のありなし選べます。

カテゴリーで出し分けをすることができます。

「お知らせ」だけ、「ブログ」だけ等カテゴリーやタグ毎に表示を出し分けができます。

カテゴリー等のタクソノミーIDを調べる方法

「投稿」>「カテゴリー」or「タグ」>をクリックし設定ページから、カーソルを上に載せるか、カテゴリーをクリックして編集ページを表示します。

 

カテゴリーIDの例

https://example.com/wp-admin/term.php?taxonomy=category&tag_ID=21&post_type=post&wp_http_referer=%2Fwp-admin%2Fedit-tags.php%3Ftaxonomy%3Dcategory

この場合は、21がカテゴリーID(タクソノミーID)になります。

 

 

 

新着記事を表示させるプラグインは他にも本当に色々なプラグインがあります

 WordPressのプラグインで「Elementor Post」で検索するとたくさんのアドオンが見つかります
https://ja.wordpress.org/plugins/

色々試してみましょう。

Elementorプラグインを補足するプラグイン(アドオン)について、普通の「プラグイン」は、WordPressの機能を補いますが、特定のプラグインを補足するプラグインは「アドオン」と呼ばれます。

今回の講座ではこちらも試しましたが個人的には少し使いにくかったですね。

 

他にもたくさんあるので自分に合ったものを選んでくださいね!

実際に作成したデモページはこちら

https://company1.10rachan.tokyo/news2/

色々な新着記事の表示方法&カテゴリー毎の出し分け方法を掲載しています。

 開催中のWordPress講座・セミナー

サイト制作&運営のお悩みを解決しませんか?

~ あなたのための特別カリキュラムでお悩み解決 ~
・制作・運営のちょっとした困ったを解決!
・集客&効率化のアドバイスも!
・オンラインレッスンだから全国どこでも参加可能
・受講後も安心!メールサポート付き

【東京開催】対面レッスンのElementor講座

~ 対面でのセミナーを再開しました~
ノーコードで簡単にデザインができる
大人気プラグイン「Elementor」の対面での講座です。

新しいWordPress作成のスタンダード!

~ Elementorでサイトデザインを作ってみよう ~
WordPressでの制作はこれから大きく変化します!
テーマを選んで当てはめていく作り方から、
自分で自由にデザインし、テーマまで作れるオンライン講座です。

 はっちゃんセミナー公式SNS

 はっちゃんYouTubeチャンネル

無料セミナー・お役立ち情報を配信中!

公式メールマガジンもあります!

新着情報

  ピックアップ講座

WordPressに限らず、Canvaの画像編集やサイト運営に関係する内容と、受講生さんからのご質問等で共通な内容も掲載していきます。

  ピックアップ記事

  おすすめ画像編集ツール

Canvaバナー
おすすめ画像編集ソフトです。当サイトのアイキャッチ画像やバナー、Instagram用の画像や当サイトのチラシもこちらのCanvaで作っていますよ!無料版で十分です。

 

 カテゴリー
公式Facebook
公式LINEアカウント

友だち追加

こちらのURLからお友だち登録できます。
https://lin.ee/CbqqEEI

公式メールマガジン

こちらのURLからメルマガに登録できます。https://www.8seminar.com/mailmagazine-form

PAGE TOP