Widgets zijn kleine Web-applicaties die weergave in de sidebars en soms voetteksten van WordPress blogs. De exacte code die wordt gebruikt om de widgets weer te geven, is afhankelijk van uw thema, de template die de lay-out en de stijl van uw blog bepaalt. U kunt het bewerken van het thema als de ruimte tussen de widgets in de zijbalk terwijl aangemeld bij WordPress wilt wijzigen. Het scherm bewerken thema's kan je voor het bewerken van een bestand in het thema, met inbegrip van de style.css bestand die afstand regelt. Bewerken van dat bestand om de boven- en ondermarges en opvulling voor uw widgets te verwijderen.
Bezoek uw WordPress blog in een browser en klik met de rechtermuisknop om te selecteren "View Page Source." Uw widgets in de code zoeken en zoekt u de naam van de klasse die ze delen:
Inloggen op WordPress en ga naar "Vormgeving" uit de navigatiekolom aan de linkerkant. Laad de thema's bewerken scherm door te klikken op de koppeling "Bewerken". Nadat u het scherm geladen, het style.css bestand u moet wilt weergeven in het vak redacteur.
Lees via programmacode style.css en kijk voor alle stijlen die verwijzen naar de klasse die wordt gebruikt door uw widgets, zoals de volgende:
.widget {}
padding: 10px 20px;
marge: 20px auto;
}
Bewerk de waarden voor de marge-eigenschappen zo nodig. Omdat widgets stapel elkaar in een zijbalk, bewerk de verticale waarden voor de marges. Bij de behandeling van dergelijke CSS shorthand als "marge: 10px 20px;" (in plaats van "marge-linkerzijde: 20px;"), de eerste waarde bewerken. In het voorbeeld wordt de marge "marge: 0px 20px," die zal verwijderen een ruimte op de boven- en onderkant van de widget, tussen haar en andere widgets. Bij de behandeling van "marge: 10px 20px 10px 20px," de tweede en vierde waarde omzetten in nul pixels. Waarden voor de vier marges gaan in dit geval met de klok mee rond de randen van de widget, beginnend met de top.
De dezelfde wijzigingen aanbrengen in de eigenschappen opvulling zoals je deed met de marge-eigenschappen. Waarden werken op dezelfde manier in beide soorten eigenschappen, dus de volgorde hetzelfde is. Het verschil tussen de marges en opvulling is dat marges zal de ruimte instellen tussen widgets terwijl opvulling sets ruimte binnen de widget. Het visuele effect van de twee eigenschappen is vaak hetzelfde, behalve wanneer een widget een achtergrondkleur heeft. Laat opvulling alleen als u wilt bijhouden van de ruimte tussen de rand van de widget en de inhoud ervan.
- Vertrouwd raken met de CSS box model zodat u kunt beter begrijpen hoe afstand werkt in webdesign. Deze kennis zal u helpen voorkomen breken lay-outs.
- Back-up van uw thema voor het bewerken van de bestanden. Dan kunt u kopiëren en plakken van de oorspronkelijke code in het scherm "Thema's bewerken" als u de lay-out te ruïneren en gemakkelijk uw fouten niet worden opgelost.
