クエスト完璧なメニューの...
これは、第1部はチュートリアル
パート2はチュートリアルのこの 1つ教えて色を暗く垂直メニュー+をどのように構築する水平パレットのために
私が取得することを決めた論文のテーマを私とのため、1つの論文の間の問題についての互換性私を私のクライアント情報をワードプレスの会員サイトのプラグイン MemberWing。 私はそれを修正して見て論文を詳しく見てみることにしたとわざわざ実際にDiythemes.com -ページのメインの前のビデオを上に論文サイトです。
何が私にほとんどのはを詳細に、ユーザーの親しみやすさなどよく考えられているすべての最も - SEOの機能を注目を感動させた。
MemberWing会員プラグインが地面まで可能な限り多くのSEOのジュースをプルする必要があります会員サイトから設計されました。 だから私はSEOの強化とMemberWingで完成度の多数に注意の多くを支払った。 自分のクライアントの多くは、さまざまなテーマについてなどもSEOの奥深くから会員の優れたフィット感ポータルサイト起業家になる最適化されてテーマuseに求めている。
SEOの力とMemberWingのSEOの力を組み合わせる論文のテーマクライアントに最善をする機会のランキングとする。 だから私は論文を持って、それを1日でプレイした。
これは、すべての方法で優秀なテーマです。 それのナビゲーション部分は、も少し機能が制限されます。 論文1.5 +最低それは1つのレベルのメニューはのみです。 いつもの欲望は限り必要に応じてナビゲーションをカスタマイズすることができることです。 いくつかのサイトでは、他の多くの記事の+無数は/投稿カテゴリの多くを検索する静的なページがたくさんあるだけの数ページがあります。
だから理想的な世界がチャンスを素晴らしい階層構造を探しやすいナビゲーションメニューを作成することで必要があります。 バットオフ論文権利が格好良いナビゲーションが、私は、すべての論文ベースのWebサイトは双子のように見えることに気づいたしています。 カスタマイズ論文のナビゲーションメニューは本当に簡単ですとしてので、ほとんどの人はそれを残していません。 方法はありませんメニューのカテゴリの順序を変更したり、ページの間にそれらを配置されます。 そして再び、能力はネストされたメニュー構造を作成するために不足している。 だから私はそれについて行われるかを確認することを決めた。
上の選択をしようとした後に設定され私の半ダースほどのメニューを/私は関連のプラグインをナビゲーションWordpressのナビゲーションリストプラグインNAVT 。
NAVTプラグインは基本的に超高級とビット非伝統的な管理インターフェイスのハードへの図のリストジェネレータを順不同です。 何がそれについて誤解を招くことは、実際に自分自身でファンシー探してメニューを作成していません。 これは、しかし仕事の難しい部分をしない - あなたの能力を視覚的にまとめることができますし、順不同のリストを生成する - メニューは-ことにスケルトンを。 そして、あなたはあまりにも多くのメニューを作成することがあります。 あなたはナビゲーションメニューにWordpressのもののすべての種類を引く可能性があります:ページ、投稿、記事、カテゴリ、ユーザーは、コードブロックは、外部リンク、分周器、セパレータとミックスマッチと巣と整理し、任意の木のような構造で、それらをカスタマイズするします。
NAVTはあなたのためのHTMLを生成順不同リストをもたらした。 NAVT 2番目の美しさは、それを挿入するあなたのテーマに有名なはJQueryベースロジックを介して、新しいメニューをする場合に役立ちますが、必要が任意のコードを変更することなくです! NAVTは、指定することができます:"私の新しいNAVTメニュー"と、この#要素を置き換えます。 #要素はidまたは既存のメニューまたはあなたの現在のテーマによって生成されているdiv要素のタグのパスのクラスかもしれない。 だからNAVTでは、テーマコードに移動し、それよりも、すでに散らかって強制することなく、この置換を行います。 私は一歩一歩間もなくご案内がありますがちんぷんかんぷんのようなすべての音が - 心配しない場合は - 。 みんなのためNAVTの挑戦的な部分は、あなたのメニュー自分のため実際のCSS +画像+ javascriptコードを考え出す必要がありますです。 そして、それがどこに、どのようを把握するこれらのファイルを統合し、このようなものを適切に一緒に接続するようにです。
よろしくお願いいたします。いくつかのPHP + CSSの+ Wordpressのまともな経験を有することはJQuery +を知らなくても - このことは難しいことです。
私はWordpressのための最高のナビゲーションメニューのベストを構築する自由の箇条書きとガイド人類を噛まないように決めたので、喜んで私はこのようなものビット知っている。 私はいくつかの見栄え水平のCSSメニューのソースを見つける必要がありました。 私が選んだダイナミックドライブのWebサイトを情報源のために最高の選択、デモ、。
私は一日論文とNAVTプラグインでプレーを勉強に専念。 最後に私は誇らしげに、カスタム、SEOの最適化、マルチレベル、ネストされたnagivation構造私のWordpress +論文ベースのサイトのための柔軟作成しました。
のメニューナビゲーションWordpressの特徴のマルチレベル、入れ子になったリスト論文のテーマ
(あなたが)ものを、このことを愛する得た :
- 専門家、きれいな外観と感じています。
- MSIE 6,7、オペラ、サファリ、Firefox 3.xでは、Google Chromeの両方のJavaScriptと非JavaScriptモードを含むすべての最新ブラウザのサポート。
- 優雅に非javascriptをブラウザのdowngradable。 あなたは、メニュー使用され、視覚的に類似してだけでもトップレベルのナビゲーションにもかかわらずJavaScriptを無効にブラウザ(のために働い表示されますがないフライアウトコースの状態になります彼らがjavascriptによって作られていますように)。
- SEOのフレンドリーな機能は - 順不同リスト]メニューの[コードをHTML内に生成されます。 Googleや他の検索エンジンのスパイダーができるのインデックス、ナビゲーション構造をされ、内側のページへのリンクを見つける。
- 無制限のネストレベルとサブレベルをサポートします。
- 任意の順序やページ、投稿(ユーザーのURIを定義を介してのサポート)、カテゴリ、ユーザーは、カスタムコードブロックし、メニュー内の外部へのリンク。
- テキストとイメージベースのメニューの要素としてのサポート。 (私はまだ試してみて、これらのも)。
- メニューの構造と内容を視覚NAVT管理領域を介して調整可能です。
- コンパクト:入れ子レベルのjQueryベースのフライアウト。
- 高速は:jQueryはメニューのGoogleのサーバー(私は愛の論文にではなく、同じようにローカルに引っ張って)自分自身をしたいから読み込まれます。 これは、ビット物事をスピードアップします。
- スケーラビリティとは - メニューのこのタイプの編集と設定NAVTプラグインの設定でいつでもどこでもコーディングのいずれかを必要とせずです。
私が使用したからダイナミックドライブメニューをこの素晴らしいベースのポータルとして。 私も少しjavascriptコードをカスタマイズするようcustom_functions.phpには、論文で動作させるためにPHPのチャンクが含まれていた。 また、既存のページの数は、カテゴリとの記事を自分のサイトのメニュー構造を組み立てるために使用された。 あなたのサイトに具体的な異なるされる - が、コンセプトは同じになります。
それゆえ、続行するものと我々は?
指示によってステップステップセットアップNAVTベースのネストされた、カスタマイズ可能な、マルチレベル、SEOの友好
と単純とWordpressメニューのナビゲーション冷却探して論文のテーマ
- Wordpressの管理者パネルに移動します。 プラグイン->"がnavt"するための新しい検索を追加します。 プラグインが表示されます。 をクリックして[インストール]を、[すぐに]インストール"、"プラグインを有効にする。
- [ツール]> NAVTリスト、ナビゲーショングループ"エリア"の中は、[作成]ボタンを"グループ名"と入力してください:"menu1"フィールドに検索します。 "menu1"四角形の領域が作成得た。
この"menu1"エリアは、メニューの建設のための主な遊び場になります。 あなたがドラッグされますと、ここにあなたのメニュー要素をドロップします。 - "資産"面積は"その他"リストボックスをクリックして"ホーム"の選択に検索します。 "ホーム"イエイは内部が表示されます""領域を割り当てられていない。 奇妙な、え? 心配限り、それが動作するように - そしてそれはなる私達のため。
- "資産"エリアから"menu1"四角形の領域に、この"ホーム"イエイをドラッグします。 これは、メニューの"ホーム"の項目になります。
- "ページ"領域だけでなく、"カテゴリ"地域のカテゴリからいくつかのページの手順を繰り返します3-4。 あなたのメニュー内になりたい他の項目をドラッグして"menu1"四角形。 ページ上のお客様は、クリックすると、カテゴリー、ユーザーと"リストの分割"と"コードブロック"などのいくつかのカスタム要素。 コードブロックは、クールな方法メニューの中のカスタムスニペットを追加することです。
- あなたの中にメニュー項目をドラッグすること"menu1"エリアの順序を並べ替えること。
- あなたは各メニュー項目の階層の位置を調整することが"<"と">"は矢印。
- 各メニュー項目のテキスト名をクリックすると - の心をこのアイテムのための余分のカスタマイズ]ダイアログボックスを遠く開きます。 私はほとんどがデフォルト値を使用する技術では狂ったことができますイメージベースのメニュー選択を開始する、その中にHTMLコードのチャンクを追加します。 注意が進みます。
- 私は""タイプをコードブロックを使用し、他の"サブ子"の"親"となるリンクレスunclikableサブください。 たとえば私はメニュー項目のエイリアス"の""="MemberWingを入力し、"コードブロックを入力してください:"のようなコードブロックの項目をカスタマイズするために="<a href='#'> MemberWing </ 1>"。 = hrefを持つ"#"を選択メニューがそれはすることは有効なクリックが演技として"親"。
- ここではどのように私NAVT'menu1'ビルド構造はほぼ完了のように見えたです:
- "ギア"のアイコンを完了初期の建物をクリックし、メニュー構造をカスタマイズする:
- これは、4つのタブ:ダイアログで開きます。オプション、ディスプレイ、CSSの、テーマ。
- へ"オプション"タブを確認してくださいすべてがオフと"グループ名"と言う:"menu1"
- へ"ディスプレイ"タブを表示するナビゲーショングループ"に必ずすべてを作る上で..."エリア[チェックはx]。 デフォルトで残りの部分を残す。
- "CSSの"タブを選択し、ラジオボタン(へx)は""CSSクラスを適用しないでください。
- へ"テーマ"タブのようにそれをそれを埋める:
挿入"タグを追加にする前に..."地域コード:
<div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
挿入"タグを追加にした後..."地域コード:
<br style='clear: left' /></div> - を押して[/ボタン]を閉じます保存
- プラグインのオプションNAVTの中からこの時点でメニューの建物で完了です。
今では、アップの曲を少しの時間に行うの論文のテーマ準備それに得る。 私たちはいくつかのカスタムファイルを追加する - CSSを、メニューに属し、論文'custom_functions.phpを更新javascriptを必要に - ダウンロードセットの难易はこちら。
- 解凍アーカイブ。 あなたのカスタマイズを使用してcustom_functions.phpを更新している場合 - あなたは私のものでそれらをマージする必要があります。 私はあなたにそれを任せる。
あなたはそれを触れていない場合 - 鉱山でそれを上書きすること自由に感じ。 ご注意:私は位置メニューにWebサイトのヘッダー(デフォルトで優先上回っています) - ので、私の調整が同様にこの設定が含まれて。 - 下にファイルをアップロードするアーカイブを含むすべてのとサブ論文のテーマ 'カスタム'ディレクトリは、このように:
.../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
私はのcustom.cssに触れていない - 私は自分の場所でのcustom.css内の混乱を避けるためにメニュー固有のCSSを維持することを好む - この時点であなたのウェブサイトをリロードして新しい美しい新しいマルチレベル、ネストされた、SEOの最適化]メニューをご覧ください。
- あなたはいつでも戻っNAVTの設定に行くかもしれないと多くの選択肢か何かの位置を使用してメニューをカスタマイズできます。 これは、ライブサイトに自動的に反映されます。
前方の道路...
このチュートリアルでは、メニューの1つのタイプの創造的な例が含まれて私はもう1つでプレイ - どれだけ濃い色のメニューのようになります表示する:
論文のテーマ -マルチレベルネストされたCSSのメニュー-暗いパレット
私はそれはかなりナイスだと思います。 そこにいる多くのナビゲーションご利用いただけますサンプルでは、 ダイナミックドライブ -すべての人の努力いくつかのテーマが可能とその他のワードプレスの論文をカスタマイズのために:
私はあなたがこのチュートリアル有益な、便利ないただければ幸いです。 私が言ったように、それが可能な任意の論文のためのこれらのメニューをカスタマイズすることです - その時と欲望、それが実現するために与えられる。
私はあなたのための契約に基づいてこの作業を行うことができます。 ただ、あなたが希望選択メニューを私に連絡し、私のウェブサイトのコードがあります作業中のため説明します。
$ 20
あなたがしている場合、もちろんのスーパーSEOのポータルプレミアムワードプレスのメンバーシップを最適化 - このために最適なソリューションの構築に:
論文のテーマ + MemberWing会員プラグインは、検索する自己のWordpressのホストもちろん。


