Om beter gebruik van de ruimte in uw sidebars, voettekst of enig ander gebied op uw WordPress-aangedreven website waar u widgets gebruiken, gebruikt u kolommen in uw widgets. Hierdoor kunnen grote blokken tekst en lange lijsten tot meer horizontale ruimte en linker verticale ruimte. Uw bezoekers moeten doen minder scrollen om te zien van het geheel van uw blog.
Widgets
WordPress kunt u widgets aan dynamische inhoud toevoegen aan de secties van uw kant, met inbegrip van sidebars en voetteksten gebruiken. WordPress standaard opgenomen in sommige widgets en plug-ins extra widgets om te dienen specifieke functies, zoals het tonen van uw recente Twitter berichten kunt toevoegen. Ook kunt u fragmenten of HTML of tekst toevoegen aan uw website zonder het bewerken van de themadossiers met WordPress widgets. Op deze manier bieden widgets een veilige manier om uw site aanpassen, zelfs als u niet bedreven met HTML.
Verschijning van de widget
De meeste widgets worden standaard weergegeven als één kolom. Bijvoorbeeld, archiveren en Twitter widgets verschijnen als verticale lijsten waar u deze alsnog installeren in uw layout. Tekst en andere inhoud wordt aangepast zodat de toegewezen container, zoals uw zijbalk past. Een smalle container toont minder inhoud per regel, en dus de widget wordt langer wanneer het bevat een heleboel inhoud.
Kolommen maken
Kolommen maken in een tekst widget, gebruik divs en drijven hen aan samen. U kunt in het algemeen, zowel naar links te zweven en geef een breedte op van iets minder dan 50 procent om twee kolommen te maken. Gebruik een breedte van ongeveer 33 procent om drie kolommen te maken. Plak de volgende code in een tekst widget om te maken van twee kolommen met div-elementen. U kunt inhoud binnen de div-elementen plaatsen:
Inhoud hierInhoud hierU kunt ook de eigenschap "float" en "breedte" naar items in de lijst een kolom met een vergelijkbare syntaxis:
- Item in de lijst
- Item in de lijst
Overwegingen
Als u niet bewerken themabestanden wilt, is het eenvoudigst kunt maken colonnes widgets met CSS toe te voegen aan de HTML-codes zelf, zoals in het vorige voorbeeld. Echter bewerken niet u rechtstreeks van de HTML-code voor gegenereerde widgets. Bovendien, als u uw website bron weergeven, u kunt zien van de klasse of ID toegepast op de widget en CSS toevoegen aan een extern opmaakmodel om kolommen te maken. Bijvoorbeeld, als een lijst widget gebruikt de ID "lijst-widget", het volgende toevoegen aan uw "style.css" bestand colonnes lijsten maken:
.list-widget li
{
float: links; breedte: 45%;
}U kunt een soortgelijke tactiek gebruiken om CSS van uw tekst-widgets naar uw externe stylesheet. Bijvoorbeeld, plaats het volgende in uw stylesheet te zweven uw div links:
.div-naam
{
float: links; breedte: 45%;
}Bewerk uw widget-code zodat het lijkt alsof de volgende strekking:
Inhoud hier