WordPress Temalarına Özel Gezinme Menüleri Ekleme

WordPress temanıza özel gezinme menüleri eklemek istiyor musunuz? Gezinme menüleri, çoğu web sitesinin üstünde görüntülenen yatay bağlantı listesidir.


Varsayılan olarak, WordPress temaları önceden tanımlanmış menü konumları ve düzenlerle gelir, ancak kendi özel gezinme menülerinizi eklemek isterseniz ne olur??

Bu makalede, WordPress’te kolayca özel gezinme menülerini nasıl oluşturacağınızı ve ekleyeceğinizi göstereceğiz, böylece bunları temanızın herhangi bir yerinde görüntüleyebilirsiniz.

WordPress temalarına özel gezinme menüleri ekleme

Bu WordPress Gezinme Menüsü Ne Zaman Gerekir??

Çoğu WordPress teması, sitenizin gezinme bağlantılarını bir menüde görüntüleyebileceğiniz en az bir nokta ile gelir.

Menü öğelerini WordPress yönetici alanınızdaki kullanımı kolay bir arabirimden yönetebilirsiniz.

Web sitenize yalnızca gezinme menüleri eklemek istiyorsanız, WordPress’te gezinme menüsünün nasıl ekleneceği ile ilgili başlangıç ​​kılavuzumuzu takip etmeniz yeterlidir..

Bu öğreticinin amacı, DIY / orta düzey kullanıcıların WordPress temalarına özel gezinme menüleri eklemelerine yardımcı olmaktır.

Bu makalede aşağıdaki konuları ele alacağız:

    Bunu söyledikten sonra, temanıza nasıl özel WordPress gezinme menüleri ekleyeceğinize bakalım.

    WordPress Temalarında Özel Gezinme Menüleri Oluşturma

    Gezinme menüleri WordPress temalarının bir özelliğidir. Her tema kendi menü konumlarını ve menü desteğini tanımlayabilir.

    Özel bir gezinme menüsü eklemek için yapmanız gereken ilk şey, bu kodu temanızın işlevlerine ekleyerek yeni gezinme menünüzü kaydetmektir. Php dosyası.

    işlev wpb_custom_new_menu () {
    register_nav_menu (‘özel menüm’, __ (‘Özel Menüm’));
    }
    add_action (‘init’, ‘wpb_custom_new_menu’);

    Şimdi gidebilirsin Görünüm »Menüler sayfasına gidin ve yeni bir menü oluşturmaya veya düzenlemeye çalışın. Tema konumu seçeneği olarak “Özel Menüm” ü göreceksiniz.

    Temaya özel gezinme menüsü eklendi

    Birden fazla yeni gezinme menüsü konumu eklemek istiyorsanız, bunun gibi bir kod kullanmanız gerekir:

    işlev wpb_custom_new_menu () {
    register_nav_menus (
    dizi(
    ‘my-custom-menu’ => __ (‘Özel Menüm’),
    ‘ekstra menü’ => __ (‘Ekstra Menü’)
    )
    );
    }
    add_action (‘init’, ‘wpb_custom_new_menu’);

    Menü konumunu ekledikten sonra, yeni başlayanlar için gezinme menülerini nasıl ekleyeceğimize ilişkin eğiticimizi izleyerek WordPress yöneticisine bazı menü öğeleri ekleyin.

    Bu, temanızdaki menüyü görüntüleyen bir sonraki adıma geçmemizi sağlayacaktır..

    WordPress Temalarında Özel Gezinme Menülerini Görüntüleme

    Ardından, WordPress temanızda yeni gezinme menüsünü görüntülememiz gerekiyor. Gezinme menülerinin genellikle yerleştirildiği en yaygın yer, site başlığının veya logosunun hemen ardından bir web sitesinin başlık bölümüdür.

    Ancak, navigasyon menünüzü istediğiniz yere ekleyebilirsiniz.

    Bu kodu, temanızı menünüzü görüntülemek istediğiniz şablon dosyasına eklemeniz gerekir.

    <?php
    wp_nav_menu (dizi (
    ‘theme_location’ => ‘My-özel menü’,
    ‘container_class’ => ‘custom-menu-class’));
    ?>

    Tema konumu, önceki adımda seçtiğimiz addır.

    Kapsayıcı sınıfı, gezinme menünüze eklenecek CSS sınıfıdır. Menünüz web sitenizde düz bir madde işaretli liste olarak görünecektir.

    Özel, düz liste olarak görüntülenir

    Menülerinizi şekillendirmek için .custom_menu_class CSS sınıfını kullanabilirsiniz. İşte başlamanıza yardımcı olacak örnek bir CSS:

    div.custom-menu-class ul {
    kenar boşluğu: 20px 0px 20px 0px;
    liste stili tipi: yok;
    liste stili: yok;
    liste stili-resim: yok;
    text-align: right;
    }
    div.custom-menu-class li {
    dolgu: 0px 20px 0px 0px;
    ekran: satır içi;
    }
    div.custom-menu-class a {
    Renk: #FFFFFF;
    }

    Özel menü tarzı

    Gezinme menüsünü şekillendirme hakkında daha fazla bilgi edinmek için WordPress gezinme menülerini nasıl şekillendireceğinizle ilgili ayrıntılı eğitimimize bakın

    Sayfa Oluşturucu’yu Kullanarak WordPress’e Özel Gezinme Menüsü Ekleme

    Özel bir açılış sayfası veya ana sayfa düzeni oluşturuyorsanız, bir WordPress sayfa oluşturucu eklentisi kullanmak her şeyi çok daha kolay hale getirir.

    Piyasadaki en iyi WordPress sayfa oluşturucu olan Beaver Builder’ı kullanmanızı öneririz. Basit sürükle ve bırak araçlarını kullanarak her türlü sayfa düzeni oluşturmanıza olanak tanır (kodlama gerekmez).

    Bu, sayfa düzeninize özel bir gezinme menüsü eklemeyi de içerir.

    İlk olarak, Beaver Builder eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

    Etkinleştirdikten sonra, yeni bir sayfa oluşturmanız veya gezinme menüsünü eklemek istediğiniz mevcut bir sayfayı düzenlemeniz gerekir. Gönderi düzenleyicisi ekranında, “Kunduz Oluşturucusunu Başlat” düğmesini tıklayın.

    Beaver Builder'ı Başlat

    Yeni bir sayfaysa, Beaver Builder ile birlikte gelen hazır şablonlardan birini kullanabilirsiniz. Ayrıca çıkış sayfanızı hemen düzenleyebilirsiniz.

    Bir şablon seçin

    Ardından, Menüler modülünü eklemeniz ve sayfanızda menüyü görüntülemek istediğiniz yere sürükleyip bırakmanız gerekir.

    Sayfanıza menü modülü ekleyin

    Bu, Menü modülü ayarlarını bir açılır pencerede getirir. İlk olarak, kullanmak istediğiniz navigasyon menüsünü seçmeniz gerekir. Adresini ziyaret ederek her zaman yeni menüler oluşturabilir veya mevcut bir menüyü düzenleyebilirsiniz Görünüm »Menüler WordPress yönetici alanındaki sayfa.

    Menü modülü ayarları

    Diğer ayarları da inceleyebilirsiniz. Beaver Builder, menünüz için özel renkler, arka plan ve diğer stil özelliklerini seçmenizi sağlar.

    İşiniz bittiğinde, Kaydet düğmesine tıklayabilir ve menünüzü önizleyebilirsiniz.

    Beaver Builder ile eklenen özel gezinme menüsünün önizlemesi

    WordPress’te Mobil Uyumlu Duyarlı Menüler Oluşturma

    Mobil cihazların kullanımındaki artışla, birçok popüler efektten birini ekleyerek menülerinizi mobil uyumlu hale getirmek isteyebilirsiniz.

    Duyarlı menü örneği

    Mobil menüler için bir kaydırma efekti (yukarıda), açılır efekt ve hatta bir geçiş efekti ekleyebilirsiniz..

    Mobil uyumlu duyarlı WordPress menülerinin nasıl oluşturulacağına ilişkin ayrıntılı bir adım adım kılavuzumuz var.

    WordPress Gezinme Menüleriyle Daha Fazlasını Yapın

    Gezinme menüleri güçlü bir web tasarım aracıdır. Kullanıcıları web sitenizin en önemli bölümlerine yönlendirmenize olanak tanır.

    WordPress, menünüzde bağlantıları göstermekten çok daha fazlasını yapmanızı sağlar. WordPress sitenizdeki gezinme menülerinin işlevselliğini genişletmek için bu faydalı eğitimleri deneyin.

    • WordPress’te Gezinme Menüleri ile Görüntü Simgeleri Nasıl Eklenir
    • WordPress’te Menülere Koşullu Mantık Ekleme
    • WordPress temanıza menü açıklamaları nasıl eklenir
    • WordPress’e Tam Ekran Duyarlı Menü Nasıl Eklenir
    • WordPress Sitenize Mega Menü Ekleme

    Hepsi bu kadar, umarım bu nihai kılavuz WordPress’e nasıl bir navigasyon menüsü ekleyeceğinizi öğrenmenize yardımcı olmuştur. Ayrıca, en kullanışlı 25 WordPress widget’ının listesini ve WordPress eklentilerine sahip olmamız gereken listeyi görmek isteyebilirsiniz..

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
      Like this post? Please share to your friends:
      Adblock
      detector
      map