Wordpress の ため の マルチ レベル の 垂直 階層 ネスト さ れ た メニュー

2009年7月10日に gesmanによって

完璧な垂直メニューの探求...

"暗い"バージョンが追加されて,私はどのように"明るい"と

- +バルマーのjunksplorer
完璧を追求は継続...

6で動作することに費やされました.

だからここに行く:


(...何をできるとは思わなかった...)

  1. インストールのexec PHPプラグインをし,それをアクティブにします.私は縦のメニュー
  2. から6
  3. それのプロパティを編集するには, "MENU1"グループのための"ギア"アイコンをクリックして下さい:
    navt_customize_menu
  4. パート1チュートリアルの7,1 -7,3は"オプション", "表示"と"CSS"タブの設定を設定するための手順に従います.
  5. 今,このダイアログの -あなたが何かを失うことはありません-
    このダイアログがで充填する必要があるかここです:
    1. 内部の
      .jquerycssmenu, .jqueryslidemenu
    2. "と交換してください"には, "アクション"を設定
    3. 内側のこのコードを入力するエリア"ナビゲーショングループの前にタグを追加します":
      <div class='jquerycssmenu' style='margin-top:5px;'>
    4. 内側の面積"を追加タグナビゲーショングループの後に"このコードを入力します.
      <br style='clear: left' /></div>
    5. [閉じる/保存する]ボタンをクリックします.
  6. 今, WordPressの管理パネルに行く->外観->ウィジェット.
  7. 右側の"サイドバー1"の領域に"テキスト"ウィジェット(ビッグ
    注:私はあなたが存在して, -しかし,このチュートリアルのためにそれはしてみましょう.
  8. 一度ドラッグと,このウィジェットを落とした-
  9. "タイトル"エリアで -そのテキストは,新しく生まれた縦のメニューの上に移動します.
  10. テキストのための大きな領域で-このPHPコードを入力します.
    <?php
    if (function_exists('navt_getlist'))
    $menu_html = navt_getlist ('menu1', false, '', 'ul id="dd_vertical"');
    else
    $menu_html = "";
    $menu_html = preg_replace ('#class=[\'\"]jquery(css|slide)menu[\'\"]#', 'class="dd_vertical"', $menu_html);
    echo $menu_html;
    ?>
  11. を押して[保存]ボタンをクリックすると"閉じる"リンクをクリックしてください.
  12. ダウンロードここにファイルのセットを更新 .
    このアーカイブには含まれています:


    • "明るい"水平メニューコードの更新バージョン
    • 水平方向のメニューの"ダーク"バージョン
    • 垂直メニューコード
    • custom_functions.phpの更新されたバージョン
  13. 今,あなたはこのアーカイブを解凍し,あなたの論文のテーマの"カスタム"ディレクトリにそれをアップロードする必要があります.
    注: custom_functions.php内の任意のカスタマイズを行っている場合-あなたはそれらをマージする必要があると思います.れていない場合は-私のバージョンで上書きして自由に感じる.
  14. BONUSタスク: "ダーク"配色に"明るい"水平メニューを変更してみましょう.
    1. custom_functions.phpファイル内:
      このコードを置き換えます.
      echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
      //echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu

      このコードを使用して:
      //echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
      echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu

    2. 今, WordPressの管理->ツール-> NAVTリストに移動して,あなたの"MENU1"グループのプロパティを編集するには,上記の"歯车"アイコンをクリックしてください.
    3. "テーマ"タブをクリックします.
    4. 内側のこのコードを入力するエリア"ナビゲーショングループの前にタグを追加します":
      <div class='jqueryslidemenu' style='margin-top:5px;'>
    5. -今すぐあなたのページをリロードする-そしてあなたの主な水平ナビゲーション·メニューには, "魔法のように"暗い,のようなものになった:
      Thesis theme - multilevel nested CSS menu - dark palette

      論文のテーマ-マルチレベルのネストしたCSSメニュー-暗いパレット

    6. "明るい"の配色に戻って取得するには-単に"ボーナス"上記の手順を元に戻す.
  15. 结论:

20 $


お楽しみください!

グレブesman

{このエントリへのコメントは受け付けていません}

論文 の テーマ - マルチ レベル の ネスト し た, SEO フレンドリー メニュー - チュートリアル

gesmanによって2009年7月8日に

完璧なメニューのためのクエスト...

これはチュートリアルのパート1です.

Diythemes.com .
非常によく考えられているのSEO机能-




-あなたの骨格メニューになる人-
-心配しないでください- +画像+
心からjQueryのを知らずに+いくつかのPHP + CSS +はWordPressでまともな経験を持つ-この事はプルするのは難しいです.


(あなたはこのようなものを愛することをGOT):

  • 専门家,きれいな外観と感じています.
  • MSIE 6,7,オペラ,サファリ, Firefoxの3.xの, JavaScriptの両方でGoogle Chromeと非javascriptのモードを含むすべての最新ブラウザのサポート.
  • SEOフレンドリーな機能-
  • 無制限のネスティングレベルと下位レベルのサポート.
  • メニュー構造と内容はNAVTの管理エリアを経由して視覚的に調整可能です.
  • コンパクト:ネストされたレベルのためのjQueryのベースのフライアウト.
  • スケーラビリティ-

-しかし,概念は同じになります.
だから進みましょう,私たちはしなければならない?


と単純に格好いい论文テーマ

  1. WordPressの管理パネルに移動します.プラグイン->新规追加, "プラグインを有効にします".
  2. ツール-> NAVTリスト"ナビゲーショングループの"エリア内"グループ名"を見つけると次のように入力しますフィールドに
    この
  3. "资产"エリアで"他の"リストボックスを見つけて"ホーム"の選択をクリックしてください. "ホーム" thingieは -そしてそれは私たちのためになります.
  4. "MENU1"矩形領域に"资产"エリアから"ホーム" thingieをドラッグします.これは,メニューの"ホーム"の項目になります.
    • "ページ"の領域だけでなく, "リストデバイダ"と
    • あなたはそれらの順序を変更し, "MENU1"領域内のメニュー項目をドラッグすることがあります.
    • あなたが"<"と">"矢印で各メニュー項目の階層位置を調整することができる.
    • 各メニュー項目のテキスト名をクリックすると, -
    • 他の"サブ子どもたち"のための"亲"となるlinkless unclikableサブメニューのために私は, = "コードブロックを入力してください:" = "もしhref =" # "> MemberWing </ a>を". のhref =
  5. ここは私のNAVT "MENU1"ビルド構造はほぼ完了のように見えた方法は次のとおりです.
    navt_building_icon
  6. 初期の建物を終了してから,メニュー構造をカスタマイズする"歯车"アイコンをクリックしてください:
    navt_customize_menu
    1. "オプション"タブに移動し,すべてがチェックされていることを確認し, "グループ名"を作ると言う: "MENU1"
    2. タブを"表示"に移動し,上のすべてを確かめる
    3. "CSS"タブに移動し,ラジオボタン(x)は"CSSクラスを適用しない"を選択します.
    4. "テーマ"タブに移動して,そのようにそれを記入してください:
      navt_configuration_theme_tab_icon
      "の前にタグを追加..."エリアこのコードをに挿入します.
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      "の後にタグを追加..."エリアこのコードを中に挿入します.
      <br style='clear: left' /></div>
    5. を押して[閉じる/保存する]ボタン
  7. NAVTプラグインオプションの中から,この点メニューの建物で完了です.
    "Custom_functions.phpに属する-そのために我々はいくつかのカスタムファイルを追加する必要があります
  8. ここでファイルの完全なセットをダウンロード .
  9. -
    あなたがそれに触れていない場合-地雷でそれを上書きして自由に感じる. -
  10. このようなあなたの論文のテーマ
    .../themes/THESIS-DIR/custom/custom_functions.php
    .../themes/THESIS-DIR/custom/jquerycssmenu/...

    私はcustom.cssは触れていない-

前方の道路...

-ちょうど濃い色のメニューは次のようになります方法を確認する:

Thesis theme - multilevel nested CSS menu - dark palette

論文のテーマ-マルチレベルのネストしたCSSメニュー-暗いパレット

Dynamic Drive Horizontal Menus

ダイナミックドライブ水平メニュー

-時間とそれを実現するための意欲を与えられている.

20 $

-このために最適なソリューションを.

{ 15コメント } Kommentaarid} { 15コメント }

プレミアムポスト3

2009年7月5日

-

記事全文を読む→

プレミアムポスト2

2009年7月5日

-ゴールドメンバーのログイン/パスワード=ゴールド/ゴールド......

{{{金|プラチナ}}}
この記事の残りの部分では,唯一のプレミアムメンバーに利用可能です.

記事全文を読む→

プレミアムポスト1

2009年7月5日

これはMemberWing-X用のデモ記事です.とMemberWing-Xこの記事は "にサブスクライブのためにそれを購入したメンバーのための[...]

記事全文を読む→

2009年7月5日

-

記事全文を読む→