[ ショップサーブ ]デフォルトのテーマをすべて自分でカスタマイズする第三回 ヘッダーメニューを変更する

ヘッダーメニュー

この部分はパッと見で必ず目に入る部分ですよね。
それぞれのサイトの個性を出せるところでもあるのかなと。

そんなわけで、当方の場合のカスタマイズおば。

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


この部分はカスタムするには、管理画面 → デザイン設定 → ヘッダとSEOの設定 →
ヘッダの設定 という項目でカスタマイズします。
※初めてのこの機能を利用する際は、テーマを再選択してください。

カスタマイズするのはこの部分(デフォルト)

ちなみにですが、私の場合はこの部分をこうしてます(カスタマイズ後)

それぞれの画像については自作、ロゴはプロの方に依頼しました。
テーブルで組んでいます。

実はこの部分のカスタマイズが一番ショップサーブっぽさをなくすところかなと ^^;
色々なサイトを見て、参考にして自分なりに作られたら良いと思います。

ちなみに私はYahoo! JAPANのヘッダ部分を参考に作りましたけど・・ 笑

検索窓をつける特殊タグもあるようですが、
当方は商品点数が100点ちょっとですので必要ございません。
設置されるかたはマニュアルでどうぞ。
※検索フォームもCSSでカスタマイズすることが可能だと思います。

この部分で記入が必要になる場所は以下ですね。

headタグ追加
ここは何かしら必要があった場合のみ追加しますので、
基本的にはそのままで。

ヘッダHTML編集(お店ページ用)
ここはお店のトップページ、カテゴリーページ、などです。
必ずいれておく部分です。

ヘッダHTML編集(商品詳細用)
ここは商品詳細ページ専用です。
ここのH1部分についてはショップサーブの特殊タグ
入れたほうがSEO的には良いと思われます。
H2の部分については、私の場合はお店の名前を入れています。
必ず入れておく部分です。

ヘッダHTML編集(フリーページ、店長日記用)
フリーページ、店長日記用です。
私の場合はお店ページ用と同じで良いとおもっているので空にしてます。

ヘッダHTML編集(カート用)
ショッピングカート用です。
必要であれば、H1部分のカスタマイズくらいでしょうか。

っと、ここまで見るとわかるのですが、
お店ページ、商品詳細ページ、フリーページ、ショッピングカートページ、
それぞれ別のデザインにすることもできますぞ。

実は最近になって、ちょっぴり変えてみようかなと模索中 笑

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

posted by そば富泉

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

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