Dienstenvakken staan vaak bekend als feature boxes. Ze worden gebruikt om de belangrijkste diensten te benadrukken die je product en je bedrijf aanbieden. Servicedozen bevatten vaak afbeeldingen, pictogrammen, koppen en korte beschrijvingen om ze betekenisvol te maken.
Hoewel Tableberg een table builder plugin is, kun je het gebruiken voor verschillende webdesign projecten, zoals aantrekkelijke serviceboxen. Deze tutorial laat je zien hoe je eenvoudig serviceboxen toevoegt in WordPress.
Als u de Tabelberg plugin niet op uw site heeft, haal deze dan op door op de knoppen op de onderstaande banner te klikken.
Maak prachtige tafels
Met blok-editor
Stap 01: Rijen en kolommen maken
Voeg de Tafelberg blok naar de editor door op de plus (+) pictogram.
Volgende, stel het aantal rijen en kolommen in je je serviceboxen wilt maken. Omdat we vier serviceboxen zullen maken, hebben we het volgende geselecteerd 2*2 rijen en kolommen.
Stap 02: Inhoud aan een cel toevoegen
We hebben drie soorten elementen nodig in onze servicevakken. Dat zijn pictogrammen, paragrafen en knoppen. Laten we beginnen ze toe te voegen.
Achtergrondkleur voor de tabel
Het is goed om een achtergrondkleur toevoegen voor de tabel vanaf het begin. Omdat je de kleur van de andere elementen van de cel moet bepalen op basis van de achtergrondkleur.
Selecteer het pictogram Tableberg on the toolbar. Go to the Tabblad Stijlen. Je ziet de opties voor Achtergrondkleur onder Kleur. Kies geschikte kleuren.
Pictogram naar de cel
Met Tableberg kun je verschillende blokken toevoegen, net als in de Gutenberg-editor. Klik op de plus (+) pictogram en voeg de Pictogrammenblok naar de cel.
Kom naar de Tabblad Instellingen. U krijgt opties om de pictogramgrootte, rotatie, en pictogram. Nu, een pictogram selecteren die hoort bij je servicetype voor de specifieke cel.
Ga naar de Tabblad Stijlen. U ziet de opties om de kleur van je pictogram wijzigen. We hebben het wit gemaakt.
Servicenaam
Je hebt de Paragraaf blok om de servicenaam te schrijven.
Nadat het Paragraph-blok is toegevoegd, een servicenaam schrijven voor de cel. Van de rechter zijbalk, de servicenaam inkleuren en de grootte instellen.
Beschrijving van de service
Schrijf net als bij de vorige methode een beschrijving van de service met behulp van het blok Alinea.
CTA-knop
Een service is niet compleet zonder een CTA-knop. Dus, een CTA-knop toevoegen naar de cel door klikken op het pluspictogram (+).
Pas nu de achtergrondkleur, tekstkleur, en zweefeffect voor de knop zoals je wilt.
Stap 03: Voeg ruimte toe tussen blokken
Je moet spaties toevoegen tussen de elementen op de cel om opstoppingen te verwijderen. Om dit te doen, de hele cel selecteren.
Ga vervolgens naar de Tabblad Stijlen. Als u naar beneden scrolt op het tabblad, komt u bij de Cel opvulling en Celafstand opties.
Door waarden in te stellen in deze twee opties, kun je ruimte toevoegen tussen de celelementen.
Stap 04: Inhoud toevoegen aan de andere cellen
Tableberg heeft een interessante functie op de werkbalk waarmee je direct rijen en kolommen van de tabel kunt dupliceren.
Klik op de [Pro] Tabel bewerken pictogram op de werkbalk. Selecteer vervolgens de Deze rij dupliceren optie.
Hierdoor wordt een lege kolom gemaakt. De kolom verwijderen omdat het niet nodig is.
Nu, met behulp van de [Pro] Tabel bewerken pictogramSelecteer de Deze kolom dupliceren optie.
De serviceboxen zijn dus klaar. Je kunt dus cellen, rijen en kolommen van een tabel dupliceren met de Tableberg plugin.
Stap 05: Spaties toevoegen tussen servicevakken
Selecteer het hele tabelblok door door op het pictogram Tableberg te klikken op de werkbalk.
Ga naar de Tabblad Stijlen. Scroll naar beneden en kom bij Celafstand. Met deze optie kun je gaten maken tussen de servicevakken.
Stap 06: Verberg de randen van de servicevakken
Om nu de randen van de boxen te verbergen, ga naar het tabblad Stijlen. Blader weer naar beneden op het tabblad en kom bij de Grensgedeelte.
Schakel de opties uit [PRO] Alleen rij-rand en Verberg cel buiten grenzen.
Zo, je serviceboxen zijn klaar. Je kunt je serviceboxen nog aantrekkelijker maken door ze verder aan te passen, als je dat wilt. Voor meer informatie over het aanpassen van Tableberg tabellen, onze documentatie verkennen.
Conclusie
Tableberg is niet alleen een plugin voor het maken van tabellen. Het is een veelzijdige tool die je kunt gebruiken voor je verschillende webdesign- en contentcreatieprojecten. Hopelijk heb je genoten van de tutorial van boven tot onder.
Als er onduidelijkheden zijn met betrekking tot het bericht van vandaag, laat dan hieronder een reactie achter. Ons supportteam zal je dan snel antwoorden.
Lees ook:
