[戻る]
No.353

トップ画面中央に店名を入れたいのです

虹色ストアさん  投稿日:2013/08/26(Mon) 18:12
key

ご担当者様

 現在、トップ画面の左寄りに当社ロゴ(Rainbow)を表示しています。中央に、虹色ストアという店名を入れたいのですが、何か方法はあるでしょうか。

以上

Re: トップ画面中央に店名を入れたいのです

おたすけマイショップさん  2013/08/26(Mon) 19:13 No.354
key

店長ナビ>デザイン設定>適用されているテンプレートのカスタマイズ>共通ヘッダー編集ボタン

こちらの以下の部分が対象となります。
</div>
</div>
</div>
<div style="clear:both;"></div>
<!-- ヘッダーバー -->
<div class="head_bar">


追加HTMLを以下の位置に追加して保存します。


</div>
</div>
<!--追加HTML -->
<div style="height:50px; text-align:center; line-height: 50px; background:#ff0;">
<img src="{logo_url}" style="width: 50px; height:20px;" alt="虹色ストア" />虹色ストア
</div>
</div>
<div style="clear:both;"></div>
<!-- ヘッダーバー -->
<div class="head_bar">

以上で中央に表示することができます。


ロゴを小さく表示していますので、テキストのみにする場合は、
<img src="{logo_url}" style="width: 50px; height:20px;" alt="虹色ストア" />
こちらを削除して以下のソースにしてください。
<p style="font-size: 20px;">虹色ストア</p>
(文字のサイズを20pxにしております。大きくしたい場合は、数字を増やしてください)


※わかりやすく背景色をつけておりますので、不必要の場合は「background:#ff0;」を削除してください。
 高さの調整は「height:50px;」の数字を増やしてください。


ご不明な点などがあれば、お気軽に連絡ください。



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』