記事リスト要素

記事リスト要素とは何ですか?

記事リストは、GemPages エディター バージョン 7 の新しい要素です。これにより、XNUMX ページに XNUMX つまたは複数のブログ投稿をリストできます。 

この要素は、ターゲット ユーザーとコンバージョン目標に合わせてカスタマイズされた最適なコンテンツを表示するのに役立ちます。

記事リスト要素が更新されたので、GemPages エディター v7 で次の操作を行うことができます。

• 直帰率を下げる: サイト上に価値の高いコンテンツを充実させることで、潜在顧客の滞在期間を延ばせる可能性が高まります。また、顧客のインサイトに役立つ関連性の高いコンテンツを掲載することをお勧めします。 
• 現在の SEO の取り組みを強化する: 最新の記事を更新して表示することで、Googleなどの検索エンジンでのランキングが向上します。ランキングが上がれば、トラフィックも増加します。
• ブランド認知度を拡大: ブランドアイデンティティは、ブログ投稿を含む複数のタッチポイントで一貫して表現される必要があります。ブログサイトからの長文コンテンツは、ブランドストーリーを伝える最適な方法の一つです。 

記事リスト要素をページに追加するにはどうすればよいですか?

ステップ1： アクセス GemPagesダッシュボード > ページをクリックし、対象のページをクリックしてエディターを見つけます。

ステップ2： 左側のサイドバーから、 記事リスト要素 ページ上の希望の位置にドラッグ アンド ドロップします。

ステップ3： 要素をクリックすると設定が開き、さらにカスタマイズできます。

設定タブを構成する

下 設定 タブでは、要素の表示を好みに応じてカスタマイズできます。

ソース記事

記事リスト要素を追加するときに、ページに複数のブログ投稿を表示するように選択し、ページに表示される投稿を具体的に選択することができます（記事を選択).

複数のブログ投稿を同時に表示したくない場合は、「ブログ” と入力して、ブログを 1 つずつ表示します。

お願いShopifyのブログ投稿は10分ごとに同期されます。すぐに同期したい場合は、 再度同期.

ディスプレイ

記事リスト要素では、以下から表示を選択できます。 1～6件の記事 1 行に。1 つのセクションには複数の記事リストが含まれる場合があることに注意してください。各記事リストには複数の行が含まれる場合があります。

アイテム間隔

• 列間隔: このセクションが 2 つ以上の列 (XNUMX つの記事から) に分割されている場合は、列間の間隔を調整します。
• 行間隔: このセクションが 4 行以上 (XNUMX つの記事から) に分割されている場合は、行間の間隔を調整します。

列間隔が大きいほど、ブログ投稿の注目の画像が小さく表示されることに注意してください。

サイズ

この設定は要素のサイズを指します。つまり、記事リスト要素を1つのセクションに表示することができます。 全幅 （100％）を デフォルトの幅 （1200ピクセル）、または 幅をカスタマイズする あなたの好みに応じて。

幅を「フル」に設定した場合:

幅をデフォルトに設定した場合:

また、記事リストセクションの見栄えを最適にするために、パディングを好みに合わせて調整します。

経歴

この設定を使用して、好みに応じてセクション全体の背景色を変更します。

カラーコードを入力するか、カラーサンプルから選択するか、カラーピッカーを使用してください。また、 最近の色 の三脚と あなたにおすすめ 一覧表示します。

形状

シェイプ設定は、記事リスト要素を含むセクション全体に適用されます。

• ボーダー: 記事リストセクションの境界線の色、太さ、線を変更できます。

• コーナー: セクションの角は、四角形、角丸四角形、または丸形にすることができます。

• Shadow: 記事リストセクションに影を追加し、影の表示（サイズ、色、ぼかし、距離）を調整できます。

詳細タブを設定する

より高度なカスタマイズについては、「詳細設定」タブに移動し、 この記事.

GemPages Editor v7のより高度なカスタマイズについては、 ジェムページアカデミー さらに役立つヒントやビデオチュートリアルが見つかります。

よくあるご質問

1. GemPages でブログのプレビュー画像を変更するにはどうすればよいですか?

に行く Shopify管理者 > ブログの記事 > 注目の画像ご希望の画像をアップロードし、GemPagesに戻ってクリックします。 再度同期 記事リストの設定で。

2. ブログのプレビュー画像が更新されません。どうすればいいですか？

Shopifyのブログ投稿設定で画像が保存されていることを確認してください。その後、GemPagesを更新して 再度同期 更新する。

3. ページごとに異なるブログプレビュー画像を設定できますか?

いいえ。ブログのプレビュー画像はShopifyのブログ投稿自体にリンクされています。画像を変更すると、そのブログ投稿が表示される場所のプレビューも更新されます。

4. ブログのプレビュー画像に最適な画像サイズはどれですか?

お勧め 1200 628 X PX 品質と読み込み速度のバランスを最適にするには、JPEG または WebP 形式 (横長) を選択してください。