YouTubeで音声を自動でテキスト化する「文字起こし機能」を紹介します【英語学習｜コピペ可能｜プレゼン資料】
Menglish
Elementorでブログカードを設定する方法【loop｜loopグリッド｜WordPress】
Elementorでブログカードなどの動的な要素はどうやって設定するの？
本記事ではこういった疑問にお答えし、Elementorでブログカードを設定する方法について解説します。
初心者でも直感的に使える！
Elementorってなに？
Elementorはドラッグ＆ドロップ形式で、簡単にWordpressページが作れるプラグイン型ページビルダーです。コーディング知識ナシでも簡単に素早くHPを作ることができ、コーディングが苦手なWebデザイナーさんにもオススメ。
ぜひ実際に利用して確かめてみてください！
Elementorでは、ひとつのテンプレートをいくつものエントリーに適用するブログカードなどをLoopと呼びます。
本記事では次のようなことを紹介します。
- Loopの使い方
- Loopを使うときのコツ
- Loopを使うときの注意点
それでは詳しく見ていきましょう。
目次
Loopの設定方法
①Elementor WidgetからLoop Gridをドラッグ＆ドロップします。
②最初はLoopがないので、Create Templateを選択します。
③ブログカードをビルドする。
Create Templateを選択すると、編集画面に小さいElementor編集画面が現れます。ここでは各ブログカードの設定を行っていると考えてください。
例として、次のようなブログカードを作成しました。ページ構成は右側のNavigationに表示されている通りです。
③Save & Back
ブログカードが完成したら、Save & Backを選択してメイン画面に戻ります。
この際、ブログ記事が既にある場合は他の記事もメイン画面に表示されます。
次のステップのため、Loop Grid右上の鉛筆マークをクリックします。
④ページ内でのブログカードの表示設定を変更する
ブログカードを設置したページ内でのブログカードの表示を設定します。
ここではグリッド、ページネーション、クエリなどが設定可能です。
⑤ブログカードテンプレートの管理
作成したLoopテンプレートはテーマビルダー内のLoop itemに格納されます。
Loopを使うときのコツ
ブログカードを表示するページ内でテンプレートを制作する
ブログカードはテーマビルダー > Loop itemでも設定できますが、表示するページ内でテンプレートを設定することをオススメします。
Loop item経由で設定したテンプレートはページ内で使うとうまく表示されないことがあり、せっかく設定したブログカードがガタガタになる…なんてこともあります。
動的タグを使って動的にウィジェットを設定する
ブログカードは動的で、エントリによってタイトルやアイキャッチが変わります。
これらがうまく引用されるように、ブログカードのウィジェットは動的に設定される必要があります。
ブログカードをビルドする画面では、Recommendedの欄に動的なウィジェットが優先的に表示されるようになっており、これらをドラッグ＆ドロップすれば動的な設定ができるようになっています。
公開前には念のため、サムネ画像やタイトル、冒頭などが動的になっているか確認しましょう。
個人的には紹介したようなRecommendedに表示されている動的ウィジェットを使うことより、動的タグを使って静的ウィジェットに変換する方法をオススメしています。
こちらの記事に詳しく解説していますので、合わせてご覧になってください。
あわせて読みたい
Elementorでブログカードを設定する方法【loop｜loopグリッド｜WordPress】
また、ブログの冒頭を表示する設定について、バグのためPost Exerptはうまく機能しません。
ワークアラウンドについてはこちらにまとめました。
あわせて読みたい
Elementorでブログカードを設定する方法【loop｜loopグリッド｜WordPress】
まとめ
以上「Elementorでブログカードを設定する方法」でした！
「役に立った」と思っていただけたら、シェアいただけますと幸いです。ブログやWEBサイトなどでのご紹介もとても嬉しいです!
コーディング知識ナシでも簡単に素早くHPを作ろう！
WordPressページビルダー「Elementor」
Elementorはドラッグ＆ドロップ形式で、簡単にWordpressページが作れるプラグイン型ページビルダーです。コーディング知識ナシでも簡単に素早くHPを作ることができ、コーディングが苦手なWebデザイナーさんにもオススメ。無料版から利用開始できます。ぜひご利用ください！
ABOUT ME
アメリカ東海岸在住歴10+年のフリーランスイラストレーター。めおと読みます。旅行が大好きです。フリーランス、英語、海外キャリア、ビザ、海外生活について書きます。
