「Elementorの記事一覧で1記事だけデザインを出し分けたい(アイキャッチ画像を大きくしたい)」というご質問をいただいたので、簡単にやり方を説明します。
ElementorプラグインPro版の「ポストウィジェット」を利用します。
参考:ElementorPro《有料版》料金のセール情報(キャンペーンで最大50%オフ)
目次
Toggle記事一覧でデザインを出し分けたいときは「offset」を使いましょう
一番最新の新着記事のアイキャッチが大きく表示されていて、他の記事はミニマムに表示されているWebサイトのデザインはよく見かけると思います。
ただしポストウィジェットを2つ使って普通に実装しようと思うと、最新の記事が重複してしまいます。そのようなときはOffsetを使いましょう。
(上)表示させたい記事が重複している
(下)Offsetの設定をしたため、表示させたい記事が重複していない
Offsetの設定手順
今回の場合は右側のポストウィジェットの設定を変更します。コンテンツ>Query>投稿を選択し、「Exclude」をクリック。
Offsetが出現するので、「1」を入力します。
これで一番最新の記事は表示されなくなります。2を入れた場合は、日付が新しい1記事目と2記事目が表示されなくなります。
Elementorの操作でお困りの場合はお気軽にご相談ください
はっちゃんセミナーでは、このようなElementorに関したお困りのことがあれば、個人レッスンにてご対応いたします!
Elementorを利用したテンプレートも8,800円から購入可能です。
事前相談も無料ですので、ぜひお気軽にご相談ください。