WSC4でサイドメニューを画像風ボタンにする方法 [NAVT]

WSC4では、WSC3までとは異なる方法で、画像風ボタンを生成しています。色を個別に設定したり、階層表示したり、テキスト表示することを、ユーザーが管理画面で設定できるようになりました。

画像風ボタンで、色を個別に設定する

  1. NATVプラグインを導入する
  2. 「管理」→「NAVT list」を設定する
  3. 「Navigation Group」で任意のグループ名を作成する
  4. ページ、カテゴリ、外部リンクなどから、作成したいメニューを選択する。
  5. 生成されたボタンを、マウスドラッグで、作成したメニューグループへ移動する。
  6. そのままでは、テキスト表示となるので、メニューを選択し「Anchor type:」を「Text over graghic」に変更する。
  7. WSCの画像風ボタンは、blue, yellow, red, green, grayの5色が用意されているので、いずれかを「CSS class:」に入力する
  8. 作成したメニューグループを有効にするには、ウィジェット管理で追加する。

これまでのコメント

  1. WSC3から移行についての注意事項 | WSC4 :

    [...] NAVTには標準対応していませんので、個別の設定が必要です。 [...]

  2. fumio :

    こんにちは、WSC4を使用しています。
    毎日格闘しながら?日々励んでいます(^^;

    NAVTのプラグインなんですが、設定を終えしばらく表示しているのですが、
    2,3日したらNAVT Listから消えてしまします。

    バックアップで戻すのですが、また2,3日したら消えます。
    もしかして何か設定が必要なんでしょうか?

    初心者な質問ですみません。

  3. imai :

    ん〜、不思議な現象ですねえ。
    このサイトでは、バージョン1.0.26ですが、そういった現象はないようですし、上記方法以外に特別な設定はしていません。
    また、これまでのバージョンでも見た事がありません。
    NATVは多機能化が進み、環境によって問題が出たり出なかったり、
    単純にメニュー項目を作成するだけの頃が使いやすかったですね。

  4. fumio :

    お返事ありがとうございます。
    今の所無事消えることなく済んでます(^^;

    >NATVは多機能化が進み、環境によって問題が出たり出なかったり、
    そうなんですね~
    色々調べたのですが、この状況無いみたいですね・・・

  5. take :

    WSC4を使わせていただいています。
    シンプルなデザインが気にいっています。ありがとうございます。
    一点ご教授いただきたいのですが、
    このサイトのグラフィックのメニューボタンは、
    例えば「設置方法」のボタンをクリックすると、その下にサブメニューが
    表示されますが、このような挙動はどこを設定すればよいのでしょうか?

  6. imai :

    takeさん

    >このサイトのグラフィックのメニューボタンは、
    >例えば「設置方法」のボタンをクリックすると、その下にサブメニューが
    >表示されますが、このような挙動はどこを設定すればよいのでしょうか?

    この方法は特に難しくないのですが、
    詳しい説明をしていませんでしたので、こちらに紹介させて頂きました。
    http://wsc.studiobrain.net/4/a/107

    どうぞ、お試しください。

この記事にコメントする

 

2009 年 1 月
« 12 月    
 123
45678910
11121314151617
18192021222324
25262728293031

WEB標準(XHTML+CSS)合格

CSS Validator 検証 CSS Validator 検証

WSC4は、WEB標準に準拠したXHTML+CSSコーディングでValidator検証に合格しています。

Powered by WordPress, WP Theme designed by WSC Project. ログイン