[Ad_1]
Divi arama kutusuna genel bakış
ofis
Telefon
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.
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
Yeni modda, üzerine tıklayın ithalat sekmesini bulun ve .json indirdiğiniz dosya. Hazır olduğunuzda, seçin Oluşturucu modellerini şuradan içe aktar: Divi teması İndirmeyi başlatmak için.
Bu noktada, giriş yapmaya hazırsınız. Genel başlık bir parçası Web sitesi şablonu varsayılan olarak. Den ithal .json file, freebie'yi genel site başlığı olarak otomatik olarak uygulamış olmalıdır.
İkincil menü çubuğuna bir arama alanı ekleyin
Divi Visual Builder'ı kullanarak Global Header olarak buna benzer bir şey görmelisiniz.
Yapmak istediğimiz ilk şey arama kutusu için alan yaratmak. Arama alanına herkesin kolayca erişebildiğinden emin olmak istiyoruz. ziyaretçi, bu yüzden onu ikincil menüye ekleyeceğiz ( Ana Sayfa / İletişim hat).
Başlamak için, arama kutusunu kullanarak ekleyeceğiz. Divi arama modülü ilk satırın üçüncü sütununda.
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.
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.
Divi Trafo Çevir seçeneklerin mobil için de ayarlanması gerekir. Eğer yapmazsan, aynı. Bu yüzden mutlaka gidin Reaktivite ayarları ve ikincil menü seçeneklerinde arama modülünün konumunu ayarlayın. Cep telefonunun dikey yerleşimini ayarladık çünkü onu satırın üçüncü sütununa yerleştirmek onu otomatik olarak satır öğelerinin altında gösteriyor.
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.
Bu beğeninize göre şekillendirildiğinde, Kaydet düğmesini tıklayın.
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.
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.
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.
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.
Nihai sonuçlar
Yapmanız gereken tek şey sitenizdeki çalışmanıza hayran kalmak!
ofis
Telefon
Divi arama alanı ile sonuç
Arama kutuları, siteniz için iyi bir kullanıcı deneyiminin temel bir parçasıdır. Size mümkün olan en iyi hizmeti vermek istiyorsanız, ziyaretçi, içeriğinizin aranabilir olduğundan emin olmak en önemli önceliklerinizden biri olmalıdır. Umarım bu hızlı ve kolay yöntemi kısa sürede Divi sitenize uygulayabilirsiniz!
[Ad_2]
