{"id":3138,"date":"2024-08-31T09:00:10","date_gmt":"2024-08-31T09:00:10","guid":{"rendered":"https:\/\/tableberg.com\/?p=3138"},"modified":"2024-09-01T09:59:16","modified_gmt":"2024-09-01T09:59:16","slug":"hoe-functieboxen-toevoegen-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/nl\/how-to-add-feature-boxes-in-wordpress\/","title":{"rendered":"Feature Boxen toevoegen in WordPress"},"content":{"rendered":"

Een kenmerkvak is een ontworpen gebied op een webpagina dat de aandacht vestigt op specifieke inhoud, producten en diensten. Feature boxes worden ontworpen met elementen zoals afbeeldingen, pictogrammen, beknopte tekst en knoppen.<\/p>\n\n\n\n

Tableberg is een multifunctionele plugin voor het maken van tabellen. Het kan je helpen om prachtige lay-outs te maken voor je feature boxes. In deze tutorial laten we je zien hoe je eenvoudig feature boxes kunt toevoegen in WordPress met de plugin.<\/p>\n\n\n\n

Download de plugin door op de knoppen op de onderstaande banner te klikken.<\/p>\n\n\n\n

\n
\n
\n
\n

Maak prachtige tafels <\/strong>
Met blok-editor<\/strong><\/p>\n\n\n\n

\n
Probeer gratis<\/a><\/div>\n\n\n\n
Krijg Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Zodra je de plugins op je site hebt ge\u00efnstalleerd, kun je de onderstaande tutorial volgen.<\/p>\n\n\n\n

Stap 01: Voeg het Tableberg-blok toe aan de editor<\/h2>\n\n\n\n

Voeg de Tafelberg blok<\/strong> aan de redactie.<\/p>\n\n\n\n

\"Voeg<\/figure>\n\n\n\n

Bepaal het aantal rijen en kolommen voor je website op basis van het aantal feature boxes dat je wilt maken.<\/p>\n\n\n\n

Omdat we drie feature boxes maken, hebben we het aantal kolommen en rijen 2*2 gekozen.<\/p>\n\n\n\n

\"Stel<\/figure>\n\n\n\n

Het gedefinieerde aantal rijen en kolommen is toegevoegd.<\/p>\n\n\n\n

\"Rijen<\/figure>\n\n\n\n

Stap 02: Voeg een productafbeelding toe aan de box<\/h2>\n\n\n\n

Een feature box is zinloos zonder een afbeelding van het betreffende product. Voeg de Beeldblok<\/strong> naar een geschikte cel.<\/p>\n\n\n\n

\"Een<\/figure>\n\n\n\n

Voeg een afbeelding toe aan een geschikte cel. Je kunt het formaat van de afbeelding aanpassen door het ronde pictogram te verslepen. <\/p>\n\n\n\n

\"Formaat<\/figure>\n\n\n\n

Stap 03: Een sterrenclassificatie toevoegen<\/h2>\n\n\n\n

Een sterrenclassificatie is een intu\u00eftieve manier om de kwaliteit en populariteit van een product uit te drukken. Het helpt ook bij de betrokkenheid van klanten. Voeg dus de Sterrenclassificatie blok<\/strong> aan tafel.<\/p>\n\n\n\n

\"Een<\/figure>\n\n\n\n

Van onder de Tabblad Instellingen<\/strong> op de rechter zijbalk, waarden instellen voor het blok met de sterrenscore. Je kunt zelfs de grootte van het blok aanpassen als dat nodig is.<\/p>\n\n\n\n

\"Waarde<\/figure>\n\n\n\n

Stap 04: Een CTA-knop toevoegen<\/h2>\n\n\n\n

Met een CTA-knop kun je gebruikers motiveren om te kopen of de productpagina te bezoeken. Voeg dus de Knopblok<\/strong> onder de rating.<\/p>\n\n\n\n

\"Een<\/figure>\n\n\n\n

Ga naar de Tabblad Stijlen<\/strong>waarbij het knoppenblok geselecteerd blijft. <\/p>\n\n\n\n

Vanaf hier kunt u de knop\u00a0tekstkleur, achtergrondkleur, grootte, opvulling,\u00a0<\/strong>een<\/span>d straal als dat nodig is.<\/p>\n\n\n\n

\"De<\/figure>\n\n\n\n

Stap 05: Feature List en beschrijving toevoegen<\/h2>\n\n\n\n

Omdat je meer ruimte nodig hebt om de lijst met functies en de beschrijving toe te voegen, kun je beter twee cellen samenvoegen. Selecteer cellen<\/strong> met je cursor door Shift-toets ingedrukt houden<\/strong>.<\/p>\n\n\n\n

Klik op Tabel bewerken<\/strong> op de werkbalk. Druk op de Optie samenvoegen<\/strong> op de lijst.<\/p>\n\n\n\n

\"Cellen<\/figure>\n\n\n\n

Voeg de Paragraaf blok<\/strong> om tekst in het kenmerkvak te schrijven.<\/p>\n\n\n\n

\"Voeg<\/figure>\n\n\n\n

Het is beter om de producteigenschappen in een lijst weer te geven. Voeg dus de Gestileerde lijst blok<\/strong>.<\/p>\n\n\n\n

\"Voeg<\/figure>\n\n\n\n

Ik hoop dat je een lijst met productkenmerken kunt maken zoals in de afbeelding hieronder. U kunt het pictogram van de lijst wijzigen, de grootte ervan vergroten,<\/strong> en de kleur aanpassen<\/strong>.<\/p>\n\n\n\n

\"Maak<\/figure>\n\n\n\n

Voeg tot slot een korte beschrijving van je product toe met behulp van het blok Paragraaf onder de lijst met kenmerken.<\/p>\n\n\n\n

\"Voeg<\/figure>\n\n\n\n

Zo, de inhoud van je feature box is klaar. Nu gaan we de vakken een beetje meer aanpassen.<\/p>\n\n\n\n

Stap 06: De randen van het kenmerkvak aanpassen<\/h2>\n\n\n\n

Tableberg maakt het mogelijk om zowel de extern<\/strong> en binnengrenzen<\/strong>. <\/p>\n\n\n\n

Ga naar de Tabblad Stijlen<\/strong>. Scroll een beetje naar beneden. Je krijgt deze opties. Stel de gewenste kleuren in<\/strong> en dikte voor de randen<\/strong>.<\/p>\n\n\n\n

\"De<\/figure>\n\n\n\n

Stap 07: Lint toevoegen aan de Feature Box<\/h2>\n\n\n\n

Een lint is een klein decoratief label of spandoek waarmee je belangrijke informatie kunt markeren, zoals kortingen, nieuw binnengekomen producten, enz. Voeg de Lint blok<\/strong> naar de dichtstbijzijnde cel.<\/p>\n\n\n\n

\"Lint<\/figure>\n\n\n\n

Naar de Tabblad Instellingen<\/strong>schrijf een kopieerlint<\/strong> en repareren zijn positie<\/strong> op het kenmerkvak.<\/p>\n\n\n\n

\"Stel<\/figure>\n\n\n\n

Ga ten slotte naar de Tabblad Stijlen<\/strong>. <\/p>\n\n\n\n

Selecteer de tekst<\/strong> en achtergrondkleur<\/strong> voor het lint.<\/p>\n\n\n\n

\"Kies<\/figure>\n\n\n\n

Stap 08: Geef een voorbeeld van de Feature Box<\/h2>\n\n\n\n

Ga naar de voorbeeldpagina. Je zult zien dat de functie goed werkt.<\/p>\n\n\n\n

\"Een<\/figure>\n\n\n\n

Conclusie<\/h2>\n\n\n\n

Ik hoop dat je dit artikel leuk vond. Je kunt meer ontwerpen met de Tableberg plugin. Verken bijvoorbeeld nog twee berichten voordat je afsluit. Deze berichten zijn:<\/p>\n\n\n\n