Blokken splitsen met Advanced Gutenberg Columns Manager

Kolommen zijn voor inhoud wat Gutenberg's blokken waren voor WordPress' klassieke editor. Ze stellen u in staat om uw inhoud onbeperkt te organiseren - zo niet verticaal, zoals blokken, dan horizontaal. Advanced Gutenberg's laatste update presenteert een nieuw blok om u te helpen aan de slag te gaan met kolommen.

De kolommenmanager van Advanced Gutenberg is een meer geavanceerde kijk op de native kolommen van Gutenberg. De vlaggenschipfuncties geven je meer controle over hoe inhoud wordt weergegeven, maar maken het tegelijkertijd makkelijker om inhoud te creëren met vooraf ingestelde lay-outs.

Kolomindelingen

Om je eerste kolommenblok te maken, zoek je naar de kolommenmanager in je WordPress Gutenberg-editor. Het eerste dat je ziet als je op het nieuwe blok klikt, is een lijst met de meest voorkomende vooraf ingestelde lay-outs. De opties variëren van een eenvoudige lay-out met één kolom tot standaard weergaven met twee kolommen en tot zes kolommen in één blok.

Deze opties zijn er zodat u zich kunt concentreren op het creëren van inhoud in plaats van het ontwerpen ervan. U kunt zich echter afvragen dat u op zoek bent naar een lay-out die niet bestaat, zoals een kolommenblok dat slechts 50% van de breedte van uw blog inneemt. In dat geval kunt u de zijbalk gebruiken om uw eigen kolombreedtes te definiëren.

Om uw eigen breedtes te definiëren, klikt u op een kolom en stelt u de breedte in procenten in, of stelt u deze in op 0 om deze terug te zetten naar de automatische breedte. Houd de totale percentages maximaal op 100% om te voorkomen dat de inhoud van het WordPress-bericht of de pagina overstroomt. Kolomgidsen - transparante randen - helpen u de wijzigingen te zien, maar u kunt ze uitschakelen vanuit het configuratie tabblad in de instellingen van Advanced Gutenberg.

Een andere noviteit in de kolommenmanager is de uitlijningssectie. Als u op het buitenste kolommenmanagerblok klikt, vindt u eerst de breedteopties. U kunt de opties voor brede breedte of volledige breedte inschakelen om de grootte van het kolommenblok te vergroten. Recht na hen zijn de uitlijningsopties.

De eerste drie uitlijnopties zijn standaard - kolommen kunnen verticaal worden uitgelijnd aan de bovenkant, in het midden of aan het einde. De vierde en laatste uitlijnoptie is een optie die niet in de kolommen van Gutenberg staat - binnenste kolommen volledige hoogte.

De optie rekt de kolommen uit tot ze gelijk zijn aan de hoogste kolom in het blok. Deze optie is noodzakelijk als kolommen achtergrondkleuren of randen hebben en dus de volledige hoogte van het blok moeten overspannen.

Responsieve kolommen

Een goede blog moet goed worden weergegeven op desktops, tablets en mobiele telefoons. Een pertinente vraag die van nature opkomt, is hoe kolommen het beste kunnen worden weergegeven als de breedte ontbreekt. Moeten de breedtes van de kolommen veranderen, en zo ja, hoe? Moet elke kolom zijn eigen regel zijn?

Geavanceerde Gutenberg geeft u de flexibiliteit om te kiezen hoe kolommen moeten worden weergegeven op tablets en mobiele apparaten. Klik op het kolommenbeheerblok en kies een lay-out voor desktops, tablets en mobiele apparaten. De opties op handheldapparaten omvatten het wijzigen van de kolomlay-out of het stapelen van de kolommen om de volledige breedte te benutten.

Als u de brede breedte van volledige breedte lay-outs gebruikt, kunt u constateren dat het kolommenbeheerblok te breed is op kleinere apparaten. In dat geval kunt u de mobiele of tablet-opvulling en marge instellen in het gebied net onder respectievelijk de mobiele en tablet-lay-outs.

Door naar beneden te scrollen en de rij-instellingen te openen, kunt u ook opgeven wat er moet gebeuren als kolommen overlopen met inhoud, en de maximale breedte en de minimale hoogte van een rij. Zodra u vertrouwd bent met de algemene lay-outinstellingen van het blok, wilt u misschien toegang tot nog fijnere responsiviteitsinstellingen.

Met de kolommenmanager van Advanced Gutenberg kunt u ook de padding en marges van individuele kolommen op desktop of mobiel opgeven. Om ze fijn te tunen, klikt u op een kolom in plaats van op het hele blok. Scroll dan naar de onderkant van de zijbalk om de padding en marges op desktop of mobiel in te stellen. Voor elk kunt u ook de tekstuitlijning opgeven.

WordPress-kolommen aanpassen

Als u klaar bent met het perfectioneren van uw kolommen - of als u niet het gevoel had dat u moest afwijken van de standaard lay-outs - kunt u kolommen personaliseren of beginnen met het toevoegen van inhoud daaraan. Wanneer u op een kolom klikt, kunt u kolom-brede weergave-opties toepassen, momenteel beperkt tot de randstijl, kleur, breedte en straal.

Het belangrijkste is dat kolommen dienen om inhoud op te slaan en weer te geven. De geavanceerde kolom manager van Gutenberg ondersteunt alle soorten inhoud in kolommen, wat betekent dat u daarin alinea's, afbeeldingen en galerijen, en elk ander blok kunt opslaan, of het nu standaard of aangepast is. Uw verbeelding is de limiet!

Zodra je de kracht van Gutenberg-blokken onder de knie hebt, kun je je creativiteit uiten in je WordPress-berichten en pagina's. Met de kolommenbeheerder van Advanced Gutenberg kun je het maximale uit je WordPress-blog halen. Pak dus zoveel of zo weinig controle als je wilt met kolommen en laat je creativiteit niet alleen verticaal, maar ook horizontaal los!

Download Advanced Gutenberg (gratis plugin): https://www.joomunited.com/wordpress-products/advanced-gutenberg