De zoekoptie van uw blog personaliseren

Het is alweer een jaar geleden sinds we de blogzoekmodule introduceerden. Velen onder u hebben de zoekmodule al toegevoegd waardoor berichten makkelijk opgezocht kunnen worden door uw lezers.

We hebben sindsdien verschillende vragen gekregen over hoe die zoekmodule gepersonaliseerd kan worden, inclusief het veranderen van de hoofding.   Met Eigen CSS - een optie beschikbaar vanaf het Pro niveau en hoger - kunt u de zoekmodule personaliseren.

Onder Design > Eigen CSS, kunt u CSS invoeren uit de tips hieronder of uit dit artikel uit de kennisdatabank.

De hoofding van de zoekmodule verbergen

Omdat de submitknop al de tekst "Zoeken" heeft, bent u misschien van mening dat de hoofding niet nodig is.  De CSS code om de hoofding te verbergen is:

.module-search .module-header { display: none !important; }

De zoekknop naast het tekstveld zetten

Om ruimte te sparen in de zijkolom wenst u misschien deze CSS te gebruiken om het zoekveld en de zoekknop naast elkaar te zetten op dezelfde regel: 

.module-search input[type="search"] {
width: 175px !important;
float: left !important;
display: inline !important;
}

.module-search input[type="submit"] {
display: inline !important;
}

Het kan zijn dat u met de breedte moet spelen afhankelijk van hoe breed uw kolom is.

De hoofding van de zoekmodule aanpassen

U kunt tekst voor of na de zoektekst in de hoofding invoeren.  Als u de naam van uw blog wenst toe te voegen, kunt u bijvoorbeeld deze CSS gebruiken:

.module-search .module-header:after { content: " The Blog" !important; }

 

Verander het "The Blog" gedeelte van de CSS in de naam van uw blog of in andere tekst die in de hoofding moet komen.  De spatie tussen de eerste aanhalingstekens en uw tekst is vereist als u een spatie wenst te hebben tussen de bestaande tekst in de hoofding en de nieuwe tekst

Dit kennisdatabankartikel over de zoekmodule bevat nog meer tips.  Zijn er nog andere aanpassingen die u wenst te doen aan de zoekmodule?  Laat het ons weten in de reacties.

Comments

[Geplaatst door: Nicky]

Eigen css gebruiken is ideaal, zo kun je inderdaad de gehele website dezelfde look and feel geven.