Search
Hver besøgende er en potentiel kunde, der leder efter noget. En svag, skjult eller grim søgelinje bryder den rejse. Master Addons Search Element giver dig to kraftfulde måder at integrere søgning på: en klassisk inline-formular eller en klik-for-at-åbne ikon-popup. Placer den hvor som helst – din overskrift, sidebjælke, heltesektion – og design derefter hver pixel. Style formularen, knappen, ikonet og endda popupens beskeder.
Søg Form & Icon Popup
Ikke alle design har plads til en fuld søgelinje. Derfor giver vi dig to forskellige Typer. Vælg “Form” for et traditionelt, altid synligt inputfelt og knap. Perfekt til sidebars eller under helten. Eller, vælg “Ikon” for et slankt, pladsbesparende forstørrelsesglas, der, når der klikkes på, åbner en elegant Popup-søgningsoverlay. Dette holder dit design rent, indtil brugeren har brug for det. Du styrer Knapteksten for formularer og det nøjagtige Ikon for popup-udløseren.
- Formular Type: En standard, altid synlig søgeformular med en tilpasselig Send-knap (som tekst eller et ikon).
- Ikon/Popup Type: En stilfuld ikonknap, der udløser en fuld Popup-søgeformular, hvilket sparer afgørende headerplads.
- Ikonbibliotek: Vælg et hvilket som helst forstørrelsesglasikon fra det store ikonbibliotek, der matcher dit websteds stil.
Komplet formular og inputfeltstyling
Gør søgeformen til en naturlig del af dit layout. Design hele Formularbeholderen: indstil dens Baggrund, Bredde, Margin, Polstring, og giv den Border Radius og Box Shadow. Derefter, style Input Feltet selv. Kontroller dens Typografi, Farve, Baggrund, Border, og intern Padding. Du kan endda designe Fokustilstand (når en bruger klikker ind) med en anden kantfarve. Dette sikrer din søgelinje ser ud og føles premium, ikke som en browser standard.
- Containerdesign: Style formularens æske med baggrund, polstring, kanter og skygge.
- Kontrol af inputfelt: Tilpas tekstboksens farve, typografi, bredde og kantradius.
- Avancerede stater: Definer en unik kantfarve for den fokuserede tilstand, der fremhæver det aktive felt.
Ikondesign og popup-meddelelser
For Icon/Popup typen, ikonet selv er en knap. Style det til perfektion. Juster sin Størrelse, Farve, og Padding & Margin omkring det. Derefter, designe popup, der vises. Tilpas Input Text pladsholder (som “Start skrive...”) og, afgørende, tilføje en nyttig Beskrivelse (f.eks, “Hit enter to search or ESC to close”). Denne tekst guider brugerne, forbedre brugervenlighed og skabe en poleret, professionel interaktiv oplevelse.
- Ikonstyling: Skift ikonets farve og størrelse, og juster dets omgivende rum med ikonmargin og polstring.
- Smart popup-tekst: Indstil brugervenlig pladsholdertekst inde i popup-vinduets søgefelt.
- Popup Instruktioner: Tilføj en Beskrivelse linje under input for at forklare, hvordan du bruger popup (søg/luk).
Ofte stillede spørgsmål til søgning
Fungerer denne søgning med mit temas standard søgeresultatside?
Ja, det skal det. Dette element giver front-end søgeformularen. Når en bruger indsender en forespørgsel, vil den bruge din WordPress (eller WooCommerce) standard søgefunktionalitet og vise resultater på dit temas search.php skabelonside. Det erstatter ikke søgelogikken, bare får inputformularen til at se fantastisk ud.
Kan jeg både have en Formularsøgning i sidebjælken og en Ikonsøgning i overskriften?
Absolut. Du kan bruge flere Søg elementer på samme side eller websted. Hver enkelt er konfigureret og stylet uafhængigt. Så du kan have en stor formular i din blog sidebar og et minimalt ikon i din header, hver med deres egne indstillinger.
Er søgepopup'en mobilvenlig?
Ja. Popup'en er designet til at være responsiv. Den vil typisk åbne som en centreret overlejring, der dækker det meste af mobilskærmen, med inputfeltet og beskrivelsen tydeligt læsbar. Ikonudløseren skalerer også passende for berøringsenheder.
Kan jeg ændre forstørrelsesglasikonet til noget andet, som et "Q" for citat?
Du kan vælge et hvilket som helst ikon fra det integrerede ikonbibliotek (som FontAwesome). Mens et forstørrelsesglas er standard, kan du teknisk set bruge et andet ikon. Men for universel brugerforståelse anbefaler vi stærkt at holde fast i et anerkendt søgesymbol (forstørrelsesglas).
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
Post/Page Duplicator
