Nav & amp Elementor menüsünü nasıl ayarlar;Element portföy widget (öğretici)

WordPress sitesi kullanıcı deneyiminizi karlı bir tasarımla geliştirmek ister misiniz? Bu soru aklınızda kalırsa doğru yerdesiniz. Yeni kullanıcının yolculuğu web sitenize girdikten sonra başlar. Ziyaretçiniz sitenizin organize veya karmaşık olmadığını görürse ne olur? Kuşkusuz, siteniz kötü bir izlenim edinecek ve kullanıcılar seçtikleri içeriği bulamayacak. Kullanıcıların% 61’i, aradıklarını hızlı bir şekilde bulamazlarsa diğer siteleri dener. Google So, daha iyi kullanıcı deneyimleri için bir web sitesi yapısı geliştirmenize ne yardımcı olabilir?
Bugünkü gönderi öğreticisinde, Elementor sitenizdeki NAV & Portfolio menüsünü kullanarak web sitenizi kullanıcı deneyiminizi nasıl geliştirebileceğinizi göstereceğiz. NAV Elementor Widget menüsünden başlayalım. NAV Elementor menüsü nedir?

Navigasyon Menüsü veya NAV menüsü, aynı anda tıklanabilen tüm önemli bağlantıları görüntüleyen bir web sitesi segmentidir. Kullanıcılar siteye girerse, web sitesinde içerik seçimlerini bulmak için her bağlantıyı tıklayabilirler. NAV menüsü farklı bir şekilde sunulabilir. Yatay, dikey ve açılır gibi.
Web sitenizin şablonuna bağlı olarak, bunlardan birini seçebilirsiniz. Ancak, sitenizin tasarımıyla eşleşen en uyumlu olanı kullanmanızı öneririz. İşte mevcut mutlu eklentiler menüsüne bir örnek. Bu harika ve basit görünüyor. Web sitesi menünüzü böyle korumaya çalışın ve çok önemli bir bağlantı ekleyin. NAV Elementor Menüsü Nasıl Çalışır (Gezinme Menüsü Türü) NAV menüsü Elementor Widget’ın WordPress sitenizde kullanabileceğiniz üç tür desen olduğunu biliyoruz. Diğer Elementor widget’ları gibi, navigasyon menüsü widget’larının da uygulanması kolay ve çok esnektir. Bu widget’ı uygulamak için üçüncü taraf bir uzantıyı bile kullanmanız gerekmez. Bu üç tür düzen dışında, işaretçi ve animasyon, önceden belirlenmiş menü ayarları, alt menü, hücresel yanıtlar vb. Ekleyebilirsiniz. Bir tek başına tartışalım ve herhangi bir WordPress sitesinde nasıl çalıştığını görelim: Bu deseni kullanarak yatay NAV menüsü, menü soldan sağ tarafa yatay olarak genişletilecektir. Bu tasarım düzeni özellikle web sitelerini basit ve temiz tutmak isteyen kullanıcılar içindir. Profesyoneller, halka açık figürler, haber portalları ve diğer Elementor web siteleri için.
Görüntü Kaynağı: Elementor

Yatay menü gibi dikey navigasyon menüleri, dikey menü menüyü yukarıdan aşağıya doğru genişletir. Bu düzen harika ve şık ve basit görünüyor. Siteniz herhangi bir gayrimenkul, eğitim veya çevrimiçi ajansı temsil ediyorsa, bu düzeni Elementor sitenizde uygulayabilirsiniz.
Görüntü Kaynağı: Elementor

Daha fazla bilgi edinin: Çevrimiçi Business nav menü römorkör için yüksek dönüşümlü bir sayfa nasıl oluşturulur Tug-Redang dikey görünüyor, ancak açılır düğmeyi tıkladıktan sonra menü açılacak. Başlıktaki alanı korumak istiyorsanız bu basit ama harika düzeni kullanabilirsiniz. Kullanıcılara logolar, başlık metni, sosyal düğmeler ve daha fazlası dahil olmak üzere iyi bir web sitesi ekranı vermek için yeterli alan. Bir portföy web siteniz, tutku web sitesi, müzik veya kişisel web siteniz varsa bu tasarım modelinden yararlanabilirsiniz. İşte görebileceğiniz bir örnek. Kaynak görüntü: elementor
Aşağıdaki Elementor’a Menü Nasıl Eklenir WordPress sitenizdeki NAV Elementor menüsünü eklemek için adım adım bir işlem gösteriyoruz. Önkoşul

WordPress sitesi
Element (Ücretsiz)
Element (Pro)
Mevcut bir WordPress siteniz olduğunu varsayalım. Ücretsiz Elementor ve Pro sürümünü yüklediniz. Navigasyon menüsü premium bir özelliktir. Bu widget’ı kullanmadan önce bir pro paketi satın almanız gerekir. Birinci Adım: Yeni bir sayfa aç
Elementor tuvalini seçin ve ‘Elementor ile Düzenle’ düğmesini tıklayın.
İkinci Adım: Bölüm Ekle
Bir Elementor tuvali seçtiğinizde, yeni bir arayüz alacaksınız. Bunu yapmak için kırmızı düğmeyi (+) tıklayın. Ve sonra kullanmak istediğiniz bölümünü seçin. Bizim durumumuzda, ikinci deseni seçtik.

İkinci deseni seçtikten sonra, ekranın üstünde iki parça görebilirsiniz.
Şimdi Elementor arama çubuğundaki ‘nav menü’ widget’ı arayın.

Bulduktan sonra, istediğiniz bölümde widget’ı sürükleyin ve çıkarın. Sizi parçanın sağ tarafına koymanızı tavsiye ediyoruz.

Menüyü bu bölüme ekledikten sonra yakında görünecektir. WordPress’te nasıl bir menü oluşturacağınızı bilmiyorsanız, buradaki yönergelere bakın.

Üçüncü Adım: NAV menüsünü ayarlayın, Site menünüzü ayarlamaya hazırsınız. Bu özelleştirmede üç önemli parça kullanabilirsiniz.

Doldurmak

Stil
Gelişmiş
İçeriğin özelleştirilmesi İçerikte, iki seçenek bulabilirsiniz. Düzen ve Sarma Bağlantısı. Şimdi Düzen düğmesine dokunun. Menü tasarımınız için ilgili tüm ayar seçeneklerini bulacaksınız.
Menü: WordPress sitenizde oluşturduğunuz menüyü seçin.
Düzen: Üç tür düzen vardır. Yatay, dikey ve açılır.

Hizalama: Menü seviyenizi değiştirmek için.
İşaretçi: menünüzü daha çekici hale getirmek için bunları ekleyin. Sonuçta, üst çizgi, çerçeve, metin vb.
Animasyon: Bununla menünüze animasyon ekleyebilirsiniz. Soluk iniş, büzülme ve diğerleri gibi.
Açılır Modil: Tasarımınızın hücresel duyarlı olup olmadığını kontrol edin.
Bakalım bu widget’a nasıl düzen ekleyebilirsin
Aynı şekilde, widget’a animasyon uygulayabilirsiniz.
Kuvvetin Özelleştirilmesi İlk ayarlamadan sonra menü modunu ayarlayabilirsiniz. Bunun için stil düğmesine dokunun. Ve iki seçenek bulacaksınız – ana menüler; römorkör.

NAV Elementor menü widget’ınıza nasıl hızlı bir şekilde özellik ekleyebileceğinize bakalım. Burada metnin, genişlik, dolgu, dikey dolgu ve boşluğun rengini değiştirebilirsiniz.

İmleç yönetirken reklam rengi için imleci tıklayın ve eklemek istediğiniz seçimin rengini değiştirin.

Gelişmiş özellikler gelişmiş özelliklere sahip, mevcut tasarımınızla daha fazlasını yapabilirsiniz. Hareket, arka plan, sınır etkisi, maskeleme, konumlandırma, yanıt verme, özel CSS ve daha fazlasının etkileri gibi. Tüm tasarımı bitirdikten sonra yayın düğmesini tıklayın. Ve NAV Elementor menünüz aşağıdaki gibi olacaktır:
Elementor sitenize NAV menüsü widget’ı bu şekilde ekleyebilirsiniz. Sadece özelliklerin nasıl çalıştığını göstermeye ve tasarıma nasıl uygulamaya çalışıyoruz. Şimdi bunu tek tek uygulama sırası.

Ancak, ayrıntılı yönergeler almak istiyorsanız, şimdi görebileceğiniz videolar.

NAV Elementor menüsüne başka ne ekleyebilirsiniz?

Alt çizgi animasyonu

Arka plan animasyonu
Metin animasyonu
Spasi ve menü mektupları
Renk, arka plan ve tipografi
Ve daha fazlası
Bu nedenle, bu özellikleri kullanarak WordPress menü yapısını geliştirebilir ve standart bir ekran sağlayabilirsiniz. Ama hatırla; Doğru adımları izleyerek uygulamayı deneyin. Örneğin, yerel sunucunuzda tek tek deneyebilirsiniz. Son tasarımı onayladıktan sonra, doğrudan sitenize uygulayın. Web sitenizin web sitesi şablonu oluşumuna zarar vermek istemiyorsanız bu kuralı uygulamayı deneyin.
Bonus İpuçları: Happy Mega Eklentiler Menü Widget’ı tanıtmak Bu özellikleri web sitesi menünüzde birleştirmenin yanı sıra, Mega Happy eklentileri menü widget’ı kullanarak daha gelişmiş özellikler ekleyebilirsiniz.Dribble, Invision, Bobbi Brown, Adidas, Puma, Evernote ve daha fazlası gibi bir mega menü oluşturabilirsiniz.Ayrıca, sitenizde özel bir simge, rozet ve varsayılan WordPress menüsü ekleyebilir ve kullanıcılarınız için daha güzel hale getirmenize yardımcı olabilirsiniz.İşte mutlu eklentiler mega menü widget’ı hakkında bilgi edinmek için kontrol edebileceğiniz kısa bir öğretici. Ayrıntılı yönergeler almak için, bu widget’ın nasıl çalıştığını ve uygulama sürecini öğrenmek için resmi belgeleri de görebilirsiniz.Widget Portfolio Elementor kullanarak WordPress sitenizi nasıl ayarlayabilirsiniz
Bir portföy web sitesi oluşturun
Burada portföy widget’ının diğer premium özellikleri hakkında konuşacağız. Elementor Navigasyon menüsünü ayarladıktan sonra, bir portföy widget’ı uygulayarak sitenin görünümünü geliştirebilirsiniz. Bu widget, özel yayınlarınızı, sayfalarınızı ve yazılarınızı çekici bir kafeste görüntülemeye yardımcı olur ve filtrelenebilir. Süreci tamamlamak sadece birkaç adım alır. Böylece bu widget’ı sitenizde kolayca kullanabilirsiniz. Ancak, Elementor ile nasıl bir portföy ekleyeceğinize bakalım. Zaten bir Elementor ile oluşturulan bir portföy web siteniz olduğunu varsayıyoruz. Değilse, bir Elementor kullanarak bir portföy web sitesi oluşturmayı öğrenmek için makaleleri okuyabilirsiniz. Birinci Adım: İlk sayfayı oluşturun, bir portföy widget’ı eklemek istediğiniz sayfayı açın. Ve sonra Elementor ile düzenle’yi tıklayın. Bundan sonra tasarım tuvaliniz açılacaktır. NAV Elementor Menü Widget’ı ekleme şekliniz, bu widget’ı da ekleyebilirsiniz.
İkinci adım: Arama çubuğunda bir portföy widget’ı bulmak için bir portföy widget’ı ekleyin ve tuval üzerine sürükleyin.

Not: Portföy widget’ı yalnızca yayınlar, sayfalar ve özel yayın türleri ile çalışır. Portföy widget bir galeri ile çalışmaz. Üçüncü Adım: Portföy widget’ını ayarlayın Bir widget ekledikten sonra yayınınız otomatik olarak ekranda görünecektir.
Tüm özelleştirme üç bölümden oluşur. İçerik, stil ve ilerleme. Doldurmak

Sütun: Widget’ta görüntülenen sütun sayısını ayarlayın
Gönderi Sayısı: Widget’ta görüntülenecek doğru sayıda gönderiyi ayarlayın

Görüntü Boyutu: Görüntü boyutunu ayarlayın

Ürün oranı: Ürün oranını ayarlayın

Başlık göster: Başlığı görüntülemeyi veya gizlemeyi seçin. Başlık, imleci başlık HTML TAG: Başlığı H1 … H6, Span, Div veya Paragraf ile Sarma başlıkına yönlendirirken görüntülenir.

Filtre Bıçakları: Filtre bıçaklarını portföyün üzerindeki görüntülemeye veya gizlemenizi ayarlayın. Mesajları görüntülemek için taksonomiyi seçin. Seçenekler şunları içerir: herhangi bir özel gönderinin herhangi bir kategorisi, etiketi ve taksonomisi
Sorgu: Widget’ın içeriği görüntüleyeceği kaynağı seçin. Seçenekler arasında yayınlar, sayfalar, varsa özel yayın türleri, manuel seçim, geçerli kuyruk ve ilgili.
Stil
Öğe boşlukları: öğeler arasındaki doğru mesafeyi ayarlayın
Çizgi boşluğu: Öğe satırı arasındaki doğru mesafeyi ayarlayın
Sınır yarıçapı: Açısal yuvarlaklığı kontrol etmek için görüntünün yarıçap sınırını ayarlayın
Arka Plan Rengi: İmleci resme yönlendirdiğinizde genişliğin arka plan rengini ayarlayın

Renk: Gönderi başlığının rengini ayarlayın. İmleci resme yönlendirdiğinizde başlık kaplamada görünür

Tipografi: Tipografi başlığını ayarlayın

Renk: Filtre çubuğu metninin rengini ayarlayın
Aktif Renk: Filtre çubuğunun etkin metninin rengi ayarlayın
Tipografi: Filtre çubuğu metninin tipografisini ayarlayın
Öğeler Arasındaki Aralık: Filtre çubuğundaki öğeler arasındaki mesafeyi ayarlayın
Aralık filtresi: Filtre çubuğu ile görüntü arasındaki mesafeyi ayarlayın
Gelişmiş özellikleriniz tasarımınıza birkaç gelişmiş özellik ekleyebilir. Marj, dolgu, z-index, CSS, hareket etkisi, arka plan, sınır, maskeleme, özellikler ve daha fazlası gibi. Bu nedenle, tüm tasarım ayarlarınızı ayarladıktan sonra, bu doğrudan sitenizdeki görünümdür.
Ancak, daha ayrıntılı bir öğretici eklemek istiyorsanız, aşağıdaki video eğitimini görebilirsiniz.
Element Menüsü ve Portföy Widget hakkında birden fazla SSS’de WordPress & Elementor ile seyahat web sitesi nasıl oluşturulur
Elementor Navigasyon menüsünü herhangi bir tema ile kullanabilir miyim?
Cevap: Evet, elbette. Elementor, WordPress ekosistemindeki herhangi bir tema ile tamamen uyumludur. Ayrıca, profesyonel özellikler için. Kullanıyorsanız, NAV menüsünü sitenize uygulayabilirsiniz
Pro paketini güncellemezsem Elementor Menüsü ve Portföy Widget işlevi midir?
Cevap: Pro paketini artırdıktan sonra, tüm premium özellikleri kullanabilirsiniz. Ancak tarihinizin sona ermesi durumunda, premium destek alamazsınız. Yazılım güncellemeleri, destek ve diğer şeyler gibi. Bu karışıklıktan kurtulmak için bu makaleyi okuyabilirsiniz. Bu size Pro Elementor’un süresi dolduğunda neler olacağının bir resmini verecektir (ne yapmanız gerektiğini öğrenin).

Pro lisansımı bir alandan diğerine aktarabilir miyim?

Tabii ki. Elementor’u önceki etki alanınızdan devre dışı bırakın ve yeni bir etki alanında etkinleştirin. Hesabınızdan web sitesi> Lisansları Yönetme aracılığıyla yönetebilirsiniz.
Elementor web sitemi bir etki alanından diğerine nasıl geçirebilirim?
Evet, bunu yapabilirsiniz.Örneğin, tüm verileri eksik olmadan başarılı bir şekilde aktarmak için birkaç adım izlemeniz gerekir.Adım 1: Bazı Başlangıç ​​Temizleme Adım 2: Dosyayı Yeni Bir Sunucuya Taşıma Adım 3: Veritabanını Dışa Aktarma Adım 4: Yeni Bir MySQL Veritabanı Oluşturma Adım 5: Veritabanını İçe Aktar Adım 6: WP-Config’i Düzenle Adım 7: Elementor’da URL’yi bul ve değiştir İçerik Adım 8: CSS Elementor’un Rejenerasyonu Daha fazla ayrıntı için, ayrıntılı yönergelere bakın.
Hayır, Pro Elementor’u SEO amacıyla kullanmak zorunda değilsiniz.SEO, içerik için etkili bir yöntem olarak kabul edilir, ancak teknik tasarım tarafı için değildir.Daha iyi bir web yapısının kullanıcı deneyiminizi geliştireceği de doğrudur.Bu yüzden düşünmeyi düşünün.
Sonuç Bir web sitesi menüsü oluşturmak çok fazla çalışma ve sabır gerektirir. Ancak WordPress gibi açık kaynak platformu bizim için kolaylaştırıyor. Kaynaklar, eklentiler, belgeler ve mevcut diğer kısa öğreticiler, herkesin sitelerini oluşturmasına ve ayarlamasına kolayca yardımcı olabilir. Ancak, bir Menü ve WordPress özel portföy sitesi oluşturmanın birkaç yolu vardır. Bunu manuel olarak yapabilir veya yukarıda gösterdiğimiz süreci takip edebilirsiniz. Ancak manuel işlemden kaçınmanızı öneririz. Web sitesi tasarımında yeterli deneyime sahip değilseniz, bu, sitenizin yapısına zarar verebilir. Sürecinizi otomatikleştirmek ve gereksiz çabaları azaltmak için, Elementor Navigasyon Menüsü widget’ı ilk tercih olabilir. Portföy widget’ları, web sayfanızı daha karlı ve ilginç hale getirerek sitenizi yeniden tasarlamanıza yardımcı olabilir. Elementor sitesi tasarım deneyiminizi bir sonraki seviyeye geliştirmek istiyorsanız, mutlu eklentiler kullanabilirsiniz. Bu, çeşitli özelliklerin ve Elementor Widget’ların bir koleksiyonudur. Doğru kullanarak, profesyonel görünümü kısa sürede zenginleştirebilirsiniz. Şimdi mutlu eklentileri deneyeyim

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir