メニューを修正する - MT-t サポート

知りたいことはここから検索
ようこそ
[ログアウト]

HOME > サイトのカスタマイズ > メニューを修正する

メニューを修正する

2013年08月09日

初期設定のメニューを修正したい場合の修正方法をご紹介します。
メニューの修正方法には2通りの方法があります。

初期設定のメニューを修正したい場合の修正方法をご紹介します。
メニューの修正方法には2通りの方法があります。

■メニューボタンを[画像]にする場合(初期設定のメニュー)

p_h_imgs01.gif

■メニューボタンを[テキスト]にする場合

p_h_imgs01.gif

【補足】[画像]と[テキスト]の違いがわからない方のために。

画像のメニューは、マウスでメニューの「ホーム」をドラッグすると画像が選択される。

p_h_imgs01.gif

テキストメニューは、マウスでメニューの「ホーム」をドラッグするとテキストだけが選択される。

p_h_imgs01.gif

  • メニューの修正は・・・
  • メニューボタンを画像にする場合 → パーツブログの「★MENU」を修正して公開
  • メニューボタンをテキストにする場合 → パーツブログの「★MENU-txt」を修正して公開

画像の場合は見た目がきれいに出来ますが、ソースを修正しますのでHTMLタグの知識があることが前提になります。テキストの場合は画像を作成する手間が無いので修正が簡単にできます。

新メニューのウェブページを作成する

先に新メニューのリンク先となるウェブページを作成しておく必要があります。
まだリンク先のウェブページを作成していない方は「ウェブページを新規に作成する」を参照下さい。

テキストのメニューで修正する方法

初期設定では、メニューボタンが画像になっていますが、テキストのみで修正することができます。

パーツブログの「★MENU-txt」を使います。

p_lesson-d-03.gif

赤文字部分を修正します。

「★MENU-txt」修正前:左側のメニューから順に指定しています。

p_lesson-d-03.gif

修正するときの基本形

p_h_imgs04.gif

「★MENU-txt」修正後

<div class="menu-t menu094"><a href="http://sample2.wb-design.biz/">ホーム</a></div>
<div class="menu-t menu156"><a href="http://sample2.wb-design.biz/shop.php">ショップの紹介</a></div>
<div class="menu-t menu156"><a href="http://sample2.wb-design.biz/recommend.php">おすすめ商品</a></div>
<div class="menu-t menu156"><a href="http://sample2.wb-design.biz/staff.php">スタッフ紹介</a></div>
<div class="menu-t menu156"><a href="http://sample2.wb-design.biz/access.php">アクセス</a></div>
<div class="menu-t menu132"><a href="http://sample2.wb-design.biz/form-contact.php">お問い合わせ</a></div>

↓

修正後p_h_imgs01.gif

「★MENU-txt」は初期設定ではステータスが「未公開」になっていますので「公開」に変更した後に「保存」をクリックします。

p_h_imgs05.gif

次にパーツブログの「★MENU」を開いて、ステータスを「非公開」にして「保存」をクリックします。ここで、「★MENU」を非公開にしないと、先に設定した「★MENU-txt」が有効になりません。

p_h_imgs07.gif

画面右上の「全てのブログを再構築」ボタンをクリックしてウェブサイト、ブログとも再構築をかけます。

p_h_imgs09.gif

これで、サイト全体にメニューの修正が反映されます。

画像のメニューで修正する方法

メニューボタンの画像を作成して用意します。

次にパーツブログの「★MENU」を開いて、新メニューのリンク先と画像の情報を修正します。


ご質問ご相談はこちらから
お問い合わせ

回答は2営業日以内にメールでさしあげます。もし回答が届かない場合はメールが迷惑ボックスに入っているか、何らかの原因で受信できていない可能性があります。その際はお手数ですが再度ご相談フォームよりご入力ください。

よりスムースなサポートのために下記のアプリのインストールをお願いします。
Screen Capture (by Google)
Chromeの右上にアイコンが表示されます。そこから簡単に画面撮影でき、画像として保存することが可能です。ご相談の際、画面の画像を添付していただけると助かります。(詳しい使い方はこちら

4ファイル以上添付したい方はこちらをお読みください。

カテゴリ内の前の記事



PageTop

動画のマニュアル
お友達を紹介して報酬GET
お支払いプランの変更はこちら
40%OFF追加購入はこちらから