[ ショップサーブ ]デフォルトのテーマをすべて自分でカスタマイズする第二回 H1・H2の大きさ色などを変更する

:: スポンサーリンク ::


今回はヘッダー部分(サイトの一番上の部分)の一番最初の基本である、h1とh2の変更です。

この部分です ↓
hと1h2

このようにしました ↓
変更後のh1h2

産直ショップ フォーシーズン っというところが h1
無農薬野菜、果物、天然酵母パンを直送!自然食品マーケット っというところが h2
です。
うちの場合だと、そば通販 富泉(とみせん)がh1
ご家庭でそば屋の味をお楽しみいただける商品・ギフト各種をお届けしております。 がh2です。
いわゆる見出し部分で、SEO的にも重要な部分ですね。

それぞれにどのような文言を入れるかは、それぞれのお店によって異なるので、
ここでは触れません。

h1 のカスタマイズ

ショップサーブで、いわゆるh1の部分は .siteName というクラスになります。

テーマのCSS(前回保存したカスタマイズしたもの)を編集する画面で
.siteName を検索して下さい。

この部分です ↓

このように変更しました ↓

h2 のカスタマイズ

ショップサーブで、いわゆるh2の部分は .sitecopy というクラスになります。

テーマのCSS(前回保存したカスタマイズしたもの)を編集する画面で
.sitecopy を検索して下さい。

この部分です ↓

このように変更しました ↓

比べてみると見たままのカスタマイズなのですが、
文字の大きさ、上下に並んだ h1 h2 を横並びにしたところが大きなポイントでしょうか ^^;

この部分に関しては画像を使ってもできるので、
CSSの理解があれば、ある程度は自由に変更できると思います。
※画像にする場合は、管理画面からできます

※サイトをカスタマイズする際は、必ずバックアップを!
※ご自身でやられる以上は、もちろん自己責任でお願いします。当方では一切の責任は負いません!

posted by そば富泉

:: スポンサーリンク ::

コメント(Facebook・Twitter・WordPressアカウントでもコメントできます)