ショップサーブっぽいフッターを変更する

ショップサーブのフッターナビの部分は通常、
デザイン設定→ヘッダとSEOの設定→フッタの設定 の項目で

特定商取引法の表示
個人情報の取り扱いについて
お店案内

上記3箇所のうち右側のフォームエリアにタイトル記入することでしか表示することができませんが、
好みの項目を表示するためのカスタム方法です。

例えば、こんな感じ↓
フッターナビ部分

今回のカスタムで注意する点としては、
特定商取引法の表示
個人情報の取り扱いについて
の上記2項目だけはかならずフォームエリアにタイトルは入れておいてください。

ここの項目を表示しない一番簡単な方法は、フォームエリアに何もタイトルを記入しないことですが、
記入しないと、それぞれのページのタイトルも表示されなくなっちゃます ^^;

お店案内は必要がなければ、無記入でも大丈夫です。

まずは、スタイルシートから

使っているテーマの

.footnavi

っていうのを探します。

ご存知かと思いますけど、文字列を検索するときは、
キーボードの「 Ctrl 」+「 F 」で簡単に見つけることができます。

.footnavi というクラスに

を追加します。

これで見た目はとりあえず表示されなくなります。(ソース上は表示されています)

さて、次はそれっぽいフッターナビを作るスタイルシートを。。

と、その前に、コピーライトの項目で単純に項目 | 項目 | 項目 っていうやりかたもありです ^^;

スペースと右側につける | が面倒くさいときは、このスタイルシート↓

※各数値はそれぞれのサイトに合わせてカスタムしてください

コピーライトの部分に記述するhtmlは↓

これで好きな項目を表示することができます。

あとは、

っていうところのマージンとかパディングを調整して見た目を整えれば完成です。

そのあとの、コピーライト部分は普通に記述してください。

posted by そば富泉

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