Tekst kan overal op uw pagina worden toegevoegd met Divi. Tekstmodules kunnen in elk type kolom worden geplaatst en in combinatie met andere modules vormen ze een echte dynamische pagina. Wanneer u een tekstmodule toevoegt, beschikt u over alle bewerkingsfuncties van een normale WordPress-pagina. De Divi-tekstmodule kan worden gebruikt om een ​​klein stukje tekst in een complexe lay-out te maken, of het kan in een kolom over de volledige breedte worden gebruikt om een ​​hele pagina te maken.

Hoe de Divi Text-module toe te voegen

Voordat u een tekstmodule aan uw pagina kunt toevoegen, moet u eerst naar Divi Builder springen. Zodra het Divi-thema Installé op Site web, je ziet een knop Gebruik Divi Builder boven de berichteditor wanneer u een nieuwe pagina maakt. Klik op deze knop om Divi Builder te activeren en toegang te krijgen tot alle Divi Builder-modules. Klik vervolgens op de knop Gebruik Visual Builder om de generator in visuele modus te starten. U kunt ook op de knop klikken Gebruik Visual Builder wanneer u door uw bladert Site web op de voorgrond als u bent ingelogd op uw WordPress-dashboard.

divi bouwer

Nadat u Visual Builder heeft geopend, kunt u op de grijze plusknop klikken om een ​​nieuwe module aan uw pagina toe te voegen. Nieuwe modules kunnen alleen binnen rijen worden toegevoegd. Als u een nieuwe pagina begint, vergeet dan niet om eerst een rij aan uw pagina toe te voegen.

plaats een divi.png module

Zoek de tekstmodule in de lijst met modules en klik erop om deze aan uw pagina toe te voegen. De lijst met modules is doorzoekbaar, wat betekent dat u ook het woord "tekst" kunt typen en vervolgens op enter kunt klikken om de tekstmodule automatisch te zoeken en toe te voegen! Zodra de module is toegevoegd, wordt u begroet door de lijst met moduleopties. Deze opties zijn onderverdeeld in drie hoofdgroepen: Inhoud , Ontwerpfase et vergevorderd .

Inhoud opties

tekstmodule-opties divi.png

Tekstuele inhoud

In dit veld kunt u de inhoud van uw module invoeren. Tekstinhoud beslaat de volledige breedte van de kolom waarin deze zich bevindt.

Als uw tekst op een donkere achtergrond wordt geplaatst, moet de tekstkleur worden ingesteld op "Donker". Als uw tekst echter op een lichte achtergrond wordt geplaatst, moet de tekstkleur worden ingesteld op "Licht".

Achtergrondkleur

Hier kunt u een achtergrondkleur voor uw tekstmodule kiezen.

Achtergrond afbeelding

Hier kunt u een achtergrondafbeelding voor uw tekstmodule kiezen.

Admin-label

Standaard wordt uw tekstmodule weergegeven met een label met de tekst 'Tekst' in de builder. Met de Admin-tag kunt u deze tag wijzigen voor eenvoudige identificatie.

Ontwerpopties

divi.png ontwerpopties

Hier kunt u uw tekst of koptekst naar wens opmaken en / of positioneren door de tekstkleur, oriëntatie, lettertype, lettergrootte, letterafstand en hoogte te kiezen. lijn.

U kunt ook een randstijl aanwijzen, een maximale breedte voor uw module instellen en aangepaste marge en vulling toevoegen.

Opties AVANCEES

geavanceerde opties divi.png

Gebruik de geavanceerde opties om uw tekstmodule aangepaste ID's en CSS-klassen te geven. Voeg aangepaste CSS toe voor een geavanceerde stijl en geef de modulezichtbaarheid op sommige apparaten aan.

Dat is alles voor deze tutorial, ik hoop dat je de tekstmodule op Divi kunt gebruiken.

[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DOWNLOAD DIVI THEMA [/vcex_button][/vc_column][vc_column width=” 1 /2″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DOWNLOAD DE TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]

Andere Divi-zelfstudies