Wil je inhoud met meerdere kolommen toevoegen aan je WordPress-berichten?

Kolommen kunnen worden gebruikt om te maken Aantrekkelijke lay-outs voor uw publicaties en pagina's.

Traditionele gedrukte media, zoals kranten en tijdschriften, hebben sinds het begin van het drukken een lay-out met meerdere kolommen gebruikt. Hun doel was om mogelijk te maken utilisateurs gemakkelijker om een ​​kleinere tekst te lezen terwijl de beschikbare ruimte economisch wordt gebruikt.

Als je nog geen website of blog op WordPress hebt gemaakt, nodigen we je uit om te raadplegen Hoe installeer je een WordPress-blog in 7 stappen hierna, Hoe te vinden, installeren en activeren van een WordPress theme op uw blog

Lay-outs met één kolom worden vaker op internet gebruikt. echter, de grids met meerdere kolommen zijn nog steeds handig om inhoud te markeren en het lezen en analyseren te vergemakkelijken.

In deze zelfstudie laten we u zien hoe u eenvoudig inhoud met meerdere kolommen aan uw WordPress-berichten kunt toevoegen zonder HTML-code te schrijven.

Inhoud met meerdere kolommen toevoegen in WordPress - de gemakkelijke oplossing

Het maken van inhoud met meerdere kolommen, ook wel rasterinhoud genoemd in WordPress, is nu eenvoudig omdat het een standaardfunctie is. De nieuwe WordPress Gutenberg-blokeditor stelt een blok kolommen voor.

Om een ​​lay-out met meerdere kolommen toe te voegen, moet u een nieuw bericht maken of er een bewerken. Eenmaal in het bewerkingsgebied klikt u op de " toevoegen Bovenaan om een ​​blok toe te voegen.

Vervolgens moet u het blok selecteren Columns "Bevindt zich onder het tabblad" Lay-outelementen ".

U ziet de muisaanwijzer in de linkerkolom springen en er verschijnt een tijdelijke aanduiding voor de tekst in de rechterkolom.

Zoals je in de bovenstaande schermafbeelding kunt zien, is het blok Colonne lijkt in eerste instantie een leeg gebied te zijn. Als u de muis naar links beweegt, kunt u de rand van het gemarkeerde blok zien.

U kunt ook de blokparameters in de rechterkolom van het scherm zien.

Standaard voegt het kolomblok twee kolommen toe. U kunt het aantal kolommen dat u wilt toevoegen verhogen via de blokinstellingen aan de rechterkant. Hiermee kunt u maximaal zes kolommen op één rij toevoegen.

Klik gewoon op een kolom en begin met typen om inhoud toe te voegen. U kunt de Tab-toets op uw toetsenbord gebruiken om naar de volgende kolom te gaan.

Multimedia en andere inhoud toevoegen aan uw kolommen

Naast tekstinhoud kunt u ook afbeeldingen toevoegen en video's insluiten in WordPress-kolommen.

Met Kolomblok kunt u blokken binnen elke kolom toevoegen. Beweeg de muis over een kolom en u ziet de "Voeg een nieuw blok toe"Inside. U kunt ook een blok toevoegen door de naam van het blok in te voeren.

Uw geselecteerde blok verschijnt in de kolom. U kunt daar naartoe gaan en inhoud toevoegen.

Lees ons artikel over om uw media te uploaden - uploaden - Hoe u uw bulkmedia uploadt op WordPress

Zo ziet je nieuwe column eruit in de WordPress theme standaard Twenty Nineteen. In dit voorbeeld gebruiken we drie kolommen en de laatste kolom bevat een afbeelding.

Als u alleen een afbeelding en tekst aan de zijkant wilt toevoegen, kunt u ook het blok gebruiken Media en tekst In plaats van kolommen. Dit blok is specifiek ontworpen om media zoals afbeeldingen en video's naast de tekst weer te geven.

Toevoeging van verschillende kolommen in de klassieke editor van WordPress

Als je WordPress niet hebt geüpgraded naar Gutenberg en nog steeds hetklassieke editoru moet een afzonderlijke plug-in installeren om een ​​rasterlay-out te maken van kolommen.

Begin met het installeren en activeren van de plug-in Lichtgewicht rasterkolommen. 

Volg voor gedetailleerde instructies onze stapsgewijze handleiding over hoe om een ​​plug-in in WordPress te installeren.

Na activering kunt u een nieuw bericht maken of een oud bericht openen om te bewerken. Klik vervolgens op de " Kolommen toevoegen In de werkbalk van de visuele editor.

U ziet nu een pop-upvenster waarin u uw eerste kolom kunt toevoegen. U kunt kiezen hoeveel gebied uw kolom mag bestrijken, op desktops, tablets en mobiele apparaten anders.

Ga verder door te ontdekken Hoe maak je een volledige breedte pagina op WordPress

Als u bijvoorbeeld het 50% bureaubladrasterpercentage instelt, bedekt uw kolom de helft van de regel.

Het heeft veel opties om de breedte van uw kolom in te stellen, van 5% tot 100% met een 5-interval. U kunt er een kiezen door op het vervolgkeuzemenu te klikken.

Vervolgens moet u de inhoud van uw kolom toevoegen in het gebied "Inhoud" en vervolgens op de knop "OK" klikken om deze in uw publicatie in te voegen.

De plug-in genereert de vereiste shortcode met uw inhoud en voegt deze toe aan uw berichteditor.

Ontdek in deze tutorial Hoe te installeren en configureren van de plugin WP Super Cache om de prestaties van uw blog te verbeteren.

Nu uw eerste kolom is toegevoegd, kunt u het proces herhalen om meer kolommen toe te voegen. Vergeet voor de laatste kolom niet het vakje 'Laatste kolom van de regel'.

Daarna kunt u uw voorbeeld opslaan en bekijken. Zo ziet het eruit op onze Twenty Seventeen-testwebsite.

Als u ook WordPress-thema's wilt vinden die u kunnen helpen bij het maken van kolommen op uw pagina's of publicatie, zijn hier 3 WordPress-thema's Premium perfect voor deze taak.

1. TheGem

Er zijn veel WordPress-thema's die misschien beweren een OnePage-lay-out te bieden, maar geen enkele kan de rijkdom aan opties en functies bieden die TheGem WordPress-sjabloon heeft. 

Alle ontwerpelementen die u associeert met een goede OnePage-website zijn hierin aanwezig WordPress theme : een schuifregelaar op volledig scherm (die kan worden gemaakt met de Revolution Slider-plug-in die wordt meegeleverd met de WordPress theme), een keuze uit zes headerstijlen en de mogelijkheid om secties over de volledige breedte te maken met behulp van de Visual Composer-plug-in die in het pakket zit.

Bovendien heeft het een aantal aanpassingsopties voor items zoals lettertypen, kleuren en pictogrammen. Het is zeldzaam, maar er zijn ook details die we niet leuk vinden aan TheGem. Maar eigenlijk is het een WordPress-thema dat natuurlijk bij je past, gezien het aantal positieve punten dat het heeft. Het is een sterke concurrent, die het maken van een OnePage-website zou vergemakkelijken.

Downloaden | demonstratie | web hosting

2. Stockholm

Stockholm is een WordPress-thema dat is ontworpen om u te helpen bij het maken van de website van een bouwbedrijf, civiele techniek of een ander bedrijf dat verband houdt met de wereld van de renovatie van gebouwen. Deze WordPress sjabloon is gericht op professionals die oog hebben voor kwaliteit en detail.

Wordt geleverd met een optiepaneel en een gebruiksvriendelijke backend, waarmee u uw inhoud eenvoudig kunt beheren. Er zijn ongeveer 20 demo's van deze sjabloon met een breed scala aan activiteiten waarop dit WordPress-thema kan worden gebruikt. En deze kunnen ook gebruikt worden als basis voor toekomstig maatwerk zodat uw website een unieke uitstraling krijgt.

Zeer responsief, het wordt perfect weergegeven op elk type scherm. Als u tijdens het aanpassen of installeren van deze sjabloon problemen ondervindt, kan de volledige documentatie in het pakket als gids dienen. En als je dat nog steeds niet kunt, blijft ondersteuning voor dit thema WordPress tot je beschikking.

Downloaden | demonstratie | web hosting

3. Jupiter

Jupiter is een ander zeer populair WordPress-thema. Het heeft 25-demo's die 6 uit onze categorieën bestrijken - bureau, creatief, onderwijs, voeding, gezondheid en e-commerce - en er zullen er meer aan worden toegevoegd in toekomstige updates. De meeste lay-outs hebben een minimalistisch ontwerp, met een aangename typografie.

Een van de belangrijkste verkoopargumenten van Jupiter is de Creative Header Customizer waarmee u het headersontwerp van uw website snel en eenvoudig kunt aanpassen. Visual Composer, 3-schuifregelaars (Layer, Revolution en iCarousel), 10 nieuwe shortcodes, meer dan 1800-pictogrammen en 10-aangepaste berichttypen zijn allemaal inbegrepen bij levering.

De laadtijden van de pagina's zijn ook uitstekend. Dit is een fantastisch product en het zal moeilijk zijn om er zoveel te vinden WordPress-thema's zijn kenmerken hebben.

Downloaden | demonstratie | web hosting

Andere aanbevolen bronnen

Om verder te gaan bij het optimaliseren van uw blog of uw website, raden we u ook aan enkele links te raadplegen die u zullen onderdompelen in de wereld van Gutenberg

• Hoe u uw website voor Gutenberg klaarmaakt 
• Hoe weet ik of uw plug-in compatibel is met Gutenberg?
• Zal Gutenberg WordPress verbeteren of breken?

Conclusie

Alstublieft ! Dat is het voor deze tutorial. We hopen dat dit artikel je heeft geholpen bij het leren toevoegen van kolommen aan je WordPress-berichten en -pagina's. Aarzel niet om deel deze tutorial met je vrienden op je sociale netwerken.

Als u suggesties of opmerkingen heeft, zijn deze welkom. Maar als u een beginner bent, nodigen wij u uit om onze te raadplegen ressources.

...