Ana İçeriğe Geç

Divi ikincil menüsüne bir arama alanı nasıl eklenir

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 901.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

Bir arama alanı olmadan site navigasyonunuz zarar görecektir. İnternetteki en sağlam tarama deneyimine sahip olabilirsiniz, ancak kullanıcılarınız tam olarak aradıklarını arayamazlarsa, işinizi kaybetme riskiniz vardır (ve muhtemelen kaybedersiniz). Bu öğretici, Divi ikincil menüsüne bir arama kutusu ekleme konusunda size rehberlik edecek, böylece durum ne olursa olsun, kullanıcılarınız ihtiyaç duydukları her şeyden her zaman birkaç tıklama uzakta olacaklar.

Divi arama kutusuna genel bakış

ofis

hareketli

divi'nin arama kutusunun mobil versiyonu

Genel başlığı indirin ve / veya değiştirin

Bu makale için, bakkal teslimat düzeni paketimizle birlikte gelen ücretsiz üstbilgi/altbilgiyi kullanacağız. basitçe indirebilirsiniz .Zip *: Fransızca arşivleyin ve gerekli olanı çıkarın .json bilgisayarınızda dosya.

json dosyası

Bundan sonra WordPress kontrol panelinize gidin ve Divi - Tema oluşturucu. Oradan üzerine tıklamanız gerekiyor yukarı ve aşağı ok simgesi taşınabilirlik seçeneklerini açmak için

divi arama kutusu için tema oluşturucu

Yeni modda, üzerine tıklayın ithalat sekmesini bulun ve .json indirdiğiniz dosya. Hazır olduğunuzda, seçin Divi tema oluşturucu modellerini içe aktarın İndirmeyi başlatmak için.

dosyaları içe aktar

Bu noktada, giriş yapmaya hazırsınız. Genel başlık bir parçası Varsayılan web sitesi şablonu. Den ithal .json file, freebie'yi genel site başlığı olarak otomatik olarak uygulamış olmalıdır.

genel başlık

İkincil menü çubuğuna bir arama alanı ekleyin

Divi Visual Builder'ı kullanarak Global Header olarak buna benzer bir şey görmelisiniz.

genel başlık düzenleyici

Yapmak istediğimiz ilk şey, arama kutusu için alan yaratmak. Arama kutusunun tüm ziyaretçiler tarafından kolayca erişilebilir olduğundan emin olmak istiyoruz, bu nedenle onu ikincil menüye ekleyeceğiz (en üstte). Ana Sayfa / İletişim hat).

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

Başlamak için, arama kutusunu kullanarak ekleyeceğiz. Divi arama modülü ilk satırın üçüncü sütununda.

üçüncü sütundaki arama modülü

Yer tutucu metin, arama alanları için önemlidir, bu nedenle modülünüz yerinde olduğunda şuraya gidin: Parametreler ve ayarını yap Ayrılmış alan kullanıcıya ne arayacağını hatırlatan bir şeye metin. koyduk Öğeleri bulun! bir yer tutucu olarak, böylece kullanıcı bakkaliye teslimatı düzen paketini kullandığımız için arayabileceklerinin bu olduğunu bilecek.

divi arama kutusunun içindeki yer tutucu metin

Arama kutusunun üçüncü sütunda olması iyi değil. yani girmek istiyoruz Araştırma Modülü ayarlarına gidin ve Tasarım dil. Bul onu Trafo seçeneklerine gidin, ardından çevirmek sekmesi (ikinci). Daha sonra arama modülünü yerine sürükleyebilirsiniz ve Divi bunun için tüm CSS ve boşlukları halledecektir.

Ayrıca bu değer için % kullanırız, böylece masaüstündeki görüntü alanından bağımsız olarak göreceli kalır. kullanma piksel bazı farklı çözünürlükleri bozabilir.

dönüştürme seçenekleri

Divi Trafo Çevir seçeneklerin mobil için de ayarlanması gerekir. Eğer yapmazsan, aynı. Bu yüzden mutlaka gidin Reaktivite parametreleri ve ikincil menü seçeneklerinde arama modülünün konumunu tanımlayın. Cep telefonunun dikey konumunu ayarladık çünkü onu satırın üçüncü sütununa yerleştirmek otomatik olarak satırdaki öğelerin altında gösteriyor.

mobil için dönüşüm

Divi arama modülünü şekillendirme

Bir arama kutusu için çok fazla stil seçeneğiniz olmasa da, birkaç tane var. Yani, hem etkin olmadığında hem de kullanıcı tıkladığında metnin ve alanın kendisinin rengi. (Ve elbette boşluk ve boyutlandırma ve diğer standart Divi tasarım seçenekleri.)

Renk seçeneklerini bulmak için Şampiyon menüdeki Tasarım dil. Genişletildiğinde, yer tutucunun metninin rengini, alanın arka plan rengini ve alan metninin rengini (kullanıcı tarafından girilen metin, yani söylemek için) değiştirme olanağına sahipsiniz. Ek olarak konsantre olmak varyasyonlar, kullanıcının özellikle arama kutusuyla etkileşime girdiği zamandır.

arama kutusu stili

Bu beğeninize göre şekillendirildiğinde, Kaydet düğmesini tıklayın.

En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?

Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]

Görünürlük ayarlarını kontrol edin

Ücretsiz düzen ve başlık paketlerimizden bazıları, masaüstü ve mobil cihazlar için farklı görüntüleme seçenekleriyle birlikte gelir. Görsel oluşturucuda karartılmış / grileştirilmiş modlar görüyorsanız, bu, modun bazı cihazlarda devre dışı bırakıldığını gösterir.

Market teslimatı başlığı için, mobil cihazlarda son iki sütun devre dışı bırakılır. girmek istiyoruz Satır Parametreleri ve mobilde görüntülemek istediğiniz sütunların ayarlarına tıklayın. Bu durumda, üçüncüdür.

hat seçenekleri

sonra şuraya git ilerleme dil ve şuraya git görünürlük seçenek. Burada, altındaki tüm seçeneklerin olduğundan emin olun. devre dışı bırakmak yaklaşık işaretlenmemiş arama alanınızı içeren sütun için. Kaydet düğmesine tıklayın (yeşil kene) ve modüller renkli görünmeli ve artık renksiz olmamalıdır.

Champ de recherche

Her şeyin görünür olduğundan emin olduktan sonra, bu şeyi çevrimiçi hale getirmeye hazırsınız!

Çalışmanı kaydet

üzerine tıkladığınızdan emin olun. yeşil kaydet düğmesi ekranın sağ alt köşesinde.

değişikliklerinizi kaydedin

Artık sağ üst köşedeki X'i kullanarak görsel oluşturucuyu kapatmaya hazırsınız. Bir sonraki ekranda Divi Theme Builder'ın tüm seçeneklerinizi kaydettiğinden emin olmak isteyeceksiniz. diyorsa Değişiklikleri kaydet, düğmesine tıklayın. diyorsa Bütün değişiklikler kaydedildi, arama alanınız Divi ikincil menünüzde zaten yayındadır.

divi arama kutusu değişiklikleri kaydet

Nihai sonuçlar

Yapmanız gereken tek şey sitenizdeki çalışmanıza hayran kalmak!

ofis

Masaüstü versiyonu

hareketli

mobil versiyon

Divi arama alanı ile sonuç

Arama kutuları, siteniz için iyi bir kullanıcı deneyiminin temel bir parçasıdır. Ziyaretçilerinize mümkün olan en iyi hizmeti sunmak istiyorsanız, içeriğinizin aranabilir olduğundan emin olmak en önemli önceliklerinizden biri olmalıdır. Umarım bu hızlı ve kolay yöntemi kullanabilir ve yakında Divi sitenize uygulayabilirsiniz!



Kaynak link

Bu makale yorumları 0 içeriyor

YORUM BIRAKIN

E-posta hesabınız yayımlanmayacak. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
0 hisseleri
hisse
cıvıltı
Enregistrer