ElementorでNew!がついたお知らせセクションの作り方 – 新着記事の表示自由自在

1700313956_maxresdefault-1177310-5448080-jpg アーカイブ



JetEngineとElementor Proを使えば、サイトで何か新着情報のお知らせをするときに、最新記事だということがわかるように[New!]というサインが動的に一定期間表示ができるようにすることができます。
動的なお知らせセクションの作り方、設定方法をぜひご覧くださいね!

▼Jetプラグインを学ぶ

Crocoblock: https://crocoblock.com/?ref=755
Elementor Pro: https://nocodeweb.jp/_o/elementor/
Divi: https://nocodeweb.jp/_o/divi/
Diviを試せるサイト: https://demodivi.com/

▼無料Elementor Proの使い方コース: https://www.youtube.com/playlist?list=PLenixvQjUy7BF-g3AIiKlgq32yNC9_mrj

▼コード書かないウェブ制作を学ぶ人のコミュニティ『TOFUラボ』!
https://tofulab.app/

▼ナオミの無料メルマガ登録!
https://nocodeweb.jp/register-mail/?from=yt&v=jetengine-new-section

▼コード書かないウェブ制作のお仕事をしてる3人のサクセスストーリー
https://crm.tofulab.app/web-business-3-success-stories/?f=yt&v=jetengine-new-section

▼Elementorを学びたい人は『nocodeweb.jp』で!
https://nocodeweb.jp/

▼ナオミのTwitter

▼ウェブ制作の構築以外の部分https://www.youtube.com/watch?v=fC6FyY0f2uo&list=PLenixvQjUy7CM_wxB-Y5kgTvIZgamcp78&index=1

▼無料Elementorの使い方コース: https://www.youtube.com/playlist?list=PLenixvQjUy7BM3pKBoETP2j9hY4u059i4

▼Elementor Pro: https://trk.elementor.com/tofu

目次
00:00 オープニング(今回紹介するものの説明)
00:48 TOFUラボの紹介
01:32 ナオミの無料メルマガの紹介
02:29 今回使用するプラグインの紹介
03:07 JetEngineの『Dynamic Visibility for Widgets and Sections』をオンにする
03:29 JetEngineのListingsで新規追加をする
03:55 お知らせのテンプレートを作成する
04:41 固定ページで新規追加をする
08:02 Elementorの編集画面にListing Gridウィジェットを挿入する
08:43 JetEngineのListingsに戻り『New』を特定の期間だけ表示させるための設定をする
11:31 エンディング

▼オススメのプラグイン
Elementor Happy Addons: https://nocodeweb.jp/happyaddons/
Elmentor Premium Addons: https://nocodeweb.jp/_o/premiumaddons/
Divi Supreme: https://nocodeweb.jp/_o/divisupreme/

▼オススメのWordPressホスティング
エックスサーバー: https://nocodeweb.jp/how-to-install-wordpress-on-xserver/
ConoHa WING: https://nocodeweb.jp/_o/conohawing/

▼Elementorと使うオススメのテーマ
Astra: https://nocodeweb.jp/_o/astra
Hello: https://elementor.com/hello-theme/

▼チュートリアル記事
Elementor Proの購入ガイド: https://nocodeweb.jp/elementor/get-pro/
Diviの購入ガイド: https://nocodeweb.jp/divi/get/
Elementor Proの使い方: https://nocodeweb.jp/elementor/
Diviの使い方: https://nocodeweb.jp/divi/

#Elementor #jetengine #crocoblock

Comments

タイトルとURLをコピーしました