Mükemmel Dikey menü için arayış ...
Bu yazının Bölüm 1 için yatay çok düzeyli iç içe geçmiş menü inşa süreci adım adım açıklanan Wordpress Tez tema . Bölüm 2 Bu işlevselliğini artırmak için devam edecektir. Burada yatay navigasyon menüsü "karanlık" bir sürümü eklenir ve nasıl "parlak" ve "karanlık" sürüm arasında geçiş yapmak için size öğretecektir. Bölüm 2 Part 1 üst kümesidir. + Bölüm 1 tüm içeren daha güzel şeyler ekler.
Ana fikir sunmak istedim dikey menü ekleme Tez tema (ve genel olarak Wordpress). Ben samimi ve sınırsız iç içe düzeyleri oluşturmak için olanak sağlayacak çoklu tarayıcı uyumlu dikey menü SEO, gerçekten esnek arıyordu.
WEB konu ile ilgili sayfaları ton vardır ama ben tüm bu örnekleri deneyin başladığında onlar da bozuldu yıkılmış, yalnızca düzeyleri sınırlı sayıda desteklenen veya Gates, + Ballmer junksplorer 6 davranış sergiledi. Sonunda denenmiş ve güvenilir döndüm ve Dinamik Sürüş menüleri dikey örnekleri, benim sıkı şartlara uyan güzel bir örnek olduğunu kanıtladı. Tez modeli uygun olduğundan emin olmak için bile önemli ölçüde bunları değiştirmek zorunda.
Mükemmellik arayışı devam ediyor ...
Ben yaklaşık 16 saat, arama, montaj, test, sabitleme, parlatma ve dikey menü CSS ve js kodu ve zaman 3/4 MSIE 6 çalışmaz hale geçti tuning geçirdi.
Herneyse, ben nihai sonuç ile mutlu oldu. Sonuçlandı dikey navigasyon menüsü hepsi aynı faydaları yatay menü olduğunu.
Dikey menü eklemek için yeteneğine sahip web portalları yaklaşık% 70-80 için çok önemlidir. Yatay menüler birçok menü seçenekleri ancak dikey menü bu sınırlama yoktur ve son derece yardımcı olacaktır barındırmak için "boşluk" sınırlıdır. Yani burada biz gidin.
Bunu sağlamak için adımlar Lots zaten açıklanan bu biraz daha kısa bir öğretici bölüm 1 yapacak, ama çok daha zengin özelliklere sahip sonuçlar.
Yani burada it goes:
Bina SEO dostu, Wordpress ve dikey, çok düzeyli, hiyerarşik olarak iç içe menü Tez tema . Adım Adım
(... Ne mümkün hiç düşünmemiştim ...)
- Exec php eklentisi yükleyin ve etkinleştirin. Metin widget içinde dikey menü 'HTML kodu yaymak için PHP kullanabilirsiniz, çünkü buna ihtiyacınız olacak.
- 6 - adım 1, öğretici bölüm 1 . Temelde yüklemek ve etkinleştirmek NAVT eklentisi kullanın + görsel menü inşa etmek gerekir. Menü grup adını 'menu1' olduğundan emin olun. Bu isim custom_functions.php kodlanmış
- Özelliklerini düzenlemek için 'menu1' grubu için 'dişli' simgesini tıklayın:
- "Seçenekler", "Görüntü" ve "CSS" sekme ayarlarını ayarlamak için Bölüm 1 öğretici Adımlar 7.1 -7.3 izler.
- Şimdi bu iletişim "Tema" sekmesine tıklayın. (1. adımda takip) Biz orada ayarları sayısı üzerine yazılır. Bu ok şey kaybetmezsiniz ama ben adım 1'den bazı kod değişti çünkü bu değişiklikler ihtiyaç vardır.
İşte bu iletişim nasıl doldurulması gerekmektedir:- Içinde "Tema xpath:" alanına bu kodu girin (bu sınıfları ile herhangi bir etiket yerine emreder):
.jquerycssmenu, .jqueryslidemenu - "Eylem" Set "Değiştir"
- Inside bu kodu girin alan "navigasyon grup önce etiketleri Ekle":
<div class='jquerycssmenu' style='margin-top:5px;'> - İç alan "Ekle etiketleri navigasyon grubundan sonra" bu kodu girin:
<br style='clear: left' /></div> - Üzerinde [kapatın / kaydedin] düğmesine tıklayın.
- Içinde "Tema xpath:" alanına bu kodu girin (bu sınıfları ile herhangi bir etiket yerine emreder):
- Şimdi Wordpress admin panelinden gitmek -> Görünüm -> Widgets.
- "Metin" widget (Büyük "Mevcut widget") sağ tarafında bulunan "Kenar Çubuğu 1" alanı içine sürükleyin. Biz dikey menü gerçekleştirmek için bize yardımcı olacak Metin widget kod ekleyerek olacaktır.
NOT: "Kenar Çubuğu 1" varlığı var sanıyorum. Tez seçenekleri kapatmak için izin verir ama bu yazının uğruna olması yapalım. - Sonra sürüklenen ve bu widget düştü (MSIE mücadele bitti artık romantik hissediyorum) bir çiçek gibi açılıyor.
- "Başlık" alanında "Dünyanın en iyi dikey menü" girin ... Peki, yaratıcılığınızı kullanmak için ücretsiz hissediyorum - bu metin yeni doğmuş bir dikey menü üzerinde gidecek.
- Metin için büyük bir alanda - Bu PHP kodu girin:
<?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;
?> - Basın [Kaydet] düğmesine, "Kapat" bağlantısını tıklayın.
- Indirin dosyaları burada güncellendi .
Bu arşiv içerir:- "Parlak" yatay menü kodu güncelleştirilmiş bir sürümünü
- Yatay menü "Karanlık" sürüm
- Dikey menü kodları
- Custom_functions.php ve güncelleştirilmiş bir sürümünü
- Şimdi bu arşivi açın ve 'özel' dizine yüklemek için gereken Tez tema .
Not: custom_functions.php içinde herhangi bir özelleştirmeleri varsa bunları birleştirmek gerekiyor istiyorum. Aksi takdirde benim sürüm üzerine yazmak çekinmeyin. - Voila! Şimdi web sitenize yükleyin ve aynı "parlak" yatay menü + Sol kenar neato dikey menü görebilirsiniz.
- BONUS görev: "parlak" bir "karanlık" renk düzeni üzerine yatay menü değiştirmek olsun.
- Custom_functions.php dosya içinde:
Bu kodu değiştirin:
echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
//echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
Bu kod ile:
//echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
Temelde bir satır yorumlama ve diğer bir duruma. - Şimdi Wordpress Admin-> Araçlar-> NAVT Listesi gidin ve 'menu1' grubunun niteliklerini düzenlemek için yukarıda belirtilen "dişli" ikonuna tıklayın.
- "Tema" sekmesine tıklayın.
- Inside bu kodu girin alan "navigasyon grup önce etiketleri Ekle":
<div class='jqueryslidemenu' style='margin-top:5px;'> - Şimdi sayfayı yeniden yükleyin ve "sihirli" bir ana yatay navigasyon menüsü, böyle bir şey karanlık oldu:
Tez tema - çok düzeyli iç içe CSS menü - koyu renkler
Koyu renk paleti ışık rengi birden bazı siteler için daha uygun olabilir. Yani sen şimdi hayatın bir seçim özgürlüğü var!
- "Parlak" renk düzeni geri almak için sadece "Bonus" Yukarıdaki adımları geri.
- Custom_functions.php dosya içinde:
- Sonuç:
I love Tez Tema , Wordpress seviyorum ve biz, portallara iyi navigasyon menüleri eklemek için bir yolu vardır o da seviyorum.
20 $
Tadını çıkarın!
Gleb esman
comments } { 5 yorum }
