Het Media en Tekst blok vult een gat in het WordPress ontwerp waarvan veel gebruikers zich niet eens realiseerden dat het er was. Natuurlijk kun je aparte blokken gebruiken voor afbeeldingen, video's of tekst, maar om ze netjes op hun plaats te krijgen zij aan zij veranderde vaak in een gegoochel met kolommen, uitlijningen en lay-outs.
Dit blok is het no-nonsense antwoord voor wie wil dat media en tekst elkaar aanvullen zonder gedoe.
Denk aan een foodblogger die een foto van een recept met instructies laat zien, een bedrijf dat een nieuw product uitlicht met details ernaast, of zelfs een verhalenverteller die beelden en woorden combineert om lezers binnen te halen.
Het blok Media en tekst maakt dit allemaal mogelijk met slechts een paar klikken.
Deze gids leidt je door alles heen, zodat je het blok snel onder de knie hebt en je inhoud naar een hoger niveau kunt tillen.
Stap 1: Media en tekstblok toevoegen
Voer de WordPress post of pagina in waar je het blok wilt toevoegen. Klik op de + Blok Inserter pictogram om de blokbibliotheek te openen. Typ "Media & tekst in de zoekbalk en selecteer deze om het blok toe te voegen. We kunnen ook typen /media op een nieuwe regel en druk op Enter om het blok snel in te voegen.
Stap 2: Media invoegen
Klik binnen het blok op uploaden om een nieuwe afbeelding toe te voegen, kies er een uit de Mediatheekof gebruik de Aanbevolen afbeelding als deze al is ingesteld.
Stap 3: Tekst toevoegen
Begin met het typen van je tekst in het gebied naast de media. Je kunt ook de + Blok Inserter in de tekstsectie om uw voorkeursblok in deze sectie toe te voegen.
Stap 4: Het blok aanpassen
We hebben het aanpassingsproces in drie delen verdeeld.
4.1 Aanpassen met de werkbalk
Vanuit de werkbalk boven het blok kunt u het bloktype wijzigen, het blok verslepen, omhoog of omlaag verplaatsen, de breedte en uitlijning aanpassen, de mediapositie wisselen tussen links en rechts en een link toevoegen aan de media of deze vervangen.
4.2 De tekst aanpassen
Ga naar de tekstinhoud, klik erop en open de werkbalk erboven. Van daaruit kun je de tekst transformeren in verschillende bloktypes zoals Kop, Lijst of Citaat, opmaakopties toepassen zoals vet, cursief, doorhalen of inline code, de tekstuitlijning aanpassen naar links, midden of rechts en hyperlinks toevoegen aan de geselecteerde tekst. In dit voorbeeld hebben we onze tekst getransformeerd naar een Citaat.
4.3 Aanpassen via de blokinstellingen
Open het paneel Blokinstellingen op de rechterzijbalk om meer aanpassingsopties te verkennen. Onder Algemene instellingenJe kunt Stack on Mobile inschakelen, Crop Image to Fill Entire Column aanzetten, de mediabreedte aanpassen, alternatieve tekst toevoegen en de resolutie kiezen.
Als je nu naar het tabblad Stijlen gaat, kun je de tekst- en achtergrondkleur, typografie, afmetingen en randinstellingen aanpassen.
Stap 6: Voorbeeld bekijken en publiceren
Bekijk het blok en controleer het Voorbeeld om te zien hoe het blok eruitziet op je pagina of post. Maak indien nodig de laatste aanpassingen. Als je tevreden bent, klik je op Publiceren of Bijwerken om je wijzigingen op te slaan.
Conclusie
Het blok Media en tekst is geïntroduceerd om je inhoud op een natuurlijke manier te laten vloeien, waarbij media en tekst in perfecte harmonie samenwerken. In plaats van losse blokken samen te voegen en je zorgen te maken over lay-outs, biedt dit blok een snelle en betrouwbare manier om zij-aan-zij ontwerpen te maken die er geweldig uitzien op elk apparaat. Neem de tijd om het artikel door te nemen, elke stap te begrijpen en begin vol vertrouwen te creëren.
