Kan ik de kolombreedte in WordPress aanpassen?

Schrijver: Clyde Lopez
Datum Van Creatie: 19 Augustus 2021
Updatedatum: 11 Kunnen 2024
Anonim
Adjust Gutenberg Column Widths in WordPress with Bootstrap
Video: Adjust Gutenberg Column Widths in WordPress with Bootstrap

Inhoud

Leer hoe je CSS kunt manipuleren en krijg de kracht om het uiterlijk van je Tumblr-blog te veranderen. Kolommen, bijvoorbeeld, verdelen uw blog in verticale secties die horizontaal op de webpagina worden weergegeven, elke kolom heeft een specifieke breedte. Wijzig de breedte en indeling van uw pagina door de CSS-code van de blog aan te passen.


Verras uw bezoekers met een nieuwe lay-out (Comstock Images / Comstock / Getty Images)

Column CSS-stijl

Veel webpagina's bestaan ​​uit twee of meer kolommen. De linkerkant van een pagina kan een navigatiemenu bevatten, de middelste kolom kan de hoofdinhoud van de pagina weergeven en een optionele kolom aan de rechterkant kan koppelingen en advertenties weergeven. Webontwikkelaars gebruiken CSS - ook wel Cascading Style Sheets genoemd - om deze kolommen te maken. Het CSS-kenmerk width, dat de breedte van het element vertegenwoordigt, is een van de belangrijkste kenmerken die in CSS worden gebruikt om de manier te wijzigen waarop de kolommen op een webpagina worden weergegeven. Maak de waarde van het kenmerk width groter en een kolom is verlengd. Verklein de waarde om de kolom smaller te maken.

Formaat van kolommen wijzigen

U moet een update kopen voordat u de CSS wijzigt door uw blog- en kolommenpagina te configureren. Na het updaten, zal klikken op "Aangepast ontwerp" in uw dashboard u doorverwijzen naar een ontwerppagina. Deze pagina heeft twee opties voor het bewerken van CSS. Met één optie kunt u de CSS-code van uw bestaande blog bijwerken. Als u deze optie kiest, kunt u de breedtewaarden bijwerken van de CSS-tags die de blogkolommen definiëren. Kies de optie "Begin opnieuw vanaf het begin" als u liever uw eigen CSS-code maakt. Met deze optie hebt u meer controle over hoe uw blog wordt weergegeven, maar heeft u meer kennis nodig over CSS-stijlen.


overwegingen

WordPress beveelt aan om de optie "edit-css-content-width" in uw CSS toe te voegen als u de breedte van de kolom met de hoofdinhoud wijzigt. Wanneer browsers deze optie bekijken, passen ze de grootte van video's en andere media-objecten, zoals afbeeldingen, aan zodat ze in de hoofdinhoudskolom passen. Houd rekening met het bekijken van uw publiek wanneer u bredere kolommen maakt. Niet iedereen heeft monitoren met het brede scherm. Als u uw kolommen te groot maakt, moeten uw blogbezoekers door het scherm scrollen om alle inhoud te bekijken.

Andere stijlopties voor kolommen

U kunt ook het uiterlijk van uw blog aanpassen door de volgorde van de kolommen in het standaardthema van WordPress te wijzigen. Het tabblad Thema-opties - op de pagina Dashboard - bevat drie lay-outopties die u direct op uw blog kunt toepassen. Kies een van de opties om uw hoofdinhoud in de linkerkolom, rechterkolom of midden van de pagina weer te geven. De laatste optie verwijdert alle zijbalken op de blog en laat een grote kolom achter die uw hoofdinhoud in het midden van de pagina weergeeft. Voordat u de grootte van uw kolommen wijzigt met CSS, probeert u deze opties te overwegen om te zien hoe deze van invloed zijn op de weergave van uw blog. Je mag een van hen misschien leuk vinden.