平素は『グーペ』をご利用いただき、誠にありがとうございます。
本日より、ホームページのナビゲーション(コンテンツメニュー)部分にバナーやウィジェット(ブログパーツ)が簡単に追加できるようになりました。
・本機能はPC版のみの提供となります。
・「Obi」のデザインでは本機能はご利用いただけません。ご利用の場合は「Obi」以外のデザインをご利用ください。
機能の説明
●バナーの追加
リンク先の設定が可能となりますので、目立たせたいコンテンツへの誘導の際などにお使いください。
●ウィジェット(ブログパーツ)の追加
ウィジェットを配布しているサイトより表示するのに必要なコード(タグ)が取得できます。こちらを登録することで表示ができます。
※パーツの追加はバナーとウィジェット合わせて10個までとなります。
設置方法に関しましては、下記のオンラインマニュアルをご参照ください。
▼ナビゲーションパーツのオンラインマニュアル
ナビゲーションを設定する
デザインのアップデートについて
本機能の追加に伴いまして、デザインのアップデートを行いました。
管理画面の「デザイン設定>ダウンロード」から、
最新のデザインをダウンロードする事で、本機能をご利用いただけます。
デザインをカスタマイズをされているお客様は、お手数をおかけいたしますが、下記のようにHTMLとCSSの編集を行ってください。
【HTML】
↓ナビゲーション部分のHTMLに赤文字部分のタグを追加してください
<div class="shop_title">
<!-- ナビゲーション部分ここから // -->
<div id="navi">
<div id="navi_inner">
<ul>
<!-- BEGIN navi_list -->
<li><a href="{navi_url}" {navi_target} class="{navi_class}">{navi_title}</a>{navi_sub}</li>
<!-- END navi_list -->
</ul>
<br class="clear" />
</div>
<!-- ナビゲーションパーツここから // -->
{navi_parts}
<!-- // ナビゲーションパーツここまで -->
</div>
<!-- // ナビゲーション部分ここまで -->
【CSS】
↓下記CSSを末尾などに追加してください
#navi_parts {
margin: 10px 0px;
}
.navi_parts_detail {
margin-bottom:5px;
text-align:center;
}
管理画面の変更について
【重要】
本機能追加により管理画面にて、ナビゲーション部分に関する機能をまとめる為、下記の通り変更を行っております。
1. サイドメニューに「ナビゲーション設定」の項目を追加いたしました。
2. 「外部リンク更新」の機能を「ナビゲーション設定」へ移動いたしました。
(これによりサイドメニューより「外部リンク更新」が削除されております)
3. 「基本設定」にありました「コンテンツ設定」を「ナビゲーション設定」へ移動いたしました。
お手数ではございますが、何卒ご理解の程、よろしくお願い申し上げます。
-----------
今後も、『グーペ』ではお客様が簡易にサイトの構築、運営ができるよう機能改善に努めてまいります。
今後とも『グーペ』をよろしくお願い致します。