Quest mükemmel menüsü için ...
Bu Bölüm 1 eğitim biridir
Part 2 bu yazının nasıl dikey menü oluşturmak için + koyu renk paleti yatay biri için öğretir
Çünkü benim müşteri Tez ve benim wordpress üyelik sitesi eklentisi MemberWing arasındaki uyumluluk sorunları hakkında bana bilgi Ben Tez tema almak için, karar verdi. Ben ve daha sonra sabit ve Tez daha yakından bakmak aslında ana Tez sitenin ön sayfasında video izlemek için - Diythemes.com rahatsız karar verdi.
Ya ben bu kadar iyi düşündüm en çok detay, kullanıcı dostu ve en dikkat IS - SEO özelliklerini etkiledi.
MemberWing üyelik eklentisi temelden üyelik siteleri için gelen bu mümkün olduğu kadar SEO suyu olarak çekmek gerekir tasarlanmıştır. Bu yüzden SEO donanımları ve MemberWing içinde perfections ve çok sayıda dikkat birçok ödedi. Kendi müşteri Birçok farklı konular hakkında ve bu kadar iyi SEO derin içinden üyelik için mükemmel bir uyum portal girişimcilere olacağını optimize edildi olan tema kullanmak istiyoruz.
Tez tema ve SEO güçlerle Müşterilerime sıralama fırsatları en iyi verecek MemberWing ve SEO yetkilerini birleştiren. Bu yüzden Tez var ve bir gün için oynadı.
Tüm yolları mükemmel bir temadır. Onu kullan bölümü ise biraz fonksiyonu sınırlıdır. Tez 1,5 itibaren + biri seviye menüsü yalnızca. Kadar gerekli kullan özelleştirmek mümkün My zamanki arzusudur. Bazı siteler, birçok statik sayfaları ton var + sadece birkaç sayfaları Kategorilerin makalelerin katrilyonlar / mesaj + çok.
So ideal dünya bir şans güzel hiyerarşik olarak organize arayan kullanıcı dostu navigasyon menüsü oluşturmak zorunda bir zorunluluktur. Yarasa kapalı Tez doğru seyir kullan ama tüm Tez-tabanlı web siteleri ikizler gibi arıyoruz iyi fark vardır. Özelleştirme Tez navigasyon menüsü gerçekten çoğu kişi tıpkı bırakmak kolay. Orada menüde Kategorilerin sırasını değiştirmek için veya sayfalar arasında yerleştirmek için bir yol yoktur. Ve tekrar, yetenek iç içe menü yapıları oluşturmak için eksik. Ben bu konuda ne yapılabilir görmeye karar verdi.
Yarım düzine menü / kullan ben Wordpress Navigasyon Listesi Plugin NAVT benim seçim ayarlamak ilgili eklentileri denedikten sonra.
NAVT eklentisi-untraditional yönetici arayüzü anlamaya süper fantezi ve biraz sert ile esas Rakamsız liste jeneratör olduğunu. Peki ya bunun aslında kendisi tarafından fantezi görünümlü menüler yaratmaz olduğunu yanıltıcı. It though işin zor yanı yok - bir yetenek görsel elbirliği verir ve Rakamsız liste oluşturmak - menü ve iskelet-to-be. Ve çok menüler oluşturabilirsiniz. Sen kullan menüsüne Wordpress'e şeyler her türlü çekme olabilir: sayfa, mesajlar, makaleler, kategoriler, kullanıcılar, kod blokları, dış bağlantılar, bölücüler, ayırıcılar ve mix ve maç ve yuva ve düzenlemek ve herhangi bir ağaç bunları özelleştirmek-yapı gibi istemek.
Için HTML Rakamsız liste sonuçlandı NAVT üretir. NAVT ikinci güzellik bu sizin tema içine ünlü JQuery ile mantık tabanlı fakat yeni menü eklemek için yardımcı olmasıdır gerekir herhangi kodunu değiştirmek için olmadan! NAVT belirttiğiniz olanak verir: "Yeni NAVT menü ile bu # eleman yerine". # eleman bir id veya mevcut menü veya geçerli tema tarafından oluşturuluyor div öğesi etiketinin yol sınıfı olabilir. So NAVT tema koduna gitmek ve daha karışık hale daha önceden olduğu zorlamadan sizin için bu değiştirme yok. Eğer bu anlamsız gibi tüm sesleri - endişelenmeyin - Seni yakında adım adım yol gösterecektir. Herkes için NAVT bir zorlu kısmı sizin gerçek CSS ile fotoğraf + + JavaScript kodu menü kendinize gelmek zorunda edeceksiniz. Ve bu size nerede ve nasıl bu dosyaları entegre etmek ve bu malzeme düzgün birlikte bağlanmış olsun yapmak anlamaya kalmış.
Saygılar Wordpress + ile bazı PHP + CSS + sahip iyi deneyim - bu şey JQuery bilmeden çekmek zordur.
Memnuniyetle biraz ben karar özgürlüğüne Wordpress için en iyi navigasyon menüleri en iyi binasında mermi ve rehber insanlık ısırmaya bu şeyleri biliyorum. Sadece biraz güzel yatay CSS menüler için kaynakları bulmak gerekiyordu. Ben en iyi seçim, demolar ve kaynakları için dinamik sürücü web sitesi aldı.
Bir gün Tezi ve NAVT eklentisi ile oynamak çalışma adanmış. Sonunda gururla özel, esnek, SEO optimize, benim Wordpress + Tez tabanlı site için çok seviyeli, iç içe nagivation yapı oluşturdu.
Tez Tema için çok seviyeli, iç içe Wordpress navigasyon menüsü özellikleri listesi
(Bu stuff için) GOT:
- Profesyonel, temiz görünüm ve hissediyorum.
- MSIE 6,7, Opera, Safari, Firefox 3.x, Google Chrome, hem javascript ve sigara javascript modları dahil tüm modern tarayıcılar için destek.
- Zarif olmayan downgradable JavaScript tarayıcıları. Menü kullanışlı olacaktır, görsel olarak benzer ve hatta javascript devre dışı olduğu tarayıcılar için çalışan (gerçi sadece üst düzey gezinme görülebilir ve hiçbir flyouts gibi javascript yapılır dersin olur).
- SEO dostu özellikler - Rakamsız liste menü kodu HTML içindeki oluşturulur. Google ve diğer arama motorları indeksi navigasyon yapısı edebilecektir ve bulmak iç sayfalarına bağlantılar.
- Sınırsız iç içe düzeyleri ve sublevels desteği.
- Herhangi bir emir veya sayfaları mesajlar için destek URI'ler kullanıcı tanımlı () ile, kategoriler, kullanıcılar, özel kod blokları ve menü içinde dış bağlantılar.
- Metin desteği yanı sıra görüntü menü öğeleri tabanlı. (Henüz bu olsa denemek zorunda).
- Menü yapısı ve içeriği görsel NAVT Admin üzerinden ayarlanabilir.
- Kompakt: iç içe düzeyleri için JQuery tabanlı flyouts.
- Hızlı: jQuery menü için Google sunucularından yüklenen (Bunun yerine yerel olarak çekmek aynı şeyi yapıyor) Tez kendisini isteriz. Bu biraz işler daha hızlı olur.
- Ölçeklenebilirlik - menü Bu tür düzenlenebilir ve yapılandırılabilir NAVT eklenti ayarları ile her an her yerde kodlama herhangi bir ihtiyaç duymadan.
Ben bir üs olarak dinamik sürücü portal bu mükemmel menüsü kullanılır. Ben de custom_functions.php içine Tez ile çalışması için PHP chunk de biraz JavaScript kodu özelleştirmek zorunda kaldı. Ayrıca ön numarası mevcut sayfa, kategori ve mesaj Sitemden menü yapısı araya kullanılmıştır. Sitenizin özellikleri farklı olacak - ama kavramlar aynı olacaktır.
Haydi, biz devam eder?
Kurulum NAVT için adım adım talimatlar, özelleştirilebilir çok seviyeli, iç içe SEO dostu tabanlı
ve sadece düz görünümlü Tema Wordpress ve Tez için navigasyon menüsü serin
- Wordpress admin paneline gidin. Plugins-"navt" için yeni arama ekle>. Tapa gösterilir. Tıklayınız [Install], [Şimdi yükle], "Etkinleştir Plugin".
- Araçlar-> NAVT listeler, "Navigasyon Grubu" alanı içinde "grubu adını bulun ve girin:" Menu1 "alanında basın [oluşturma] düğmesine tıklayın. "Menu1" dikdörtgen alan oluşturdu var.
Bu "Menu1" alanında menü yapımı için temel oyun alanı olacaktır. Sen sürükleyerek olacak ve burada menü öğeleri düşmüştür. - "Varlıklar" alanında "Home" seçim "diğer" listbox ve tıkırtı bulabilirsiniz. "Ana" thingie içinde bir "atanmamış" alanında görünür. Weird, eh? No worries sürece çalışıyor - ve o olacak bizim için.
- "Varlık" alanından içine "dikdörtgen alan Menu1 bu" Home "thingie sürükleyin. It "Home" öğesini menüsünde olacaktır.
- "Kategoriler" alanında Maddeler alan "bazı sayfaları için adımları tekrarlayın 3-4, yanı sıra kategoriler. Size menüsünde Menu1 "içine" dikdörtgen olmak istediğiniz diğer öğeleri sürükleyin. Sayfalara tıklayabilir, "kod bloğu" listesinde bölücü "ve kategoriler olarak, kullanıcılar ve bazı özel elemanlar. Kod bloğudur serin yol menü içinde özel parçaları ekleyin.
- Sen Menu1 "içinde kendi sırasını yeniden düzenlemek için" alan menü öğeleri sürükleyerek.
- Siz "Her menü öğesi hiyerarşik konumu ayarlayabilirsiniz <" ve ">" ok.
- Her bir menü öğesi metin adını tıkladığınızda - Bu öğe için akla boggling ilave özelleştirme iletişim kutusu açılır. Ben çok ama varsayılan kullanılan teknik Delirdin gidebilir ve resim yapma-menü seçeneklerinin tabanlı ve içine HTML kodu topakları eklemek başlar. Dikkatli olsa devam edin.
- Diğer "alt" anne "çocuk" ben "türü Kodu blok kullanılan hizmet edecek linkless unclikable alt menüler için. Örneğin ben Menü öğesi alias "için" = "MemberWing" ve "kod bloğu girin girmiş gibi kod bloğu öğe özelleştirme:" = "<a href='#'> <MemberWing / a>". Having href = "#" o tıklanabilir yapmak değil, ancak geçerli bir "veli" menüsünde seçenek olarak hareket.
- Burada nasıl NAVT 'Menu1' yapı inşa hemen hemen tamamlanmış gibi görünüyordu:
- Ve sonra "dişli" simgesini menü yapısı özelleştirmek için tıklayın ilk bina Finish:
- It 4 sekmeleri ile iletişim kutusu açılır: Seçenekler, Ekran, CSS, Tema.
- Seçenekleri "" sekmesine gidin ve emin olun her şeyi ve "grup adı" işaretlenmemiş olduğundan emin olun diyor: "Menu1"
- Kontrol edilir Görüntü "sekmesi" gidin ve göster navigasyon grup "emin her şeyi ..." alan [x]. Varsayılan olarak geri kalanı bırak.
- CSS "sekmesini seçin ve radyo düğmesi" gidin (x) "" CSS sınıfları uygulamayın.
- Tema "sekmesi" gidin ve bu şekilde de doldurun:
Yerleştirin "önce etiketler ekleyin ..." Bu alan kodu:
<div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
Yerleştirin "sonra etiketler ekleyin ..." Bu alan kodu:
<br style='clear: left' /></div> - Medya [kaydetmek / kapama] düğmesine
- NAVT eklenti seçenekleri içinden Bu noktada menü binasında tamamlandı.
Şimdi süresi Tez tema için hazır olarak almak için biraz ayar yapabilirsiniz. Için birkaç özel dosyaları eklemek - CSS ve menü ait ve Tez 'custom_functions.php güncelleme JavaScript - Download dosyaları burada complete set.
- Unzip arşiv. Eğer özelleştirmeleri ile custom_functions.php güncelledik - benim malzeme ile birleştir gerekir. Sana o kadar bırakacağım.
Varsa onu dokunulmaz - benimki ile üzerine yazmak çekinmeyin. Lütfen dikkat: Ben (varsayılan üzerindedir web sitesi başlığı altında menü pozisyonu tercih) - bu kadar ayar de bu tercihi dahil. - Bu gibi tüm alt dizinler ve dosyalar Tez tema 'özel' dizini altında olmak üzere arşiv yükle,:
.../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
Ben custom.css dokunulmaz var - menü tutmayı tercih spesifik CSS kendi konumları altında custom.css iç karışıklık yaratarak önlemek için - Bu noktada web sitesi yeniden ve yeni güzel yeni çok seviyeli, iç içe, SEO optimize menü görüyorum.
- Her zaman geri NAVT ayarlarına girip daha fazla seçenek ya da bir şey konumlandırmak ile menü özelleştirmek. Canlı site otomatik olarak yansıtılır.
Yolun ...
Bu eğitimde menü bir tür yaratıcı örnek dahil. Ben başka bir ile oynanır - gibi görünür ne kadar koyu renkli menü görmek için:
Tez tema - çok düzeyli iç içe CSS menü - koyu paleti
Ben çok güzel olduğunu düşünüyorum. Tez ve biraz çaba ile diğer Wordpress temaları için özelleştirmek mümkün Çok fazla seyir örnekleri Dynamic Drive mevcut - hepsi vardır:
Dynamic Drive Yatay Menüler
Sana Bu eğitimde faydalı ve yararlı bulacağınızı umuyorum. Dediğim gibi, herhangi bir tez bu menülerin özelleştirmek mümkündür - o zaman ve arzu make it happen verilir.
Senin için bir sözleşme olarak bu işi yapabiliriz. Sadece gibi menü, benimle temas seçin ve kodu ve talimatları web siteniz için çalışmak gerekir.
20 $
Ve tabii ki eğer sizi süper SEO Premium Wordpress üyelik portal optimize - bunun için en iyi çözüm binaya konum:
Tez Tema + üyelik eklentisi MemberWing + kendini elbette Wordpress ev sahipliği yaptı.
