SHOP Builderを使用して高度なページを追加または編集する際に、既存のブログ記事を高度なページに表示するためのブログパーツを追加できます。また、高度なページ上のブログ画像とテキストのレイアウト比を調整したり、「続きを読む」ボタンを追加したりすることで、ブログ投稿のリーチを増やし、ウェブサイトのトラフィックを増やすことができます。
⚠️ 始める前に：
- SHOP Builderは現在、Ultra Chic、Kingsman、Varm、Philiaテーマテンプレートのみをサポートしています。
- SHOP Builderを使用してページを作成した後、他のテーマテンプレートに切り替えてもページは表示されますが、編集できず、レイアウトが崩れる可能性があります。ページを公開する前にこの点に注意してください。
この記事では、次のことを学びます
1. ブログパーツの追加
ステップ 1
SHOPLINE管理画面に進み、> [オンラインストアデザイン] > [ページ]を選択し、ブログパーツを追加したい高度なページを選択して、高度なページ/編集をクリックして高度なページ設定ページを開きます。
この記事を参照して、高度なページの作成方法を学んでください。
ステップ 2
パーツボタンをクリックします。
ステップ 3
「コンテンツ」パーツの下にあるブログをクリックします。
ステップ 4
左側の編集列にある「数量」ドロップダウンメニューをクリックして、表示したいブログ投稿の数を設定します。
この記事を参照して、ブログ投稿の作成方法を学んでください。
*Note: ブログ投稿はデフォルトで最後に追加された順に並べられます。他の並べ替え順は現在サポートされていません。
ステップ 5
ブログパーツのタイトルを「タイトル」フィールドでカスタマイズできます。タイトルは矢印で示されたロケーションに表示されます。「タイトルの配置」ボタンを使用して、タイトルの位置を調整できます。
ステップ 6
「スタイル」ドロップダウンメニューを使用して、ブログ投稿の表示スタイルを調整します。2種類の表示があります：左右と縦の表示。
- 左右
1. PC版：記事が追加された順に左から右に表示されます。ブログ投稿が4つ以上ある場合、パーツはカルーセル形式で表示されます。
2. モバイル版：レイアウトの制限により、ブログ投稿は追加された順に1つずつ表示され、カルーセル形式で表示されます。
- 縦
1. PC版：記事が追加された順に上から下に配置されます。
2. モバイル版：レイアウトの制限により、ブログ投稿は追加された順に1行ごとに1つずつ表示され、カルーセル形式で表示されます。
ステップ 7
画像の比率設定はPC版とモバイル版の両方で利用可能です。ブログ投稿の画像の表示比率をカスタマイズできます。
ステップ 8
ブログ投稿のタイトル、説明、およびボタンの配置を調整できます。
*Note: この設定はブログ投稿の画像の配置を変更しません。
ステップ 9
「投稿ボタンを表示」トグルをオンにして、各ブログ投稿の下部に「続きを読む」ボタンを表示します。顧客はボタンをクリックして全文を表示できます。
「リストボタンを表示」トグルをオンにして、ブログパーツの下部に「すべて表示」ボタンを表示します。顧客はボタンをクリックしてストアブログに入り、すべての公開されたブログ記事を表示できます。
ステップ 10
4つ以上のブログ投稿を表示している場合、ブログ投稿カルーセルのスクロールバーのスタイルをカスタマイズできます。スタイルは「ボタン」、「ドット」、「スクロールバー」の3種類があります。
- スクロールバーのスタイル：ボタン
- スクロールバーのスタイル：ドット
- スクロールバーのスタイル：スクロールバー
ステップ 11
ウィジェットのパディングバーを使用して、高度なページ上のウィジェット間のスペースをカスタマイズします。
ステップ 12
上記の設定を確認した後、右上の公開ボタンをクリックして、顧客がストアフロントで新しいページコンテンツをすべて表示できるようにします。
2. 注意事項
- 右側のプレビューエリアに適用された機能効果を表示したい場合は、まず左側の編集列の下にある保存をクリックしてください。
- 最大12件のブログ投稿を表示できます。
続きを読む
この記事はAIを使用して翻訳されており、不正確な部分が含まれている可能性があります。最も正確な情報については、元の英語版を参照してください。
コメント