Sådan oprettes en søgeresultatside med Elementor

Vil du lære at oprette en søgeresultatside med Elementor?

Uanset om du har en personlig blog, et e-handelswebsted eller et stort websted med flere brugere, er det afgørende nok at tilføje en søgefunktion. Det gør det lettere for dine besøgende at finde det indhold, de leder efter, snarere end at klikke her og der i navigationsmenuen.

I WordPress styres udseendet (layout) af søgeresultatsiden af ​​en skabelon på det tema, du bruger (filen søg.php i de fleste tilfælde). Hvis standardlayoutet ikke passer dig, kan du oprette en brugerdefineret skabelon til at erstatte den.

Hvis du ikke har PHP-færdigheder, kan du bruge Elementor (eller andre sidebygger-plugins, der har temabyggerfunktionalitet som f.eks Divi Builder et WPBakery) for at oprette en tilpasset søgeresultatsideskabelon i WordPress.

For at være i stand til at oprette en søgeresultatsideskabelon ved hjælp af Elementor, skal du bruge pro-versionen af ​​Elementor, da Theme Builder-funktionen kun er tilgængelig i Elementor Pro.

Sådan oprettes en søgeresultatside med Elementor

Når du opretter en brugerdefineret søgeresultatside ved hjælp af Elementor, kan du tilføje ethvert element, du kan lide, når du opretter en side. Der er over 90 emner (kaldet widgets), som du kan tilføje.

Læs også: Sådan administreres formularindsendelser i Elementor

Elementor tilbyder selv indbyggede skabeloner til søgeresultatsider for at strømline din arbejdsgang. Eller hvis du har dit eget designkoncept, kan du også oprette søgeresultatsiden selv.

I denne artikel viser vi dig, hvordan du bygger en skabelon til søgeresultatsider fra bunden. Her er skærmbilledet af den søgeresultatside, vi vil oprette.

Vi bruger to sektioner til at oprette ovenstående side med søgeresultater:

• Sektion 1: For at placere overskriften (beskrivelsen af ​​søgeresultaterne)
• Afsnit 2: At placere søgeformularen og søgeresultaterne

Før du starter, skal du sørge for at have opgraderet din version af Elementor til pro-versionen, hvis du ikke har gjort det. Når du er klar, skal du gå til Skabeloner -> Temabygger på dit WordPress dashboard.

Se også: Sådan bruges Elementor: Den komplette vejledning

Klik på knappen Add On for at oprette en ny skabelon (eller du kan klikke på knappen Prøv det nu for at prøve Elementors Themes Builder).

Indstil modelltypen til Søgeresultater, giv din model et navn, og klik på knappen Opret EN MODEL at starte oprettelsen af ​​sidstnævnte.

Da vi vil oprette søgeresultatsiden fra bunden, kan du bare lukke det skabelonbiblioteksvindue, der vises.

Læs også: Sådan tilføjes punkteffekt til en kolonne i Elementor

Før du begynder at tilføje en widget, kan du først indstille sidelayoutet. For at gøre det skal du klikke på tandhjulsikonet i nederste side af indstillingspanelet (panel i venstre side). Du kan indstille layoutet i indstillingen Sidelayout fra blokken generelle indstillinger under fanen Indstillinger.

Sektion 1

Som vist ovenfor bruger vi dette afsnit til at placere overskriften til at vise beskrivelsen af ​​søgeresultatsiden. Klik bare på plusknappen i Elementors redigeringsfelt for at tilføje et nyt afsnit. Du kan vælge den enkelte søjlestruktur. Når sektionen er tilføjet, skal du trække titelwidgeten til den.

Gå til venstre panel. I blokken titel under fanen Indhold, Klik på databaseikonet i feltet titel og vælg Arkiv titel.

Du kan derefter få adgang til fanen stil for at tilpasse overskriften. Du kan definere elementer såsom tekstfarve, typografi (skrifttypefamilie, skriftstørrelse, skrifttypestil osv.). Du kan også anvende blandingstilstand og tekstskygge, hvis du vil.

Hvis du vil indstille baggrunden for sektionen, tilføje en separator eller indstille margenen, kan du klikke på sektionshåndtaget for at skifte til redigeringstilstand.

Sektion 2

Klik på knappen Plus for at tilføje et nyt afsnit som du gjorde i afsnit 1 ovenfor. Du kan også vælge den enkelte søjlestruktur. Når afsnittet er tilføjet, skal du trække widgeten Søgeform.

Du kan derefter få adgang til indstillingspanelet for at foretage indstillingerne. I blokken Søgeformular sous fanen Indhold, du kan definere Skin, pladsholderen, ikonet, ikonets størrelse osv ...

For at tilpasse formularen kan du åbne fanen Stil. Der er to parameterblokke, du kan åbne: Input et Button. Fra blokken input, du kan indstille typografi, tekstfarve, baggrundsfarve, kantfarve, kantstørrelse og kantradius.

Fra blokken Knap, du kan indstille knaptekstfarve, baggrundsfarve, typografi, ikonstørrelse og knapbredde.

Når stylingen af ​​widgeten Søgeform er på plads, kan du tilføje widgeten Arkiver indlæg. Du kan placere det lige under widgeten Søgeformular.

Når denne widget er på plads, skal du navigere til venstre panel. Under blokken Layout, fanen Indhold, du kan definere huden, antallet af kolonner, billedets placering, ekstraktets længde, metadata osv ...

På blokken Personsøger du kan indstille sideinddelingstypen, sidegrænsen og justeringen.

På blokken Fremskreden, du kan indstille meddelelsen til at blive vist, når WordPress ikke kan finde den angivne søgeforespørgsel.

Når de grundlæggende indstillinger på fanen Indhold afsluttet, kan du skifte til fanen stil for at tilpasse udseendet af Archive Posts-widgeten. Der er 6 blokke, du kan åbne på denne fane.

• Layout

Du kan åbne denne blok for at definere tilpasningen af ​​indlægets tekstindhold (posttitel og meta). Du kan også definere afstanden mellem kolonner og rækker.

• Billede

Du kan åbne denne blok for at indstille kantradiusen for post-miniaturebillederne. Du kan også indstille afstanden og anvende CSS-filtre.

• Indhold

Du kan åbne denne blok for at indstille typografi, tekstfarve og afstand af tekstindhold til indlæg.

• Paginering

Hvis du aktiverer pagination, kan du åbne denne blok for at tilpasse pagination. Du kan indstille ting som typografi, tekstfarve og mellemrum mellem tal.

• Intet fundet meddelelse

Du kan åbne denne blok for at tilpasse fejlmeddelelsen, når WordPress ikke kan finde indholdet baseret på den angivne søgeforespørgsel. Du kan definere typografien og farven på teksten på denne blok.

Du kan tilføje flere widgets, hvis du har brug for dem. Når du er færdig med at redigere siden, kan du klikke på knappen UDGIVELSE ELLER OPDATERING nederst i indstillingspanelet.

Hvis du bliver bedt om at tilføje en skærmtilstand, skal du blot tilføje en ved at klikke på knappen TILFØJ EN FORHOLD. Da du opretter en side med søgeresultater, skal du indstille skærmtilstanden til Søgeresultater. Klik på knappen GEM & LUK for at anvende ændringen.

Og der går du!

Hvert WordPress-baseret websted har en unik side med søgeresultater afhængigt af temaet, der bruges af hjemmesiden. Hvis layoutet på siden med søgeresultater, der tilbydes af det tema, du bruger, ikke ser tiltalende ud for dig, kan du tilpasse det.

Medmindre du har PHP-færdigheder, kan du bruge Elementor til at oprette en tilpasset søgeresultatside på dit WordPress-websted. Alt er træk og slip. Ingen grund til at manipulere PHP-kode.

Derudover kan du også bruge Elementor til at oprette tilpasset sidehoved, tilpasset sidefod, tilpasset 404-side og andre dele af din WordPress tema.

Hent Elementor Pro nu!

1. WooCommerce Autoresponder

WooCommerce Autoresponder er en WordPress plugin som giver dig mulighed for at abonnere på din autoresponder for dine kunder. Dette WordPress plugin viser også en nyhedsbrevs-abonnementboks, så den nemt kan integreres WooCommerce til autosvareren.

Som funktioner finder du blandt andet: fuld integration med WooCommerce, support til 9 autosvarere, ingen kodningskendskab påkrævet, nem at installere og meget mere.

Læs også: MailChimp tutorial på fransk: den komplette guide til at skabe et nyhedsbrev

Downloade | demo | Web-hosting

• 9 WordPress plugins til at sende e-mails via SMTP
• 7 WordPress-plugins til at integrere et Google Maps på din hjemmeside
• Sådan opretter du et multisite-netværk på WordPress
• Sådan tilføjes metasektioner på indlæg og sider

Konklusion