こんにちは、makeshopのあらいです。
いつもmakeshopをご利用いただきありがとうございます。
今回は、PCのトップページにお知らせを表示する方法をご紹介します!
『お知らせ』は管理画面の「お知らせの管理」から設定できます。
設定方法は、オンラインマニュアル「お知らせの管理」をご参考ください。
こんなお悩みありませんか?
・トップページにお知らせを表示したい
・トップページのお知らせ表示数を変更したい・・
◆スマホでの表示方法はPCと異なるので、下記をご参考ください。
スマホにもお知らせを表示したい【基本編】
スマホにお知らせを表示したい【カスタマイズ編】
PCのトップページにお知らせを表示しよう!
「ベーシックモード」各カスタマイズテンプレートの初期値のソースを適用することで、トップページにお知らせを表示することができます。(※【WIDELY】以外)
自分でデザインしたり、テンプレートを使っているけどソースを消してしまった場合は、次のタグを入力してお知らせを表示しましょう。
お知らせのタグ【基本】
【独自デザイン(PC)】>【トップページ編集】>【中央画面管理】
内のお知らせを表示したい位置に下記のタグを一つ入力します。
1 2 |
<!--「お知らせ」と「掲載日」を表示 --> [NEWSEVENT4N] |
1 2 |
<!--「お知らせ」と「掲載日」と「タイトル画像」を表示 --> [NEWSEVENT4] |
※テンプレートをご利用の場合[NEWSEVENT※]の入力がある箇所を探してみましょう。記載されている位置にお知らせが表示されます。
・他にも使えるお知らせタグは、オンラインマニュアル「中央画面管理)」をご参考ください。
・タイトル画像は、オンラインマニュアル「タイトルイメージ管理」「お知らせタイトル」に登録されている画像が表示されます。
【1】トップページをデザインする
例えばテンプレート【WIDELY】をご利用の場合、次のソースを入力してお知らせを表示してみましょう。
▼HTML例
【独自デザイン(PC)】>【トップページ編集】>【中央画面管理】
に下記のタグを表示したい位置に入力します。
1 2 3 4 |
<div class="section index-news"> <h2>おしらせ</h2> [NEWSEVENT4N] </div> |
・自分でデザインしたり、テンプレートのCSSを消してしまった場合は、
【独自デザイン(PC)】>【トップページ編集】>【共通CSS管理】にCSSを追加してデザイン調整しましょう。
【2】トップページのお知らせ表示数を設定する
【ショップ作成】>【デザインの設定】>【トップページ商品配置の設定】
「表示個数設定」お知らせ表示個数を3~10件から、プルダウンで選択することができます。
完了
↓このようにテンプレート【WIDELY】で登録済のお知らせが表示できました!
・お知らせページは、オンラインマニュアル「お知らせ・インフォリスト」
・お知らせ一覧は、オンラインマニュアル「お知らせ・インフォ管理」でデザインできます。
いかがでしたでしょうか。
急なお休みや、イベントの案内など訪問者に伝えたいことがある場合は、お知らせ機能を活用してトップページでアピールしましょう。
それではまた!