ヘッダーのロゴ画像、タイトルのサイズについて

カラーミーSEO+のヘッダースクリーンショット
カラーミー用テンプレート「SEO+ヘッダーのカスタマイズ方法について。
この記事では「ロゴ」「ショップ名」について説明します。背景画像については「ヘッダー画像を変える」をご参照ください。

 

ロゴのサイズについて

カラーミーSEO+テンプレートのヘッダーロゴは高さに合わせてリサイズされるようになっています。
推奨サイズは高さ80px以内です。

 

ロゴの登録は、

カラーミー管理画面 > ショップ作成 > ショップ情報 > トップページ

から行えます。

カラーミーショップ管理画面

headerの高さは80px(初期値)ですので、どんなに大きいロゴ画像を登録しても高さ80pxに縮小されますが、データ量削減( = 表示スピードアップ)のためには、高さ80px以下のロゴを登録することを推奨します。

 

ロゴを大きく表示する

逆にheaderの高さを調整し80pxよりも大きくすることで、より大きくロゴを表示させることも可能です。

カラーミー管理画面 > デザイン > テンプレート編集 > HTML/CSS編集

で「共通 css」をひらき、

#header{
 height: 高さ ;
}

と指定すれば適用されます。

ロゴとショップタイトル間の余白について

ロゴとショップ名の間の余白はショップ名側のpadding指定で調整しています。

先程と同じく「共通 css」で

#shopname, h1#shopname{
 padding: 余白サイズ ;
}

と指定できます。

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください