WordPress sitesine arama çubuğu nasıl eklenir

Arama çubuğu, bir web sitesinin kimsenin karşı çıkmayacağı önemli bir unsurudur. Bunun nedeni, bir web sitesinin ana sayfa, ürün sayfaları, blog sayfaları, fiyat sayfaları vb. Aracılığıyla çok fazla bilgi içermesidir. Bu yüzden WordPress sitenize bir arama çubuğu eklemelisiniz. Farklı sayfalarda bazı bilgilere ihtiyacınız varsa, bunu nasıl bulacaksınız? Onları bu sayfaları tek tek ziyaret ederken bulacak mısınız? Tabii ki, bunu yapmak istemezsiniz. Gerekli bilgileri bu şekilde bulamayacaksınız. Ama zaman ve mide bulandırıyor. Sitenize bir arama çubuğu eklemek burada oynatılacaktır.
Doldurma gizle
1 Sitenize neden bir arama çubuğu ekliyorsunuz?
2 Varsayılan WordPress arama widget’ıyla menüye bir arama çubuğu ekleyin:
3 Varsayılan WordPress arama widget’ına sahip bir arama çubuğu ekleyin:
3.1 Gösterge tablosundaki widget’a gidin:
3.2 Kullanılabilir widget’lardan arama widget’ı ekleyin:
3.3 Gerekli ayarları yapın:
3.4 Sayfanızdaki arama çubuğuna bakın:
4 Arama Widget ElementsKit ile bir arama çubuğu ekleyin:
4.1 Dashboard’dan yayınlarınızdan veya sayfalarınızdan birine gidin:
4.2 Elementor penceresine dönme:
4.3 Widget Arama Widget’ı sürükleyin ve kaldırın:
4.4 Arama çubuğunun parametrelerini ayarlama:
4.5 Sonunda iyisin!
5 CSS koduyla bir arama kutusu ekleyin:
5.1 Tema düzenleyicisini açın:
5.2 Header.php veya sidebar.php dosyasını açın:
5.3 Aramanın işlevlerini ekleyin Bilan:
5.4 Sitenizdeki arama çubuğuna bakın:
6 End:
Neden sitenize bir arama çubuğu ekliyorsunuz? Örneğin, sitenizde bir arama çubuğunuz yoktur. Bu durumda, ziyaretçiler sitenizi ziyaret edeceğinde, ihtiyaç duydukları bilgileri bulmakta zorluk çekecektir. Sonuç olarak, sitenizi terk edecekler ve bunları web sitesine koymak için tüm hedefler boşuna olacak. Sitenize bir arama çubuğu ekleyerek alabileceğiniz bazı ana avantajlardan bazılarını sunmama izin verin.
Müşterilerinizin bilgi bulmasını kolaylaştırın
Kullanıcının deneyimini kolaylaştırın
Katılımı artırmak
Baskının oranını azaltma
Çabayı azaltan birkaç anahtar kelimeyle gerekli öğeleri veya bilgileri görüntüleyin
Varsayılan WordPress arama widget’ıyla menüde bir arama çubuğu ekleyin: Varsayılan WordPress arama widget’ıyla menüde bir arama çubuğu ekleyebilir misiniz? Hayır, yapamazsın. Çünkü WordPress, yalnızca widget’lara hazır alanlara arama bıçakları eklemenize izin verir.
Menüde bir arama çubuğu eklemek istiyorsanız, web sitenizin başlıkları ve altbilgiler de dahil olmak üzere çeşitli alanlarında diğer eklentileri veya widget’ları kullanmanız gerekir. Bu nedenle, bu öğreticide WordPress sitenizde arama bıçakları eklemek için size 3 farklı yöntemle rehberlik edeceğim. Şimdi, varsayılan WordPress widget’ından web sitenize nasıl bir arama çubuğu ekleyebileceğinize bakalım. Varsayılan WordPress arama widget’ına sahip bir arama çubuğu ekleyin: Arama çubuğunu web sitenize girmenin en kolay ve en rahat yolu WordPress kontrol panelinizdir. Nasıl yapılır? Hadi kontrol edelim-
Gösterge tablosundan widget’a gidin: Başlangıçta Yönetici Paneli Gösterge Tablosunu açın ve bir görünüm bulun. Gezin ve görünüm altındaki öğeler listesinden widget’ı tıklayın. Gösterge Tablosu> Ekran> Widget Kullanılabilir widget’tan arama widget’ını ekleyin: Bu sizi farklı bir sayfayla görünen yeni bir sayfaya götürecektir. Şimdi, mevcut tüm widget’ları görmek için “Blok Ekle” düğmesine ( +işaretlerle görünen) basın. Arama widget’ını bulmak için aşağı kaydırın veya arama widget’ını bulmak için arama alanında “arama” yazabilirsiniz. Arama çubuğunun görünmesi için istediğiniz parçayı tıklayın ve Arama Widget’a basın. Veya arama widget’ını istediğiniz parçaya çekebilir ve kaldırabilirsiniz.
Gerekli olanı değiştirin: Arama çubuğu şimdi seçilen bölümün altında görünecektir. Arama çubuğunun seviyelendirilmesi, düğmenin konumu, metnin rengi vb. Gibi farklı öğelerde gerekli değişiklikleri yapabilirsiniz. İhtiyaçlarınıza göre arama çubuğuna özel bir etiket de ekleyebilirsiniz. Son olarak, Güncelleme düğmesini tıklayın.

Sayfanızdaki arama çubuğuna bakın: Şimdi, yayınlanmış sayfalarınızdan veya yayınlarınızdan birini ziyaret ederseniz, ana tarafta arama çubuğunun veya arama kutusunun göründüğünü görebilirsiniz.

Arama widget ElementsKit ile bir arama çubuğu ekleyin: Şimdi, WordPress sitenize arama bıçakları eklemek için başka bir kolay yol boyunca size rehberlik edeceğim. Ve bu, başlık öğelerini arama için widget üzerinden. Elements aracılığıyla bir arama kutusu eklemek kolaydır.

Daha fazla uzatmadan kontrol edelim

Gösterge tablosundan bulunan yayınlarınızdan veya sayfalarınızdan birine gidin: her şeyden önce gösterge tablosunu açın ve bir gönderi veya sayfa bulun. Burada, Widget ElementsKit’in “Merhaba Dünya!” “Gönder” i açın, ardından tüm yayınlarınızı görüntülemek için “Tüm Mesajlar” ı seçin. Oradan, bir arama çubuğu eklemek istediğiniz gönderiyi seçebilirsiniz. Mevcut bir yayınınız veya sayfanız yoksa, yeni bir gönderi veya sayfa eklemelisiniz. Gösterge Tablosu> Gönderiler> Tüm Gönderiler> Andaberli Gönderi Elementor Penceresine: Şimdi, üstte bulunan “Elementor ile Düzenle” yi tıklayın. Bu sizi Elementor penceresine götürecektir.
Widget Arama Widget’ı sürükleyin ve kaldırın: Elementor penceresinde birçok widget’a erişeceksiniz. Widget’ları bulmak için arama alanına “Başlık Arama” widget’ı yazın. Veya aşağı kaydırabilir ve bir widget bulabilirsiniz. Widget’ı izledikten sonra, arama çubuğunun görünmesi için sürükleyin ve belirtilen alana gidin. Bu bir başlık arama çubuğu olduğu için yayın metninizin üzerine bir parça eklemeyi unutmayın.

Arama çubuğu parametresini ayarlayın: sayfada arama çubuğu göründükten sonra, çubuk parametrelerini tercihlerinize göre ayarlama zamanı. İçerik sekmesinin altında, yer tutucu metnini koyduğunuz, arama simgesini seçtiğiniz ve yazı tipi boyutunu ayarladığınız başlık arama bölümüne sahip olacaksınız.

Stil sekmesinin altında 2 bölüm arama ve arama kapsayıcınız olacaktır. Başlık Arama bölümünden, arka plan renkleri, sınırlar, arama kutusu gölgeleri, kenar boşlukları vb. Gibi parametreleri ayarlayabilirsiniz. arama çubuğundan.

Arama konteyneri bölümünden, arka plan türünü seçebilir ve yer tutucunun metnini ve sınırın rengini ayarlayabilirsiniz. Son olarak, gitmekte fayda var! Ayarlarınızı bitirdikten sonra, yayınınızın önündeki arama çubuğunu kontrol etmeye ve görmeye hazırsınız. Arama kutusu ekranından memnun değilseniz, yönetici panelinden tekrar değiştirebilirsiniz.

ElementsKit’i şimdi deneyin

ElementsKit, güçlü modüller, widget’lar, megamenu ve üstbilgiler ve altbilgiler dahil Elementor sayfa yapımcıları için hepsi bir arada bir eklentidir.

CSS koduyla bir arama kutusu ekleyin: Sitenize bir arama çubuğu eklemek için kullanabileceğiniz bir yol daha vardır ve CSS kodunu kullanır. Bunu yapmak için biraz teknik bilgiye ihtiyacınız olsa da, bu bir roket bilimi değil. Süreci burada göstereceğim ve bundan sonra çok kolay olacak.

Tema düzenleyicisini açın: Her şeyden önce, gösterge tablosundan “Ekran” ı tıklayın ve “Tema Düzenleyicisi” e gidin.

Header.php veya sidebar.php dosyasını açın: Bununla birlikte, varsayılan olarak style.css dosyasına geçeceksiniz. Oradan, arama çubuğunun görünmesini istediğiniz konuma bağlı olarak header.php veya sidebar.php dosyasını açın.
Arama çubuğu işlevini ekleyin: Şimdi, bu işlevi ekleyin Header.php veya sidebar.php dosya kodunuzda. Header.php dosya koduna işlevi ekledim.
Sitenizdeki arama çubuğuna bakın: Son olarak, yayınlanmış sayfalarınızdan birini açın, arama çubuğunun üstte göründüğünü göreceksiniz. Sidebar.php dosyasına bir işlev eklerseniz, arama çubuğu yan çubukta görünecektir.
Son: İşte!WordPress sitenize arama bıçakları eklemek için size 3 süper kolay teknikle rehberlik ettim.İhtiyaçlarınıza bağlı olarak, bunlardan birini seçebilirsiniz.Ancak, Header ElementsKit arama widget’ına sahip bir arama çubuğu eklerseniz, ek avantajlar elde edersiniz.Bu da ne?Temel olmadan ayar seçeneği !!!Bu nedenle, ayarlamaları seviyorsanız, ElementsKit başlık arama widget’ından yararlanın.Bununla, arama çubuğunuza büyüleyici bir görünüm verebilirsiniz. ElementsKit’i şimdi alın

ElementsKit’in son güncellemesi hakkında daha fazla bilgi edinmek ister misiniz?ElementsSkit’teki en son güncellemelerde blogumuzu ziyaret edin.

admin

Bir Cevap Yazın

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