Je kunt ook de button gebruiken die we op je website hebben geplaatst als je bent ingelogd om op de achterkant van de website te komen. Maar de URL is vooral handig om aan je favorieten toe te voegen zodat je de volgende keer makkelijk kunt inloggen zonder die lange URL hoeft te onthouden.

Als je eenmaal bent ingelogd, zie je het scherm zoals hiernaast afgebeeld. Het gedeelte waar de rode cirkel omheen staat, hebben wij speciaal voor elke website gemaakt. Wat daar staat, kan per website verschillen. Dit zijn linkjes om snel op de juiste plek uit te komen zonder zelf te hoeven onthouden waar je in het CMS moet zijn. 

1. Bij punt 1 kun je het zijmenu inklappen
2. Bij punt 2 kun je weer terug komen op deze pagina.
3. Bij punt 3 ga je naar de website bouwer.
4. Bij punt 4 kun je een tab openen met de voorkant jouw website.

Je kunt bij punt 1 en 2 de template openen door in het menu op YOOtheme te klikken of op de link "Pagina's bewerken" zoals in het voorbeeld hiernaast. Dit kan alleen als je bent ingelogd op de achterkant van de website. Dus ben je via de voorkant op deze pagina gekomen, dan kun je onderstaande knop gebruik om op de achterkant te komen.

Als je de template hebt geopend zie de volgende indeling.

• Er is een menu om naar de pagina's of modules te gaan.
• Er is een knop (linksonder) om het zijscherm tijdelijk te verbergen en een schuif om het zijscherm breder of smaller te maken.
• Er is ook een groep iconen (midden onder) waarmee je kunt bekijken hoe de website op een mobiel of tablet wordt weergegeven. Als je 2x op dezelfde knop klikt kun je hiermee het beeld horizontaal of verticaal draaien.

Wanneer je dieper in wil gaan op de template dan kun je hier een aantal videos terugvinden van de verschillende onderdelen en de werking ervan.

Wanneer je een wijziging uitvoert in de bouwer, dan zie je bovenaan een blauwe knop "ontwerp opslaan" verschijnen. Hiermee sla je de aanpassing op. Als je vergeet om op te slaan geeft het systeem ook nog een herinnering voordat je de pagina verlaat.

Hieronder zie je in het grijs een vraagteken staan (zie afbeelding rechts). Daarmee kun je helpvideo's bekijken over de verschillende onderdelen van deze template. Deze video's zijn in het Engels.

In de bibliotheek kun je voorbeeldpagina's opzoeken en gebruiken, maar ook je eigen bewaarde onderdelen terugvinden.

Hier zie je een voorbeeld van een sectie (1), rij (2) en twee elementen (3).

• Met behulp van het pennetje kun je dit onderdeel aanpassen. 
• Met de twee blokjes schuin achter elkaar kun je dit onderdeel kopiëren.
• Met behulp van het pijltje omhoog kun je het onderdeel bewaren.
• Het prullenbakje verwijder je dit onderdeel.
• Met het witte plusje (midden onderaan element) kun je een element toevoegen.
• Met de grijze plusjes kun je secties (plusje links) of rijen (plusje rechts) toevoegen.

Secties, rijen en elementen kun je eenvoudig verplaatsen door deze te slepen naar de gewenste plek.

Als je in de bouwer zit in één van de secties, rijen of elementen kun je altijd weer een stap terug door links bovenin bij de pijl terug te klikken. Hier staat afhankelijk van waar je bent aangegeven waar je naar terug gaat.

Je kunt een sectie toevoegen door met je muis links boven of onder een sectie te bewegen en vervolgens op het plus icoontje te klikken. Het plus icoontje komt pas in beeld als je daar met je muis in de buurt komt. 

Je kunt de sectie bewerken met het pennetje of kopiëren met de 2 blokjes die schuin achter elkaar staan. Verder kun je met het pijltje omhoog de sectie met al zijn inhoud opslaan of verwijderen met het prullenbakje. Als je een sectie verwijdert, dan verwijder je ook alle rijen en elementen daarin.

Standaard zit er altijd 1 rij in een sectie. Dus je hoeft bijna nooit een rij toe te voegen. Als je dit toch wil dan kun je een rij toevoegen door met je muis rechts onder een rij te bewegen en vervolgens op het plus icoontje te klikken. Het plus icoontje komt pas in beeld als je daar met je muis in de buurt komt. 

Je kunt een rij bewerken met het pennetje of kopiëren met de 2 blokjes die achter elkaar staan of verwijderen met het prullenbakje. Als je de rij verwijderd dan verwijder je ook alle elementen daarin.

Als je de rij gaat bewerken (je hebt op het pennetje rechts van de rij geklikt), kun je ook het aantal kolommen bepalen door hierop te klikken. Er opent zich dan een pop-up met alle mogelijkheden. 

Je kunt ook de eigenschappen van elke kolom aanpassen in dit overzicht, maar dat gaat te ver om te bespreken zoals vele duizenden andere instellingen en mogelijkheden.

Je kunt elementen toevoegen door op het plus icon te klikken op een lege rij of onder elk element. Als je dat hebt gedaan, verschijnt er een pop-up met alle elementen waar je uit kan kiezen.

Je kunt elementen bewerken door deze aan te klikken. Je krijgt dan de mogelijkheid om inhoud toe te voegen of te wijzigen. 

1. Als je over de elementen beweegt met je muis, dan zie je aan de rechterkant van het scherm het betreffende element geselecteerd worden met een blauw kader. Op die manier weet je welk element je te pakken hebt.

2. Je kunt ook in de rechterhelft op website zelf over de inhoud bewegen om de elementen te vinden. Hier krijg je ook meteen knoppen te zien waarmee je de elementen kunt bewerken, kopiëren, bewaren of verwijderen. 

We adviseren bij het wijzigen van de tekst zo min mogelijk opmaak in de editor te gebruiken. De instellingen voor uitlijning, kleur, lettertypes, grootte, kolommen, etc. kun je vinden in het tabblad "Instellingen". Mocht je toch graag wijzigingen doorvoeren in de tekst die verder gaan dan de basisknoppen dan kun je met onderstaande button met de vier pijlen een grotere HTML editor openen met meer mogelijkheden voor bijvoorbeeld tabellen en hyperlinks, etc. 

Ook de tekstuitlijning kun je het beste in de tab "Instellingen" doen, tekstuitlijning staat bijna helemaal onderaan in die tab. Je kunt daar ook aangeven of dit op alle apparaten moet worden doorgevoerd of alleen vanaf een bepaalde breedte.

Verder kun je hier ook de tekst middels een beweging in beeld laten verschijnen. Dit kun je instellen bij "Animatie". Hiermee maak je je pagina wat spannender omdat er wat 'gebeurt'. Pas hiermee echter wel op dat je het niet te bont maakt ;-)

Als laatste kun je ook bij alle elementen aangeven of deze zichtbaar moet zijn voor mobiel of desktop of voor beide. Zo kun je verschillende teksten of elementen maken voor verschillende apparaten. Vergeet niet dit goed te testen met de knoppen onderin.

Indien je specifieke informatie zoekt over de uitgebreide editor dan kun je die hieronder vinden bij de leverancier (Engelstalig).

De Media Manager wordt geopend als je in een element zit en ergens een afbeelding of video gaat toevoegen. Je kan de Media Manager openen door op een bestaande afbeelding te klikken of zoals hieronder op de tekst afbeelding selecteren.

Bij "Instellingen" kun je o.a. schaduw toevoegen of ronde hoeken geven en nog wat andere instellingen terugvinden.

In de Media Manager kun je door je mappen navigeren (1), je kunt de afbeeldingen in een lijst of in een raster tonen (2), extra mappen aanmaken en media uploaden. Houd het aantal verschillende mappen beperkt. Een extra map aanmaken is bijvoorbeeld slim wanneer je foto's van nieuwsbrieven bij elkaar wilt houden. Je kunt bijvoorbeeld een map per jaar aanmaken. Zorg dat media altijd in een map wordt geplaatst.

Bij punt (3) kun je een afbeeldingen zoeken, verwijderen of hernoemen (let op! als je een afbeelding gaat hernoemen maar ook al ergens hebt gebruikt zul je die daar opnieuw moeten plaatsen). 

Bij punt (4) kun je stockfoto's uitzoeken die je zakelijk mag gebruiken. 

Mocht je nieuwe foto's willen toevoegen (uploaden) of gebruik willen maken van Unsplash, dan is het in alle gevallen belangrijk dat je voor de afbeeldingen de juiste resolutie gebruikt. Doe je dit niet dan wordt je pagina traag en krijg je strafpunten van Google en andere zoekmachines. Hoe je de juiste resolutie kan bepalen en hoe je de resolutie kunt aanpassen wordt uitgelegd in het hoofdstuk "Bewerkingen".