Een tekstvak is een aangewezen gebied in de Gutenberg editor waar u teksten kunt maken en publiceren met verschillende typografie, lettertype, kleur, stilering en andere opmaakopties.
Wanneer je een belangrijke aankondiging, een testimonial of een korte productbeschrijving wilt benadrukken, kun je dat doen met tekstvakken. In dit artikel laten we je verschillende manieren zien om tekstvakken te maken in WordPress.
Type 1: Add a Text Box With a Colored Background
Dit is een eenvoudig rechttoe rechtaan proces. Je hoeft alleen maar een kleur toe te voegen aan de achtergrond van het specifieke alineablok.
Step 1: Select a Text on Your Post/Page
Open het bericht/de pagina waar je het tekstvak wilt toevoegen. Selecteer de gewenste tekst door je cursor op de betreffende alinea te plaatsen.
Step 2: Add a Color to the Background of the Block
Ga naar de Tabblad Stijlen, zoals aangegeven in de afbeelding hieronder. Klik op de Achtergrond optie en selecteer een kleur. De kleur wordt onmiddellijk toegepast op het blok dat je in realtime kunt zien.
Zodra de kleur is toegepast rond en binnen het hele blok, lijkt het alsof er een doos omheen is gemaakt, waardoor een tekstvak ontstaat.
Zo kun je een tekstvak maken met een gekleurde achtergrond.
Type 2: Add a Text with Borders
Randen rond het blok toevoegen is een andere eenvoudige manier om een tekstvak te maken. Volg de onderstaande stappen.
Step 1: Select the Text on the Editor
Selecteer opnieuw een tekst door op het gewenste alineablok te klikken zoals we je op de bovenstaande methode hebben laten zien.
Step 2: Convert It into the Ground Block
Standaard kun je geen kader om het alinea-blok zetten. Zet het dus om in de Groepsblok.
Klik op de Alinea-icoon op de Gutenberg-werkbalk. Er verschijnt een lijst met de optie Groep aan het einde. Klik op de Groepsoptie op de lijst.
Het blok wordt geconverteerd naar het groepsblok.
Step 3: Add Border and Radius to the Block
Ga naar de Tabblad Stijlen van het geselecteerde blok. Scroll een beetje naar beneden op het tabblad.
Je ziet de Grensoptie. Plaats een pixelwaarde om de breedte van de rand te definiëren. Als je wilt, kun je ook een straal en opvulling aan het blok toevoegen.
Zo, je tekstvak is klaar. Het toevoegen van radius en padding kan het tekstvak toonbaarder maken. Je kunt dus overwegen om ze toe te voegen.
Type 3: Add Text Boxes in Table
Vaak wil je meerdere tekstvakken in dezelfde rij maken. Maar dat is niet mogelijk met het standaard alineablok. Je kunt het echter eenvoudig doen door een tabel te maken.
Tafelberg is zo'n tabel-bouwer plugin om dit te doen. Installeer en activeren de plugin en volg de onderstaande stappen.
Stap 01: Voeg het TableBerg-blok toe aan je site
Zoek gewoon de TabelBerg blok in de Gutenberg-blokbibliotheek en voeg het toe aan je post/pagina-editor.
Stap 02: Kolommen maken zoals vereist
Zoals de standaard Gutenberg-tabel, maak zoveel kolommen als je nodig hebt op tafel.
Stap 03: Inhoud toevoegen aan de tabelkolommen
Hoewel je met TableBerg lijsten, CTA-knoppen en afbeeldingen aan de tabel kunt toevoegen, hebben we alleen platte tekst toegevoegd om de tutorial uit te leggen.
Stap 04: Kleuren toevoegen aan de tabelkolommen
Selecteer een kolom op de tafel door je cursor erop te plaatsen. Ga naar de Tabblad Stijlen. Klik op de Achtergrond optie en selecteer een kleur. Je zult zien dat de kleur is toegepast op de kolom.
Pas volgens dezelfde methode verschillende soorten kleuren toe op andere kolommen in de tabel. Je kunt zien dat we vier verschillende kleuren hebben toegepast op de kolommen van de tabel.
Zo, je tekstvakken zijn klaar. Maar als je de tabelrand wilt verwijderen, volg dan de volgende stap.
Stap 05: Verwijder de tabelrand
Selecteer de hele tabel door twee keer op het TableBerg-pictogram op de werkbalk te klikken. Ga naar de Tabblad Stijlen op de rechterzijbalk. Scroll een beetje naar beneden. Schakel de optie Binnenrand inschakelen. De randen van de tabel worden onzichtbaar.
Conclusie
Je kunt dus op verschillende manieren tekstvakken maken in WordPress. Maar voordat we afsluiten, willen we één ding zeggen en dat is dat elk van deze methoden niet in alle gevallen effectief is.
Afhankelijk van je inhoudstype moet je een geschikte methode gebruiken die de leesbaarheid handhaaft. Laat ons je feedback delen in het commentaarvak hieronder als je deze post leuk vindt.
Ontdek onze blogarchief voor meer interessante artikelen over WordPress.
