コンテンツにスキップ
アプリをインストール
日本語

ブログ記事

最新のブログ記事や選んだブログ記事をメニューに表示します。

リファレンス Growth Navigation · Pro Navigation 4 分で読めます

Shopify のブログ記事を、アイキャッチ画像とタイトル付きで表示します。ガイド、ルックブック、ニュースへの誘導に使えます。

ブロックを追加する

  1. レイアウトを選ぶ

    プレビューのメガメニューパネルで ブロックを追加 をクリックします。ブログ をクリックし、レイアウトにカーソルを合わせて 選択 をクリックします。最新のブログ記事(1つのブログの最新記事)または 記事(選んだ記事のみ)を選べます。

    (1) ブログをクリック、(2) 最新のブログ記事または記事を選ぶ。
  2. コンテンツを選ぶ

    最新のブログ記事 の場合は、ブログ の下の ブログを選択 をクリックし、記事数 を設定します。記事 の場合は、記事 の下の 記事を選択 をクリックします。

    プレビューの ブログ記事 ブロックと、項目を編集に表示される設定。
  3. 保存して公開する

    以下の設定を調整し、保存 と 公開 をクリックします。

設定

タイトル / リンクデフォルト: 空
記事の上に表示する見出し(例:「ブログより」)とそのリンク先。
幅デフォルト: 100%
ブロックがメガメニューの行のどのくらいを占めるか。自動 または 8.33% から 100%。
リスト表示デフォルト: グリッド
カルーセル、リスト、グリッド。
記事数デフォルト: 4
最新のブログ記事 のみ:表示する最新記事の数。
ブログデフォルト: なし
最新のブログ記事 のみ:記事を取得するブログ。
記事デフォルト: なし
記事 のみ:選んだ記事。
1行あたりの項目数デフォルト: 4
グリッド と カルーセル のみ:1、2、3、4、6。
項目の表示デフォルト: 画像を上に
画像を上に または 画像を左に。
画像比率デフォルト: 自動
自動、1:1、4:3、3:4、16:9、9:16。
表示設定デフォルト: オフ
デスクトップで非表示、モバイルで非表示、ログイン時は非表示、ログイン時のみ表示、公開を予約。すべてのブロック共通の設定をご覧ください。

ヒント

  • 記事カードを横に並べる場合は、グリッド と 画像を上に を使います。狭い列には、リスト と 画像を左に が向いています。
  • 記事はリアルタイムで読み込まれるため、最新のブログ記事 ブロックは新しい投稿を自動で表示します。

トラブルシューティング

記事にグレーのプレースホルダーが表示される

記事にアイキャッチ画像がありません。Shopify 管理画面で記事に画像を追加してください。

選んだ記事が表示されない

記事を削除したか、ハンドル(URL)を変更した可能性があります。ブロックを開いて、もう一度記事を選んでください。Shopify 管理画面での変更がメニューに反映されないをご覧ください。

このページは役に立ちましたか?

問題を報告