Kako stvoriti stranicu rezultata pretraživanja s Elementorom

Želite li naučiti kako izraditi stranicu rezultata pretraživanja s Elementorom?

Bilo da imate osobni blog, web mjesto e-trgovine ili veliko web mjesto s više korisnika, dodavanje značajke pretraživanja dovoljno je ključno. Posjetiteljima olakšava pronalazak sadržaja koji traže, umjesto da ovdje i tamo kliknu u navigacijskom izborniku.

U WordPressu izgled (izgled) stranice rezultata pretraživanja kontrolira predložak na temi koju koristite (datoteka search.php u većini slučajeva). Ako vam zadani izgled ne odgovara, možete stvoriti prilagođeni predložak koji će ga zamijeniti.

Ako nemate PHP vještine, možete koristiti Elementor (ili drugi dodaci za izradu stranica koji imaju funkcionalnost graditelja tema poput Divi Builder et WPBakery) za izradu prilagođenog predloška stranice s rezultatima pretraživanja u WordPressu.

Da biste mogli stvoriti predložak stranice rezultata pretraživanja pomoću Elementara, morate koristiti pro verziju Elementara jer je značajka Graditelj tema dostupna samo u programu Elementor Pro.

Kako stvoriti stranicu rezultata pretraživanja s Elementorom

Kada kreirate stranicu prilagođenih rezultata pretraživanja pomoću Elementor-a, možete dodati bilo koji element koji vam se sviđa kada kreirate stranicu. Možete dodati više od 90 stavki (koje se nazivaju widgeti).

Pročitajte također: Kako upravljati prijavama obrazaca u Elementoru

Sam Elementor nudi unaprijed izgrađene predloške stranica rezultata pretraživanja kako bi pojednostavio vaš tijek rada. Ili, ako imate vlastiti koncept dizajna, također možete sami stvoriti stranicu rezultata pretraživanja.

U ovom ćemo vam članku pokazati kako od početka stvoriti predložak stranice rezultata pretraživanja. Evo snimke zaslona stranice rezultata pretraživanja koju želimo stvoriti.

Upotrijebit ćemo dva odjeljka za stvaranje gornje stranice rezultata pretraživanja:

• Odjeljak 1: Za postavljanje zaglavlja (opis rezultata pretraživanja)
• Odjeljak 2: Za postavljanje obrasca za pretraživanje i rezultata pretraživanja

Prije nego što započnete, provjerite jeste li nadogradili verziju Elementara na pro verziju u slučaju da niste. Jednom kad ste spremni, idite na Predlošci -> Graditelj tema na vašoj WordPress nadzornoj ploči.

Otkrijte također: Kako koristiti Elementor: Cjelokupni vodič

Kliknite na gumb Dodaj On za stvaranje novog predloška (ili možete kliknuti gumb Pokušaj sada da isprobate Elementor's Builder tema).

Postavite vrstu modela na Rezultati pretraživanja, dajte svom modelu ime i kliknite na gumb IZRADITE MODEL da započnemo stvarati ovo drugo.

Budući da želimo stvoriti stranicu rezultata pretraživanja ispočetka, možete jednostavno zatvoriti prozor biblioteke predložaka koji se pojavi.

Pročitajte također: Kako dodati efekt točke u stupac u Elementoru

Prije nego što započnete s dodavanjem widgeta, prvo možete postaviti izgled stranice. Da biste to učinili, kliknite ikonu zupčanika na donjoj strani ploče s postavkama (ploča s lijeve strane). Izgled možete postaviti u opcija Izgled stranice iz bloka Opće postavke ispod kartice Postavke.

Odjeljak 1

Kao što je gore prikazano, koristit ćemo ovaj odjeljak za postavljanje zaglavlja za prikaz opisa stranice rezultata pretraživanja. Samo kliknite gumb plus u Elementarovom okviru za uređivanje da biste dodali novi odjeljak. Možete odabrati strukturu s jednim stupcem. Nakon što je odjeljak dodan, povucite widget Naslov.

Idite na lijevu ploču. U bloku Naslov ispod kartice Sadržaj, kliknite na ikonu baze podataka u polju Naslov i odaberite Naslov arhive.

Tada možete pristupiti kartici Stil za prilagodbu zaglavlja. Možete postaviti stvari poput boje teksta, tipografije (obitelj fontova, veličina fonta, stil fonta itd.). Ako želite, možete primijeniti i način miješanja i sjenku teksta.

Ako želite postaviti pozadinu odjeljka, dodati separator ili postaviti marginu, možete kliknuti ručku odjeljka da biste je prebacili u način uređivanja.

Odjeljak 2

Kliknite na gumb Više da biste dodali novi odjeljak kao što ste učinili u odjeljku 1 gore. Također možete odabrati strukturu s jednim stupcem. Nakon što je odjeljak dodan, povucite widget Obrazac za pretraživanje.

Tada možete pristupiti ploči s postavkama da biste izvršili postavke. U bloku Obrazac za pretraživanje pod karticu Sadržaj, možete definirati Skin, rezervirano mjesto, ikonu, veličinu ikone itd. ...

Da biste prilagodili obrazac, možete otvoriti karticu Stil. Postoje dva bloka parametara koja možete otvoriti: Ulazni et Button. Iz bloka Ulazni, možete postaviti tipografiju, boju teksta, boju pozadine, boju obruba, veličinu obruba i radijus obruba.

Iz bloka Dugme, možete postaviti boju teksta gumba, boju pozadine, tipografiju, veličinu ikone i širinu gumba.

Jednom kada se postavi dizajn widgeta Search Form, možete dodati widget Archives Posts. Možete ga smjestiti točno ispod widgeta Obrazac za pretraživanje.

Nakon što je ovaj widget postavljen, idite na lijevu ploču. Ispod bloka Izgled, tab Sadržaj, možete definirati kožu, broj stupaca, položaj slike, duljinu ekstrakta, metapodatke itd.

Na bloku paging, možete postaviti vrstu paginacije, ograničenje stranice i poravnanje.

Na bloku Napredna, možete postaviti poruku da se prikazuje kada WordPress ne može pronaći ponuđeni upit za pretraživanje.

Nakon osnovnih postavki kartice Sadržaj dovršeno, možete se prebaciti na karticu Stil za prilagodbu izgleda widgeta Archive Posts. Na ovoj kartici možete otvoriti 6 blokova.

• Raspored

Ovaj blok možete otvoriti za definiranje poravnanja tekstualnog sadržaja postova (naslov i meta). Također možete definirati razmak između stupaca i redaka.

• Slika

Možete otvoriti ovaj blok da biste postavili radijus obruba minijatura posta. Također možete postaviti razmak i primijeniti CSS filtre.

• Sadržaj

Ovaj blok možete otvoriti za postavljanje tipografije, boje teksta i razmaka tekstualnog sadržaja za postove.

• Obilježavanje strana

Ako omogućite paginaciju, možete otvoriti ovaj blok da biste prilagodili paginaciju. Možete postaviti stvari poput tipografije, boje teksta i razmaka između brojeva.

• Poruka nije pronađena

Ovaj blok možete otvoriti za prilagodbu poruke o pogrešci kada WordPress ne može pronaći sadržaj na temelju ponuđenog upita za pretraživanje. Na ovom bloku možete definirati tipografiju i boju teksta.

Ako ih trebate, možete dodati više widgeta. Nakon što završite s uređivanjem stranice, možete kliknuti gumb OBJAVI ILI AŽURIRAJ na dnu ploče s postavkama.

Ako se od vas zatraži da dodate uvjet prikaza, samo ga dodajte klikom na gumb DODAJTE UVJET. Budući da izrađujete stranicu rezultata pretraživanja, postavite uvjet prikaza na Rezultati pretraživanja, Kliknite gumb SPREMI I ZATVORI primijeniti promjenu.

I eto ti!

Svako web mjesto temeljeno na WordPressu ima jedinstvenu stranicu rezultata pretraživanja, ovisno o temi koju koristi. Ako vam izgled stranice rezultata pretraživanja koju nudi tema koju koristite ne izgleda privlačno, možete ga prilagoditi.

Ako nemate PHP vještine, možete koristiti Elementor za izradu prilagođene stranice rezultata pretraživanja na vašoj web stranici WordPress. Sve se povlači i ispušta. Ne treba manipulirati PHP kodom.

Osim toga, također možete koristiti Elementor za stvaranje prilagođenog zaglavlja, prilagođenog podnožja, prilagođene stranice 404 i drugih dijelova vašeg WordPress tema.

Nabavite Elementor Pro odmah!

1. WooCommerce automatski odgovor

WooCommerce Autoresponder je a WordPress plugin koji vam omogućuje pretplatu vaših kupaca na vaš automatski odgovor. Ovaj WordPress plugin također prikazuje okvir za pretplatu na bilten za jednostavnu integraciju WooCommerce automatskom odgovoru.

Kao značajke naći ćete između ostalog: potpunu integraciju s WooCommerceom, podršku za 9 automatskih odgovora, nije potrebno znanje o kodiranju, lako se instalira i još mnogo toga.

Pročitajte također: MailChimp tutorial na francuskom: potpuni vodič za stvaranje newsletter

Preuzmite | demo | Web hosting

• 9 WordPress dodataka za slanje e-pošte putem SMTP-a
• 7 WordPress dodatke za ugradnju Google karata na vašu web stranicu
• Kako postaviti multisite mrežu na WordPressu
• Kako dodati meta odjeljke na postove i stranice

Zaključak