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?
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
Görüntü Kaynağı: 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
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.
Şimdi Elementor arama çubuğundaki ‘nav menü’ widget’ı arayın.
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.
İş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.
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ı.
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
Gönderi Sayısı: Widget’ta görüntülenecek doğru sayıda gönderiyi ayarlayın
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
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).
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