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 adım süreci adım tarif Tez WordPress teması . Bölüm 2 Bu işlevselliğini artırmak için devam edecek. Burada yatay gezinme menüsü "karanlık" sürümü katacak ve nasıl "parlak" ve "karanlık" sürüm arasında geçiş yapmak size öğretecektir. Bölüm 2 Bölüm 1 üst kümesidir. Bu + Bölüm 1 tüm içeren daha güzel şeyler ekler.
Ben sunmak istediğim ana fikir için dikey menü ekliyor Tez tema (ve genel olarak WordPress için). Ben samimi ve sınırsız iç içe düzeyleri oluşturmak için izin verecek çoklu tarayıcı uyumlu dikey menü SEO, gerçekten esnek arıyordu.
WEB konuyla ilgili sayfaların ton vardır ama bütün bu örnekler denemek için başladı - onlar da bozuldu yıkılmış, yalnızca düzeyleri sınırlı sayıda desteklenen veya Gates + Ballmer Kullanıcı junksplorer 6 davranış sergiledi. Son olarak denedim ve güvenilir geri aldım Dinamik Sürüş menüleri kendi dikey örnekleri benim sıkı şartlara uyan güzel bir durumda olduğunu kanıtladı. Ben Tez modeli uygun olduğundan emin olmak için bile önemli ölçüde bunları değiştirmek zorunda kaldı.
Mükemmellik arayışı devam ediyor ...
Ben, arama montaj, test, sabitleme, parlatma ve dikey menü CSS ve. Js kodu ve zaman 3/4 'MSIE 6 çalışma yaparak geçirdi ayarlayarak yaklaşık 16 saat geçirdiler.
Her durumda, nihai sonuç ile mutlu oldu. Sonuçlandı dikey navigasyon menüsü var hepsi aynı faydaları yatay menü olduğunu.
Dikey menü ekleme yeteneğine sahip web portalları 70-80 yaklaşık% çok önemlidir. Yatay menüler birçok menü seçenekleri ancak dikey menü bu sınırlama yoktur ve son derece yardımcı olacağını 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 anlatılan öğretici bölüm 1 bu biraz daha kısa biri için yapacak çok, ama çok daha zengin özelliklere sahip sonuçlar.
Yani burada gider:
Bina SEO dostu, WordPress ve Tez tema için dikey, çok düzeyli, hiyerarşik olarak iç içe menüsü. Adım Adım
(... Ne hiç ummadığınız ...)
- Install exec php eklentisi ve etkinleştirin. Ben dikey menü 'HTML kodu yaymak için metin Widget'ı PHP kullanacağız çünkü ihtiyacınız olacak.
- 6 - 1 adım mı öğretici bölüm 1 . Temelde yüklemek ve etkinleştirmek NAVT eklenti kullanmak + görsel menü oluşturmak gerekir. Menü grup adı 'menu1' olduğundan emin olun. Bu isim custom_functions.php olarak kodlanmış
- Bu özellikleri düzenlemek için 'menu1' grubu için 'dişli' simgesine tıklayın:
- "Seçenekler", "Görüntü" ve "CSS" sekmeler 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 edilmiş ise) Biz orada ayarları sayısı üzerine yazılır. Bu ok - bir şey kaybetmezsiniz - ama adım 1'den bazı kod değişti çünkü bu değişiklikler ihtiyaç vardır.
Bu iletişim içinde doldurulması gereken İşte nasıl:- İçi "Tema xpath:" Bu alan kodu (bu sınıfları ile herhangi bir etiket yerine emreder) girin:
.jquerycssmenu, .jqueryslidemenu - "Bununla değiştir" için "Eylem" Set
- Inside bu kodu girin alanına "navigasyon grup önce etiket ekleme":
<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 "Tema xpath:" Bu alan kodu (bu sınıfları ile herhangi bir etiket yerine emreder) girin:
- Şimdi WordPress yönetici paneline gidin -> Görünüm -> Widgets.
- Sağdaki "Kenar Çubuğu 1" alanına "Metin" widget (büyük "Mevcut widget" alanından) sürükleyin. Biz bize dikey menü gerçekleştirmek için yardımcı olacaktır Metin widget'ı kodu ekleyerek olacaktır.
Not: Seni varlığı "Kenar Çubuğu 1" var sanıyorum. Tez seçenekleri kapatmak için verir - ama bu yazının uğruna olması yapalım. - Sonra sürüklenen ve bu widget düştü - bir çiçek (I MSIE mücadele bitti artık romantik hissediyorum) gibi açılır olacaktır.
- "Başlık" alanında "Dünyanın en iyi dikey menü" girin ... Peki, yaratıcılığınızı kullanmaktan çekinmeyin - metin sizin yeni doğmuş dikey menü yukarıda 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.
- Buradan indirebilirsiniz dosya kümesinin güncellendi .
Bu arşiv içerir:- "Parlak" yatay menü kodu güncellenmiş versiyon
- Yatay menü "Karanlık" sürümü
- Dikey menü kodları
- Custom_functions.php güncellenmiş versiyon
- Şimdi bu arşivi açın ve Tez tema 'özel' dizine yüklemek gerekir.
Not: custom_functions.php içinde herhangi bir özelleştirme yaptıysanız - bunları birleştirmek gerekiyordu. Değilse - Benim sürümü üzerine yazmak için çekinmeyin. - Voila! Artık web sitenizi yeniden ve aynı "parlak" yatay menü + sol kenar çubuğu neato dikey menü görebilirsiniz.
- BONUS görev: "karanlık" renk düzeni üzerine "parlak" yatay menü değiştirelim.
- Custom_functions.php dosya içerisinde:
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 yorum oluşturma ve diğeri etkin duruma edilir. - Şimdi WordPress yönetici-> Araçlar-> NAVT Listeler gidin ve 'menu1' grubunun niteliklerini düzenlemek için yukarıdaki "dişli" ikonuna tıklayın.
- "Tema" sekmesine tıklayın.
- Inside bu kodu girin alanına "navigasyon grup önce etiket ekleme":
<div class='jqueryslidemenu' style='margin-top:5px;'> - Şimdi - Sayfanızı yeniden - ve sizin ana yatay navigasyon menüsü "sihirli", böyle bir şeyi karanlık oldu:
Tez tema - çok düzeyli iç içe CSS menü - koyu renkler
Koyu renk paleti açık renk bir daha bazı siteler için daha uygun olabilir. Şimdi size hayatınızı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çerisinde:
- Sonuç:
Ben Tez Tema seviyorum, WordPress seviyorum ve bizim portalları iyi navigasyon menüleri eklemek için bir yol olduğu gerçeğini seviyorum.
20 $
Tadını çıkarın!
Gleb esman
{Bu girişe ilişkin Yorumlar kapalı}
