お知らせを表示するためのタグとHTMLの記述を追記してください。
作業の前にバックアップを保管し、元の状態に戻せるように準備したうえで編集をおこなってください。
よくある質問:【クリエイターモード】デザインセット(ソースコード)をバックアップする方法を教えてください。
<例>スライドショーと「PICK UP」の間に「お知らせ」を表示させる場合
トップページにHTMLを追加
ショップデザイン / テンプレート選択・編集 / クリエイターモード / トップ 「HTML」欄
入力欄内に一度カーソルを置いた状態でキーボードの Ctrl と F キーを同時に押し、表示される検索窓に
main-contents-pickup
と入力(コピー&ペースト)し、キーボードの Enter キーを押して以下の記述を見つけてください。
<div class="main-contents main-contents-pickup">
見つけた記述の直前にお知らせ表示用のHTMLを追記して保存してください。
追記例)
<!--お知らせ-->
<{if $latest_news.has_item}>
<div class="main-contents">
<h2 class="section-title section-title-news">NEWS</h2>
<div class="news-list-wrap">
<{section name=i loop=$latest_news.list max=5}>
<div class="news-list">
<p class="news-list-date">
<{$latest_news.list[i].date.year}>/<{$latest_news.list[i].date.month}>/<{$latest_news.list[i].date.day}>
</p>
<p><a href="<{$latest_news.list[i].url}>"><{$latest_news.list[i].title}></a></p>
</div>
<{/section}>
</div>
<p style="text-align:right;"><a href="<{$url.news}>">お知らせ一覧へ</a></p>
</div>
<{/if}>
表示例)
補足
- トップページに表示するお知らせの件数は、HTML内の
max=5の数値を変更することで最大10件まで調整できます。 - お知らせの登録は ショップデザイン / お知らせの管理 からおこなってください。
関連記事
- 【クリエイターモード】テンプレートShiroに、お知らせを表示させる方法を教えてください。(よくある質問)
- 【クリエイターモード】テンプレートMinimumに、お知らせを表示させる方法を教えてください。(よくある質問)
- 【クリエイターモード】テンプレートAdvanceに、お知らせを表示させる方法を教えてください。(よくある質問)
- お知らせの管理(オンラインマニュアル)


