Elementor ile bir arama sonuçları sayfası nasıl oluşturulur?

Elementor ile bir arama sonuçları sayfasının nasıl oluşturulacağını öğrenmek ister misiniz?

Kişisel bir blogunuz, bir e-ticaret web siteniz veya birden fazla kullanıcılı büyük bir web siteniz olsun, bir arama özelliği eklemek yeterince önemlidir. Ziyaretçilerinizin gezinme menüsünde buraya ve oraya tıklamak yerine aradıkları içeriği bulmasını kolaylaştırır.

WordPress'te, arama sonuçları sayfasının görünümü (düzeni), kullandığınız temadaki (dosya) bir şablon tarafından kontrol edilir. search.php çoğu durumda). Varsayılan düzen size uymuyorsa, bunun yerine özel bir şablon oluşturabilirsiniz.

PHP becerileriniz yoksa, kullanabilirsiniz. Elementor (veya aşağıdaki gibi tema oluşturucu işlevine sahip diğer sayfa oluşturucu eklentileri) Divi Oluşturucu et WPBakery) WordPress'te özel bir arama sonuçları sayfası şablonu oluşturmak için.

Elementor kullanarak bir arama sonuçları sayfası şablonu oluşturabilmek için, Tema Oluşturucu özelliği yalnızca Elementor Pro'da mevcut olduğundan Elementor'un pro sürümünü kullanmanız gerekir.

Elementor ile bir arama sonuçları sayfası nasıl oluşturulur?

Elementor'u kullanarak özel bir arama sonuçları sayfası oluşturduğunuzda, bir sayfa oluştururken beğendiğiniz herhangi bir öğeyi ekleyebilirsiniz. Ekleyebileceğiniz 90'dan fazla öğe (widget olarak adlandırılır) vardır.

Ayrıca Oku: Elementor'da form gönderimleri nasıl yönetilir?

Elementor, iş akışınızı kolaylaştırmak için önceden oluşturulmuş arama sonuçları sayfası şablonları sunar. Veya kendi tasarım konseptiniz varsa, arama sonuçları sayfasını kendiniz de oluşturabilirsiniz.

Bu makalede, sıfırdan bir arama sonuçları sayfası şablonunun nasıl oluşturulacağını göstereceğiz. İşte oluşturmak istediğimiz arama sonuçları sayfasının ekran görüntüsü.

Yukarıdaki arama sonuçları sayfasını oluşturmak için iki bölüm kullanacağız:

• Bölüm 1: Başlığı yerleştirmek için (arama sonuçlarının açıklaması)
• Bölüm 2: Arama formunu ve arama sonuçlarını yerleştirmek için

Başlamadan önce, Elementor sürümünüzü yükseltmediyseniz, pro sürüme yükselttiğinizden emin olun. Hazır olduğunuzda şuraya gidin: Şablonlar -> Tema Oluşturucu WordPress gösterge tablonuzda.

Ayrıca bakınız: Elementor Nasıl Kullanılır: Eksiksiz Kılavuz

düğmesine tıklayın Ayriyeten yeni bir model oluşturmak için (veya düğmesine tıklayabilirsiniz) Şimdi dene Elementor's Themes Builder'ı denemek için).

Model türünü şu şekilde ayarlayın: Arama Sonuçları, modelinize bir isim verin ve butona tıklayın BİR MODEL OLUŞTUR ikincisini oluşturmaya başlamak için.

Arama sonuçları sayfasını sıfırdan oluşturmak istediğimiz için, görünen şablon kitaplığı penceresini kapatmanız yeterlidir.

Ayrıca okuyun: Elementor'da bir sütuna nokta efekti nasıl eklenir

Bir widget eklemeye başlamadan önce sayfa düzenini ayarlayabilirsiniz. Bunu yapmak için ayarlar panelinin (sol taraftaki panel) alt tarafındaki dişli simgesine tıklayın. Düzeni şurada ayarlayabilirsiniz: Sayfa Düzeni seçeneği bloktan Genel ayarlar sekmenin altında Ayarlar.

Bölüm 1

Yukarıda gösterildiği gibi, arama sonuçları sayfasının açıklamasını görüntülemek üzere başlığı yerleştirmek için bu bölümü kullanacağız. Yeni bir bölüm eklemek için Elementor'un düzenleme kutusundaki artı düğmesini tıklamanız yeterlidir. Tek sütun yapısını seçebilirsiniz. Bölüm eklendikten sonra Başlık widget'ını buraya sürükleyin.

Sol panele gidin. blokta Başlık sekmenin altında içerik, alandaki veritabanı simgesine tıklayın Başlık ve seç Arşiv başlığı.

Daha sonra sekmeye erişebilirsiniz stil başlığı özelleştirmek için Metin rengi, tipografi (yazı tipi ailesi, yazı tipi boyutu, yazı tipi stili vb.) gibi öğeleri tanımlayabilirsiniz. İsterseniz karışım modu ve metin gölgesi de uygulayabilirsiniz.

Bölümün arka planını ayarlamak, bir ayırıcı eklemek veya kenar boşluğunu ayarlamak istiyorsanız, düzenleme moduna geçmek için bölüm tutamacına tıklayabilirsiniz.

Bölüm 2

düğmesine tıklayın Artı yukarıdaki 1. bölümde yaptığınız gibi yeni bir bölüm eklemek için. Tek sütun yapısını da seçebilirsiniz. Bölüm eklendikten sonra Arama Formu widget'ını sürükleyin.

Ardından ayarları yapmak için ayarlar paneline erişebilirsiniz. blokta Arama Formu altında İçerik sekmesi, Dış Görünümü, yer tutucuyu, simgeyi, simgenin boyutunu vb. tanımlayabilirsiniz ...

Formu özelleştirmek için sekmeyi açabilirsiniz. Stil. Açabileceğiniz iki parametre bloğu vardır: Giriş et düğme. Bloktan Giriş, tipografi, metin rengi, arka plan rengi, kenarlık rengi, kenarlık boyutu ve kenarlık yarıçapını ayarlayabilirsiniz.

Bloktan Buton, düğme metin rengini, arka plan rengini, tipografiyi, simge boyutunu ve düğme genişliğini ayarlayabilirsiniz.

Arama Formu pencere aracının stili oluşturulduğunda, Arşiv Gönderileri pencere aracını ekleyebilirsiniz. Arama Formu widget'ının hemen altına yerleştirebilirsiniz.

Bu widget yerleştirildikten sonra sol panele gidin. bloğun altında Düzen, sekme içerik, dış görünümü, sütun sayısını, görüntünün konumunu, özün uzunluğunu, meta verileri vb. tanımlayabilirsiniz ...

Blokta Çağrı, sayfalandırma türünü, sayfa sınırını ve hizalamayı ayarlayabilirsiniz.

Blokta İleri, mesajı, WordPress sağlanan arama sorgusunu bulamadığında görüntülenecek şekilde ayarlayabilirsiniz.

Sekmenin temel ayarları bir kez içindekiler tamamlandı, sekmeye geçebilirsiniz stil Gönderileri Arşivle widget'ının görünümünü özelleştirmek için Bu sekmede açabileceğiniz 6 blok var.

• Düzen

Bu bloğu, yazıların metinsel içeriğinin (yazı başlığı ve meta) hizalamasını tanımlamak için açabilirsiniz. Sütunlar ve satırlar arasındaki boşluğu da tanımlayabilirsiniz.

• Resim

Küçük resimlerin kenarlık yarıçapını ayarlamak için bu bloğu açabilirsiniz. Ayrıca aralığı ayarlayabilir ve CSS filtreleri uygulayabilirsiniz.

• içerik

Yazılar için tipografi, metin rengi ve metin içeriğinin aralığını ayarlamak için bu bloğu açabilirsiniz.

• Sayfalara numara koyma

Sayfalandırmayı etkinleştirirseniz, sayfalandırmayı özelleştirmek için bu bloğu açabilirsiniz. Tipografi, metin rengi ve sayılar arasındaki boşluk gibi şeyleri ayarlayabilirsiniz.

• Hiçbir Şey Bulunamadı Mesajı

WordPress sağlanan arama sorgusuna göre içeriği bulamadığında hata mesajını özelleştirmek için bu bloğu açabilirsiniz. Yazının tipografisini ve rengini bu blok üzerinde tanımlayabilirsiniz.

İhtiyacınız olursa daha fazla widget ekleyebilirsiniz. Sayfayı düzenlemeyi bitirdikten sonra, düğmesine tıklayabilirsiniz. YAYINLA VEYA GÜNCELLEME Ayarlar panelinin alt kısmında.

Bir görüntüleme koşulu eklemeniz istenirse, düğmesine tıklayarak bir tane eklemeniz yeterlidir. BİR ŞART EKLE. Bir arama sonuçları sayfası oluşturduğunuzdan, görüntüleme koşulunu şu şekilde ayarlayın: Arama Sonuçları. düğmesine tıklayın KAYDET KAPAT değişikliği uygulamak için

Ve işte gidiyorsun!

Her WordPress tabanlı web sitesinin, web sitesi tarafından kullanılan temaya bağlı olarak benzersiz bir arama sonuçları sayfası vardır. Kullandığınız temanın sunduğu arama sonuçları sayfasının düzeni size çekici gelmiyorsa, bunu özelleştirebilirsiniz.

PHP becerileriniz yoksa, WordPress web sitenizde özel bir arama sonuçları sayfası oluşturmak için Elementor'u kullanabilirsiniz. Her şey sürükle ve bırak. PHP kodunu değiştirmeye gerek yok.

Ayrıca Elementor'u özel üstbilgi, özel altbilgi, özel 404 sayfası ve dosyanızın diğer bölümlerini oluşturmak için de kullanabilirsiniz. WordPress tema.

Elementor Pro'yu Hemen Alın!

1. WooCommerce Otomatik Yanıtlayıcı

WooCommerce Otomatik Yanıtlayıcı bir WordPress Plugin bu, müşterilerinizi otomatik yanıtlayıcınıza abone olmanızı sağlar. Bu WordPress Plugin ayrıca kolayca entegre etmek için bir haber bülteni abonelik kutusu görüntüler WooCommerce otomatik yanıtlayıcıya.

Diğer özellikler arasında bulacağınız özellikler olarak: WooCommerce ile tam entegrasyon, 9 otomatik yanıtlayıcı desteği, kodlama bilgisi gerekmez, kurulumu kolay ve çok daha fazlası.

Ayrıca Oku: Fransızca MailChimp öğretici: Bir haber bülteni oluşturmak için tam bir rehber

Indir | gösteri | Web hosting

• SMTP üzerinden e-posta göndermek için 9 WordPress eklentileri
• 7 WordPress, bir Google Haritalar'ı web sitenize yerleştirmek için eklentileri
• WordPress'te çok bölgeli bir ağ nasıl kurulur
• Yazılara ve sayfalara meta bölümler nasıl eklenir

Sonuç