Divi's module voor sociale netwerken

Procédure

Divi builder is inbegrepen in onzeWordpress webhostingpakketten. Als je ondersteuning voor DIVI builder wilt, moet je je direct op de Elegent theme Divi website abonneren op een licentie.

Introductie

LWS biedt 3 premium plugins van Elegant Themes (Divi, Bloom en Monarch). Deze worden regelmatig bijgewerkt. Als je eenmaal klant bent bij LWS, krijg je gratis toegang tot deze plugins door de 'Divi Builder' distributie te kiezen bij de installatie van het Wordpress CMS met onze Auto-Installer.

Als je een cPanel pakket hebt of Wordpress al hebt geïnstalleerd met deze distributie, maar geen toegang hebt tot alle thema's of updates, laat het ons dan weten door ons de toegangsgegevens voor het administratiegedeelte van je Wordpress site te geven zodat een technicus de licentie kan updaten.

Let op: u dient een Elegant Themes licentie af te sluiten om gebruik te kunnen maken van ondersteuning. LWS biedt geen ondersteuning voor deze producten.

Wat is de Divi Social Networking Module?

Met de Divi Social Networking Module kunt u op pictogrammen gebaseerde koppelingen maken naar uw online sociale profielen, zoals Facebook, Twitter en Google+.

Deze pictogrammen zijn geïntegreerd in het thema, in Divi's eigen stijl met behulp van Elegant Icons, waardoor ze te verkiezen zijn boven het gebruik van plugins van derden. Je kunt in elke module links naar meerdere sociale profielen toevoegen, maar je kunt de module ook overal op de pagina plaatsen.

Zo voeg je een module voor sociale netwerken toe aan je pagina

Voordat je een sociale netwerkmodule aan je pagina kunt toevoegen, moet je eerst overschakelen op Divi Builder. Zodra je het Divi-thema op je website hebt geïnstalleerd, zie je telkens wanneer je een nieuwe pagina maakt een knop Divi Builder gebruiken boven de editor voor publicaties.

Klik op deze knop om Divi Builder te activeren en toegang te krijgen tot alle Divi Builder-modules.

Klik vervolgens op de knop Use Visual Builder om de generator in visuele modus te starten. Je kunt ook op deze knop klikken terwijl je op de voorgrond door je website bladert als je bent ingelogd op je WordPress dashboard.

Zodra je Visual Builder hebt geopend, kun je op de grijze"+" knop klikken om een nieuwe module aan je pagina toe te voegen. Nieuwe modules kunnen alleen binnen rijen worden toegevoegd. Als je een nieuwe pagina begint, vergeet dan niet om er eerst een regel aan toe te voegen.

Zoek de tabbladmodule in de lijst met modules en klik erop om deze aan uw pagina toe te voegen. Zodra de module is toegevoegd, wordt u begroet door een lijst met opties voor de module. Deze opties zijn verdeeld in drie hoofdgroepen: Inhoud, Stijl en Geavanceerd.

Praktijkvoorbeeld: Bijbehorende sociale-mediapictogrammen toevoegen aan een contactpagina

De contactpagina van een website is de ideale plek om uw online sociale profielen te presenteren. Het geeft gebruikers meer mogelijkheden om met elkaar in contact te blijven en je blog of bedrijf te promoten. In dit voorbeeld laat ik zien hoe je sociale netwerkpictogrammen kunt toevoegen die passen bij het huidige ontwerp van een contactpagina.

Voeg met behulp van de visuele generator een nieuwe reguliere sectie toe met een volledige rij van een kolom over de volledige breedte. Voeg een sociale netwerkmodule in je kolom in.

Klik op het tabblad Inhoud van de parameters voor het bijhouden van sociale netwerken op de knop Een nieuw element toevoegen om een nieuw sociaal netwerk aan uw module toe te voegen. Werk onder de specifieke parameters voor sociale netwerken de volgende elementen bij:

Inhoud opties

Sociaal netwerk: Facebook

URL: [Voer de URL van je Facebook-account in].

Ontwerpopties

Kleur icoon: [geassorteerde kleur]

Dupliceer vervolgens dit sociale netwerk om 4 andere sociale netwerken toe te voegen (Twitter, Google+, Linkedin en Instagram). Omdat je deze laatste hebt gedupliceerd, is de aangepaste kleur van het pictogram overgezet. Het enige wat je hoeft te doen is elk netwerk en elke account-URL bijwerken.

Videopresentatie van Divi's module voor sociale netwerken

Conclusie

Gefeliciteerd! Je hebt nu sociale netwerkpictogrammen die passen bij het paginaontwerp dat je wilt.

Bedankt voor het volgen van deze tutorial! Ik hoop dat je het leuk vond en ik zie je snel voor de volgende tutorial :)

Om meer te weten te komen over Elegant Themes Divi en hoe het te gebruiken

Divi's getuigenismodule

Divi e-commerce module

> Raadpleeg onze Elegant Theme Divi helpsectie