Shopify のブログ記事を、アイキャッチ画像とタイトル付きで表示します。ガイド、ルックブック、ニュースへの誘導に使えます。
ブロックを追加する
-
レイアウトを選ぶ
プレビューのメガメニューパネルで ブロックを追加 をクリックします。ブログ をクリックし、レイアウトにカーソルを合わせて 選択 をクリックします。最新のブログ記事(1つのブログの最新記事)または 記事(選んだ記事のみ)を選べます。
(1) ブログをクリック、(2) 最新のブログ記事または記事を選ぶ。 -
コンテンツを選ぶ
最新のブログ記事 の場合は、ブログ の下の ブログを選択 をクリックし、記事数 を設定します。記事 の場合は、記事 の下の 記事を選択 をクリックします。
プレビューの ブログ記事 ブロックと、項目を編集に表示される設定。 -
保存して公開する
以下の設定を調整し、保存 と 公開 をクリックします。
設定
- タイトル / リンク
- 記事の上に表示する見出し(例:「ブログより」)とそのリンク先。
- 幅
- ブロックがメガメニューの行のどのくらいを占めるか。自動 または 8.33% から 100%。
- リスト表示
- カルーセル、リスト、グリッド。
- 記事数
- 最新のブログ記事 のみ:表示する最新記事の数。
- ブログ
- 最新のブログ記事 のみ:記事を取得するブログ。
- 記事
- 記事 のみ:選んだ記事。
- 1行あたりの項目数
- グリッド と カルーセル のみ:1、2、3、4、6。
- 項目の表示
- 画像を上に または 画像を左に。
- 画像比率
- 自動、1:1、4:3、3:4、16:9、9:16。
- 表示設定
- デスクトップで非表示、モバイルで非表示、ログイン時は非表示、ログイン時のみ表示、公開を予約。すべてのブロック共通の設定をご覧ください。
ヒント
- 記事カードを横に並べる場合は、グリッド と 画像を上に を使います。狭い列には、リスト と 画像を左に が向いています。
- 記事はリアルタイムで読み込まれるため、最新のブログ記事 ブロックは新しい投稿を自動で表示します。
トラブルシューティング
記事にグレーのプレースホルダーが表示される
記事にアイキャッチ画像がありません。Shopify 管理画面で記事に画像を追加してください。
選んだ記事が表示されない
記事を削除したか、ハンドル(URL)を変更した可能性があります。ブロックを開いて、もう一度記事を選んでください。Shopify 管理画面での変更がメニューに反映されないをご覧ください。
このページは役に立ちましたか?
フィードバックありがとうございます。 足りなかった情報を教える
問題を報告