ブログフィードセクション
学べること
Plain Jane または Interactive に最近のブログ投稿を表示する方法
レイアウト、タイポグラフィ、スタイリングをカスタマイズする方法
この ブログフィードセクション 選択したブログから最近のブログ投稿のリストを表示できます。このセクションは、ホームページやセクションをサポートする任意のページに更新情報、ニュース、ルックブック、または編集コンテンツを直接表示するのに便利です。
💡 ヒント: このセクションは Shopify 管理画面で作成した「ブログ投稿」から情報を取得します
オンラインストア > ブログ投稿。表示されるには投稿が公開されている必要があります。
ブログフィードセクションの追加方法
Shopify管理画面から、次へ移動します オンラインストア > テーマ
クリック カスタマイズ アクティブなテーマの隣に
上部のドロップダウンで追加したいページを選択します
左のサイドバーでクリックします セクションを追加
を選択し、 ブログフィードセクション
クリック 保存
ブログフィード設定
📁 コンテンツとデータ
ブログ：表示する投稿の出典となるブログ（Shopify 管理画面から）を選択
ブログヘッダータイトル：ブログフィードの上に表示されるタイトルをカスタマイズ（例：「From Our Journal」）
🖥️ レイアウトと表示
表示する投稿数 – デスクトップ：大きい画面で表示する記事の数
表示する投稿数 – モバイル：小さい画面で表示する記事の数
✍️ タイポグラフィ
タイトルサイズ – デスクトップ / モバイル：ブログヘッダーテキストのサイズを制御
セクションタイトルを太字にする：ブログタイトルを太字にする切り替え
🎨 カラー
各ブログ記事のコンポーネントの外観をカスタマイズします：
背景色
ブログタイトルの色
記事行の背景色
記事のボーダー色
著者テキストの色
記事タイトルの色
記事の日付の色
記事タグの背景／テキスト／ボーダーの色
💅 スタイリング
記事タグの角丸（ボーダー半径）：記事タグ背景の角を丸くする
📏 間隔
セクションの上／下に表示されるパディングの量を設定：
上／下の間隔 – デスクトップ
上／下の間隔 – モバイル
🧑💻 カスタム CSS
を使用して カスタム CSS フィールドを使って独自のスタイルでセクションを微調整できます。
⚠️ 警告: 選択したブログに公開された投稿がない場合、このセクションは公開ストアでは空の状態で表示されます。
ヘルプが必要ですか？
💬 Discord のコミュニティに参加してください： https://discord.gg/hcc2GvgZc6
📧 メールでお問い合わせ： [email protected]
💻 ライブチャット： 月〜金、現地時間（EST）10:00〜18:00 に当社ウェブサイトで直接利用可能
最終更新