+31637600902 info@acgminvent.nl

Content wijzigen van Divi template

In deze instructie tonen we hoe je een tekst kan veranderen in een “Call to Action” module van Divi.
Deze instructie is niet van toepassing of andere WordPress templates of WordPress themes.

Wanneer je tekst en/of plaatjes wilt aanpassen op een WordPress website met Divi als template dan volg je de volgende stappen.

  1.  Ga naar de “admin” van je website door het volgend webadres is in te geven:
    https://mijndomein.nl/wp-login.php
    Stel dat het adres van je website www.mijnwebsite.nl is, dan type je https://www.mijnwebsite.nl/wp-login.php in, zoals afgebeeld in de afbeelding hieronder:

    De admin is overigens een stukje trager dan de website.

  2. Je vult je gebruikersnaam en wachtwoord in en klikt op de knop “inloggen”..
    Je komt dan uit in de “CMS” van de website.
    CMS is een afkorting dat staat voor Content Management System.
    Ook de website van ACGM Invent is gemaakt in WordPress en deze website dient in deze instructie als voorbeeld.
    Wanneer je bent ingelogd dan lijkt je scherm op de afbeelding hieronder.Heb je een breed scherm, dan is het verticaal linker menu al uitgeklapt zoals hieronder weergegeven:

    Je kan je linkermenu weer invouwen of uitvouwen m.b.v. het onderste menu-ikoon.

  3. Navigeer met je muis over het ikoontje dat een huisje moet voorstellen. Een submenu klapt dan uit.Klik dan met je linkermuis op “Site Bekijken”,zoals aangegeven in de afbeelding hieronder.

 

  1. Wanneer je geklikt hebt op “Site bekijken”, dan verschijnt je website zoals je gewend bent.
    Het bovenste gedeelte van je website heeft nu een extra balk.
    Deze balk geeft aan de rechterkant aan dat je bent ingelogd, in dit geval ben ik ingelogd onder Marianne.
    Aan de linkerkant zie je nog wat menu-items staan waarvan we er enkele gaan bespreken. In de afbeelding hieronder zie je het bovenste gedeelte van de website.

 

  1. Je kan nu gewoon over je website surfen zoals je gewend bent.
    Wanneer je de “Diensten” pagina wilt wijzigen, dan klik je op menu-item “Diensten”.
    De browser gaat naar de pagina “Diensten”.
    Klik op “Visual Builder inschakelen”. Klik niet op “Pagina bewerken” want dan heb je kans dat je de content van de pagina verliest.
    Zoals eerder genoemd is deze website gebaseerd op de template Divi en daarom gebruik je de “Visual buillder”.
    Klik op de geel omcirkelde “Visual Builder inschakelen”.Op de achtergrond wordt er van alles geladen en het duurt ook even voordat je scherm het onderstaande toont.
    Je bent nu in de “Visual Builder”.
  2. Je kan zien dat je in de “Visual Builder” bent omdat je de “Visual Builder” kan verlaten.
  3. Wanneer je in de “Visual Builder” mode bent en je beweegt je muis over de website, dan verschijnen er gekleurde menuutjes, zoals in het plaatje hieronder is afgebeeld.
    In Divi is je pagina opgebouwd uit bouwblokken die ook modules worden genoemd. Daar waar de menuutjes verschijnen, heb je de mogelijkheid om iets te veranderen. Het menuutje in de linkerbovenhoek van het plaatje hieronder geeft je de mogelijkheid om bepaalde zaken te veranderen in een zogenaamde “Sectie”. Een pagina is opgebouwd in “Secties”. Van boven tot onder is de pagina opgebouwd uit “Secties” en van iedere Sectie kan je de verschijning verandering zoals de achtergrondkleur, de marges en nog meer zaken. We kunnen op sectieniveau nog geen teksten veranderen of plaatjes invoegen, daarvoor moet we nog dieper in de sectie gaan.

    Een pagina bestaat uit sectie en een sectie bestaat weer uit rijen. In deze row kan je aangeven uit hoeveel blokken je deze wilt laten bestaan. Ik heb gekozen voor 3 blokken, zoals je ziet, en elk blok neemt 1/3 plaats in beslag van de horizontale ruimte. Je kan nog meerdere visuele zaken veranderen.In deze “rij” zijn 3 blokken afgebeeld. Elke blok of beter gezegd “Module” laat een plaatje zien en tekst.
    We willen een tekst wijzigen in de het module “Kantoor automatiserring”, dat links van “Low cost oplossing” is afgebeeld’.
    We klikken daarvoor op tandwieltje.

  4. Een Divi scherm verschijnt zoals hieronder is afgebeeld:
  5. Maak dit schermpje wat groter en scroll de inhoud van dit venster naar boven.
    De tekst die je wilt wijzigen verschijnt in de “Conten”. Je kan de tekst veranderen, de kleur, het font. Je kan er hyperlinks in kwijt.
    Wij veranderen de tekst “voor het Linus platform” in “We bouwen websites voor Apache webservers”
  6. We veranderen de tekst zoals in de afbeelding hieronder wordt getoond en klikken op het V-tje rechtsonder, wanneer we klaar zijn met de wijziging.
  7. De wijzigingen zijn opgeslagen in deze module maar nog niet helemaal.
    We verlaten de “Visuall Builder” door op “Visual Builder verlaten” te klikken.
    Een schermpje verschijnt met de vraag of we de wijzigingen nog eens willen opslaan.
    Klik op “Opslaan en verlaten”.
  8. Nu zijn je wijzigingen doorgevoerd en zal je deze wijzigingen ook zien wanneer je de website nog een bezoekt.
    Je bent nog steeds ingelogd in de CMS van WordPress en door je muis rechtsboven over  “Hallo …..” te bewegen, spring er een menu open, waarop je de mogelijkheid hebt om uit te loggen, zoals hieronder is afgebeeld.
  9. Je bent klaar met de wijziging.
    Mocht het e.e.a. niet duidelijk zijn, stuur dan een email naar info@acgminvent.nl