WordPress Gids
Werken met het Zoek-widget blok

Zoek-widget blok icon
Zoek-widget blok icon

Het Zoek-widget blok zet een standaard zoekbalk in de pagina. Dit laat de bezoeker zoeken in alle tekst op de website.

Voeg een Zoek widget blok toe aan de pagina

Plaats het Zoek-widget blok vanuit de sectie Widgets waar je deze wilt op de pagina. Gebruik je het Zoek-widget blok regelmatig, dan kan het ook in de sectie Meest gebruikt staan:

Aan een pagina toegevoegd Zoek widget blog

Wanneer het Zoek-widget blok is geplaatst kun je:

  • een andere omschrijving aan het zoekveld geven. Vervang hiervoor de tekst Zoeken in het blok door de tekst die je wilt gebruiken.
  • een optionele plaatshouder-tekst invullen. Klik hiervoor in het veld in het blok, en typ de tekst die je wilt gebruiken.

Bijvoorbeeld:

Aangepast Zoek widget blog

Het standaard Zoek-widget blok ziet er zo uit op de pagina:

Gepubliceerd standaard Zoek widget blog

De blokmenu opties van het Zoek-widget blok

Uitlijning

Het blokmenu van het Zoek-widget blok bevat een aantal opties om het blok uit te lijnen op de pagina. Klik hiervoor op het dropdown-pijltje (Dropdown icon klein):

Blok links uitlijnen icon:het blok links uitlijnen, naast het blok dat er onder staat
Blok centreren icon:het blok centreren
Blok rechts uitlijnen icon:het blok rechts uitlijnen, naast het blok dat er onder staat
Blok grote breedte icon:het blok in wijde breedte laten zien
Blok volledige breedte icon: het blok in volledige breedte laten zien

Blok uitlijningstips:

  • Het blok komt in eerste instantie zonder uitlijning op de pagina. Dit betekent dat het blok de gehele breedte van de inhoud inneemt, zonder dat er tekst of een afbeelding naast kan staan. Heb je een andere optie geselecteerd, maar wil je weer terug naar de situatie zonder uitlijning, dan klik je op de gekozen optie zodat deze niet meer geselecteerd is.
  • Link uitlijnen en rechts uitlijnen werkt samen met het blok dat er direct onder staat. Wil je het blok links of rechts naast een specifieke paragraaf of ander blok zetten, verplaats het blok dan blok naar direct boven dat blok. Selecteer dan pas links of rechts uitlijnen.
  • De uitlijningsoptie Grote breedte vergroot het blok tot deze tot de randen van het de content sectie van je thema reikt, zonder rekening te houden met de padding (de ruimte tussen de rand van de tekst en de rand van de content sectie).
  • De uitlijningsoptie Volledige breedte vergroot het blok tot de randen van het browserscherm.

De instellingen sidebar van het Zoek-widget blok

Geavanceerde styling

Belangrijk: onderstaande geldt alleen voor gevorderde gebruikers met verstand van de CSS taal. Weet wat je doet!

Zijn de standaard opties voor dit blok niet voldoende, en wil je meer invloed op het uiterlijk van het blok, maak dan gebruik van CSS voor de styling.

Geavanceerde CSS styling voor je blok

In je stylesheet, of met behulp van een CSS plugin als Simple CSS, maak je een class voor de inhoud van het blok. Deze link je vervolgens aan het blok of aan meerdere blokken van hetzelfde type.

Selecteer hiervoor het blok waarvoor je een stijl hebt gemaakt, en klik in de instellingen sidebar op Geavanceerd. Er verschijnt een vak met de naam Extra CSS class. Hierin zet je de naam van de gemaakte CSS class minus de punt.

Er zijn verder geen extra instellingen in de instellingen sidebar voor het Zoek-widget blok.