Gehele website vertalen

Met de bulkactie 'Website vertalen' kun je in één keer een hele website vertalen. Dit proces verloopt in twee fases: voorbereiden en uitvoeren. Tijdens de voorbereidingsfase worden alle vertalingen gedaan door gebruik te maken van AI. De vertalingen van meta-titels en meta-omschrijvingen kunnen per pagina bekeken worden. De vertalingen van de pagina's zelf kun je niet previewen. Het is dus aan te raden om voor het vertalen een backup te maken van de site zodat je deze eenvoudig weer kunt terugzetten als zaken niet naar wens zijn. Backups kun je maken in het overzicht van de website onder tabblad 'Backup'.

Stap 1: Klik binnen jouw website op het icoon met de drie puntjes en vervolgens op 'Website vertalen'.


Stap 2: Er verschijnt nu een popin waar je het vertaalproces kunt starten.


Stap 3: Na de voorbereiding kun je de vertaling uitvoeren of afwijzen.

 
Specifieke content vertalen

Via de AI-assistent kun je bestaande teksten, titels, meta titels en meta omschrijvingen vertalen.

Stap 1: Klik bij het element dat je wilt vertalen op het 'AI-assistent' icoon.

Stap 2: Er verschijnt nu een popin waar je het vertaalproces kunt starten en nadat deze is uitgevoerd kunt invoegen.

*Om gebruik te kunnen maken van de AI vertaalfuncties is het pakket 'Meertaligheid AI' t.w.v. €49,- p/m nodig, neem contact met ons op voor meer informatie.

• Log in het CMS met het door jou eerder ingevoerde wachtwoord (klik hier om in te loggen)
• Links zie je het menu, klik op 'Websites'
• Klik vervolgens op de regel van de website wat je wilt bewerken
• Je krijgt nu een overzicht te zien van alle pagina's die op jouw website staan
  • Het openen van pagina's om deze bijv. vervolgens verder te bewerken doe je door op de regel van de pagina te klikken
  • Je komt dan in de 'Editor' terecht

• Het openen van het bestandsbeheer kan door eerst in het overzicht van de websites, de juiste website te openen. (zie de vorige handleiding hoe het overzicht werkt)
• Klik rechtsboven op de 'folder' icoon
• Een nieuw scherm wordt geopend, met links het menu met de aangemaakte folders
  • Navigeren tussen folders kan simpelweg gedaan worden door op de folder te klikken

Het uploaden van bestanden zoals bijv. afbeeldingen kan hier gedaan worden. (in het juiste folder) Benieuwd naar hoe afbeeldingen het beste opgeslagen kunnen worden?

• Gebruik van WebP en SVG
• Hoe afbeeldingen WebP opslaan/converteren
• Afbeeldingsgrootte in Mb's/pixels
• Bepalen van het juiste formaat voor afbeeldingen

• Open in het CMS de website waar je een folder voor wilt aanmaken
• Open vervolgens het bestandsbeheer
• In het linkermenu, beweeg met je muis over de folder waar je een folder aan wilt toevoegen
• Klik op de 3 puntjes
• Klik op 'Map toevoegen'
• Voer een naam in
• De folder is nu aangemaakt!

• Open in het CMS de website waar je een bestand in wilt uploaden
• Open het bestandsbeheer (zie vorige handleiding hoe je in het bestandsbeheer terecht komt)
• Open de juiste folder waar je de bestand(en) in wilt uploaden
• Klik op de blauwe knop 'Bestanden Uploaden' en klik vervolgens op de knop 'Bladeren'
• Selecteer de bestanden die je wilt uploaden
• Klik op de groene knop
• Klik in het bestandsbeheer op de zojuist geuploade bestand en geef deze een omschrijving (dit kan rechts van je scherm ingevuld worden)
• De bestanden zijn nu gereed voor gebruik!

Benieuwd naar hoe afbeeldingen het beste opgeslagen kunnen worden?

• Gebruik van WebP en SVG
• Hoe afbeeldingen WebP opslaan/converteren
• Afbeeldingsgrootte in Mb's/pixels
• Bepalen van het juiste formaat voor afbeeldingen

• In het CMS, open jouw website (zie Website overzicht)
• Open de tab 'Collecties'
• Je krijgt nu een overzicht te zien met de beschikbare collecties (beter bekend als Nieuwsoverzichten, Blogs)
• Door een collectie te openen krijg je alle artikelen te zien die onder deze collectie vallen
• Artikelen bekijken, bewerken, dupliceren en/of verwijderen doe je door op een van de iconen rechts van de regel te klikken
  • Oog = bekijken
  • Potlood = bewerken
  • Papiervellen = kopiëren
  • Prullenbak = verwijderen
• Een artikel toevoegen kan door op de blauwe knop 'Item toevoegen' te klikken

• In het CMS open je de website waar je een pagina aan wilt toevoegen (website overzicht)
• Klik op de blauwe knop: 'Pagina toevoegen'
• Geef de pagina een naam
• Hoort de pagina onder een andere pagina te vallen? Selecteer de bovenliggende pagina dan ook direct
• De pagina is toegevoegd
• Sleep de pagina op de juiste positie door met je muis over de regel van de pagina te gaan en met de linkermuisknop ingedrukt op de 3 puntjes te klikken

• In het CMS, open de website (zie Website overzicht) waar je een bestaande pagina wilt kopiëren
• Op de regel van de pagina wat gekopiëerd dient te worden, klik op het 'kopiëren icoon'
• Wijzig de 'Pagina naam'
• Geef eventueel aan of de  gekopiëerde pagina onder een bestaande pagina moet vallen (zie Geneste pagina's)
• Of wil je dat de pagina niet zichtbaar moet zijn in het menu? (zie Verbergen van pagina in het menu)
  • Open de tab 'Zichtbaarheid' en vink het veld 'Verbergen in menu's' AAN

Een 'geneste pagina' houdt in dat een pagina onder een bestaande pagina valt. Bijv. voor het toevoegen van een 'Project' is het logischer dat het project onder de pagina 'Project' valt, zo blijft de paginastructuur overzichtelijk.

• In het CMS open je de website waar je een 'geneste pagina' in wilt bewerken
• Klik op het tandwiel icoon op de regel van de pagina die je wilt aanpassen
• Selecteer hier de gewenste bovenliggende pagina
• Klik op de groene knop 'Opslaan'
• Sleep de pagina op de juiste pagina indien nodig

• In het CMS open je de website waar je een 'geneste pagina' in wilt bewerken
• Klik op het tandwiel icoon op de regel van de pagina die je wilt aanpassen
• Open de tab 'Zichtbaarheid'
• Vink 'Verbergen in menu's' AAN
• Klik op de groene knop 'Opslaan'

In plaats van het weergeven van een pagina, kan het soms voorkomen dat er in het menu een pagina toegevoegd moet worden wat weer doorlinkt naar een externe website/pagina denk bijv. aan een Klantenportaal of een document.

Dit mogelijk maken is gelukkig heel simpel en kan uitgevoerd worden als volgt:

• In de pagina overzicht (zie website overzicht)
• Pas een bestaande pagina aan of voeg een nieuwe pagina toe (zie pagina toevoegen)
• In de instellingen, open de tab: 'Link'
• Vink de optie: 'Standaard' UIT
• Geef vervolgens aan om wat voor soort link het gaat door op de icoon te klikken
• Na selecteren van de type link, voeg een URL of selecteer een pagina, artikel of document
  • Het is verstandig om externe links altijd te laten openen in een nieuw venster
• Sla de zojuist gemaakte wijzigingen op

• In het CMS open je de website
• Open vervolgens de pagina waar je een blok aan wilt toevoegen
• In het linkermenu, klik je op de type block dat je zou willen toevoegen
• Je krijgt een selectie van diverse blokken te zien
• Sleep het blok naar je geopende pagina
  • Het wijzigen van positie kan gedaan worden door nogmaals het blok te slepen naar de gewenste positie

• In het CMS, open je de website (en pagina) waar je een blok in wilt verwijderen
• Klik en hou de linkermuisknop ingedrukt op het blok dat je wilt verwijderen
• Sleep het blok naar de linkerkant van het scherm
• Je zou een groot rood vlak moeten zien, sleep het blok hierin
• Door de muisknop los te laten verwijder je het blok

Globale blokken zijn o.a. het navigatiemenu, de footer, cookiemelding. Een wijziging in een globale blok zal over de gehele website meegenomen worden.

Op nieuw aangemaakte pagina's, is het zeker handig om bovenstaande globale blokken te plaatsen.

• In het CMS, open je de website en vervolgens de juiste pagina waar je een globale blok aan wilt toevoegen
• In het linkermenu klik je op 'Globaal'
• Selecteer en sleep de globale blok wat je wilt toevoegen aan de pagina

• In het CMS open je website
• Open vervolgens de pagina waar je een blok op wilt verschuiven
• Klik en hou de linkermuisknop ingedrukt op het blok wat je wilt verschuiven
• Sleep naar de gewenste positie

Kolommen in een blok kunnen herschikt worden, dit doe je door met je muis over een kolom heen te gaan en vervolgens met de pijltjes boven de kolom, links of rechts te verplaatsen.

Zie voorbeeld hierboven

In blokken bevinden verschillende elementen. Door een blok te openen (dubbelklikken op een blok, of op het potlood icoon te klikken) kan je elementen in het blok selecteren.

Door met je muis over een element heen te gaan krijg je een rand te zien, op deze manier weet je dus welke element je selecteert. Klik het element, rechts in het menu kan je ook bovenaan zien welk element je zojuist heb geselecteerd.

Tevens wanneer je met je muis over een element heen gaat, zal er een icoon met 3 puntjes weergegeven worden. Door op deze icoon te klikken krijg je een menu te zien.

• Klik op 'Element toevoegen' en selecteer vervolgens of je het element voor of na deze wilt toevoegen
• Een nieuw scherm wordt geopend, er is ruim keuze uit diverse elementen
• Selecteer de gewenste element wat je wilt toevoegen en klik vervolgens op de groene knop 'Toevoegen'
• Het element is toegevoegd op de positie wat je aan hebt gegeven, heb je zojuist tekst toegevoegd? Dit kan je makkelijk aanpassen door het element te selecteren en vervolgens je wijzigingen rechtstreeks in de editor door te voeren

Een afbeelding toevoegen wordt op dezelfde manier uitgevoerd als hoe je andere element types zou toevoegen. (zie Een element toevoegen)

• Tijdens het selecteren van een element, open je de tab 'Media'. Maak een keuze uit 'Content media' of 'Item media'.
• Na het invoegen van de afbeelding, selecteer je de zojuist toegevoegde afbeelding
• Open  in het rechtermenu de tab 'Instellingen'
• Wijzig de afbeelding door op het folder icoon te klikken
• In het bestandsbeheer, selecteer de afbeelding die je op de website wilt plaatsen
• Klik op de groene knop 'Invoegen'

Benieuwd naar hoe afbeeldingen het beste opgeslagen kunnen worden?

• Gebruik van WebP en SVG
• Hoe afbeeldingen WebP opslaan/converteren
• Het juiste formaat voor afbeeldingen

• In het CMS, open je de website (en pagina) waar je een element in wilt verwijderen
• (zie Een element toevoegen, hoe de elementen in het systeem werken) klik op het element wat je wilt verwijderen
• Klik op de 3 puntjes
• En klik vervolgens op 'Verwijderen'

Het toevoegen van buttons gaat op dezelfde manier als hoe je andere elementen zou toevoegen. (zie Een element toevoegen)

Na het toevoegen van een button kan je de inhoud veranderen door op de tekst te klikken en dit vervolgens te wijzigen.

• In het rechtermenu, open de tab 'Instellingen'
• Je kan de linktype veranderen door op het icoon te klikken naast 'Link'
• De daadwerkelijke link pas je aan door in het veld ernaast, bijv. een pagina te selecteren of het URL in te voeren. (afhankelijk om wat voor linktype het gaat)
• Je kan de 'Link doel' aanpassen zodat de link in een nieuw venster wordt geopend of dat je in dezelfde venster blijft

Door met je muis over een element heen te gaan krijg je een rand te zien, op deze manier weet je dus welke element je selecteert. Klik het element, rechts in het menu kan je ook bovenaan zien welk element je zojuist heb geselecteerd.

Nadat je een tekst/heading element heb geselecteerd kan je gelijk beginnen met het aanpassen van het geselecteerde element.

Door met je muis over een element heen te gaan krijg je een rand te zien, op deze manier weet je dus welke element je selecteert. Klik het element, rechts in het menu kan je ook bovenaan zien welk element je zojuist heb geselecteerd.

• Na het selecteren van een afbeelding element, open  in het rechtermenu de tab 'Instellingen'
• Wijzig de afbeelding door op het folder icoon te klikken
• In het bestandsbeheer, selecteer de afbeelding die je op de website wilt plaatsen
• Klik op de groene knop 'Invoegen'

Benieuwd naar hoe afbeeldingen het beste opgeslagen kunnen worden?

• Gebruik van WebP en SVG
• Hoe afbeeldingen WebP opslaan/converteren
• Het juiste formaat voor afbeeldingen

Door met je muis over een element heen te gaan krijg je een rand te zien, op deze manier weet je dus welke element je selecteert. Klik het element, rechts in het menu kan je ook bovenaan zien welk element je zojuist heb geselecteerd.

• Nadat je een tekstelement heb geselecteerd, selecteer een woord/regel waar je een link van wilt maken
• Klik op het 'Link' icoon (zie voorbeeld hierboven)
• Selecteer hier de gewenste linktype, waar de link naartoe mag verwijzen en doel
• Klik op de groene knop 'Opslaan'

• In het pagina overzicht (zie website overzicht) open je de gewenste pagina waarin je het bestand wilt vervangen
• Dubbelklik op de blok waarin je een bestand (bijv. een afbeelding of document) wilt vervangen
• Klik op het element (zie elementen)
• Is het een afbeelding?
  • In het rechtermenu open je de tab: 'Instellingen'
  • Pas het veld: 'Afbeelding' aan door op het folder icoon te klikken
  • In het bestandsbeheer is de huidige afbeelding automatisch geselecteerd, in het rechtermenu van het bestandsbeheer pas je het veld: 'Bestand' aan door op het folder icoon te klikken
  • Selecteer vervolgens de juiste afbeelding die de huidige mag vervangen
  • Klik op de groene knop: 'Opslaan' en vervolgens op: 'Invoegen'
• Is het een document (PDF)?
  • In het rechtermenu open je de tab: 'Instellingen'
  • Pas het veld: 'Link' aan door op het folder icoon te klikken
  • In het bestandsbeheer is het huidige document automatisch geselecteerd, in het rechtermenu van het bestandsbeheer pas je het veld: 'Bestand' aan door op het folder icoon te klikken
  • Selecteer vervolgens het juiste document
  • Klik op de groene knop: 'Opslaan' en sluit het bestandsbeheer

• In het CMS, open je de website en collectie (zie Collectie overzicht) waar je een artikel aan wilt toevoegen
• Klik op de blauwe knop 'Item toevoegen'
• Vul de nodige velden in en voer indien van toepassing afbeeldingen toe
• Sla de ingevoerde gegevens op door op de groene knop 'Toevoegen' te klikken

• In het CMS, open je de website en collectie (zie Collectie overzicht) waar je een artikel in wilt bewerken
• Op de regel van het artikel, klik op de potlood icoon
• Pas hier de gegevens aan
• Sla de wijzigingen op door op de groene knop 'Opslaan' te klikken

• In het CMS, open je de website en collectie (zie Collectie overzicht) waar je de volgorde van artikelen in wilt aanpassen
• Navigeer met je muis over het artikel wat je zou willen verplaatsen
• Klik en houdt ingedrukt de linkermuisknop op de 3 puntjes icoon (aan de linkerkant van de regel)
• Sleep het artikel naar de juiste positie

• In het CMS, open je de website en collectie (zie Collectie overzicht) waar je een artikel in wilt verwijderen
• Klik op het prullenbak icoon van het artikel dat je wenst te verwijderen
• Klik vervolgens op de rode knop 'Verwijderen'

Let op! In nieuw geplaatste formulieren staat standaard geen ontvanger (emailadres) aan toegevoegd, na het plaatsen van een formulier dient dit dus ingesteld te worden om het formulier werkend te krijgen. Waar dit ingesteld kan worden zie je in 'Formulier instellingen'

• In het CMS, open de website (zie Dashboard overzicht) en vervolgens de pagina (zie Pagina overzicht) waar het formulier aan toegevoegd mag worden
• In het linkermenu, selecteer de type block: 'Contact' (zie Blokken overzicht)
• Sleep dit blok op de gewenste plek op de pagina
• Bewerk het blok door er dubbel op te klikken of door er eenmaal op te klikken en vervolgens op de groene potlood icoon te klikken
• Klik op een formulierveld (zoals bijv.  Naam, E-mailadres)
• In het rechtermenu, klik op de blauwe knop: 'Formulier bewerken'
• Een nieuw scherm wordt geopend met daarin alle formulier instellingen

Tevens kan een formulier ook toegevoegd worden aan een bestaand blok. Zie hiervoor de Elementen overzicht. Een formulier kan als element toegevoegd worden.

Tabblad: Velden

Hier kunnen formuliervelden toegevoegd, bewerkt en/of verwijderd worden.

Tabblad: Terugkoppeling

Meldingen en een bedanktpagina kunnen hier ingesteld worden.

Tabblad: Reacties

Inzendingen worden zowel via de mail verzonden als opgeslagen in het CMS. Geef hier een unieke Formuliernaam aan het formulier. Om zo de inzendingen overzichtelijk te maken

Tabblad: E-mail

Hoe inzendingen verzonden worden kunnen hier ingesteld worden

Tabblad: Spambeveiliging

Wij raden aan om spambeveiliging aan te laten, maar mocht het om een reden toch niet wenselijk zijn. Dan kan de spambeveiliging hier uitgezet worden.

Let op! In nieuw geplaatste formulieren staat standaard geen ontvanger (emailadres) aan toegevoegd, na het plaatsen van een formulier dient dit dus ingesteld te worden om het formulier werkend te krijgen. Waar dit ingesteld kan worden zie je in 'Formulier instellingen'

• In het CMS, open de website (zie Dashboard overzicht) en vervolgens de pagina (zie Pagina overzicht) waar het formulier zich op bevindt
• Open het blok (zie Blokken overzicht) 
• Klik op een van de formuliervelden en klik vervolgens op de blauwe knop in het rechtermenu: 'Formulier bewerken'
• Een nieuw scherm wordt geopend
• In het linkermenu staan de beschikbare velden die toegevoegd kunnen worden
  • Door op een van de beschikbare velden te klikken worden deze toegevoegd aan het formulier
• Klik op een van de toegevoegde velden
  • In het rechtermenu kan de geselecteerde veld bewerkt worden
• Het slepen van velden naar de gewenste positie kan gedaan worden door met je muis over het veld te scrollen en vervolgens het 3 puntjes icoon (links van het veld) ingedrukt te houden en slepen naar de juiste plek
• Sla de wijzigingen op

Tabblad: Velden

Hier kunnen formuliervelden toegevoegd, bewerkt en/of verwijderd worden.

• In het linkermenu staan de beschikbare velden waaruit gekozen kan worden
• In het midden staan de geplaatste velden, deze kunnen bewerkt worden, verwijderd of naar een juiste positie gesleept worden
• Na klikken op een geplaatste veld kan er in het rechtermenu de gegevens gewijzigd worden

Tabblad: Terugkoppeling

Meldingen en een bedanktpagina kunnen hier ingesteld worden.

• Foutmelding = Wanneer bijv. niet alle velden ingevuld zijn door de bezoeker, dan krijgt de bezoeker deze melding te zien
• Succesmelding = Na succesvol verzenden krijgt de bezoeker deze melding te zien
• Bevestigingspagina = Indien ingevuld, wordt de bezoeker na inzending, doorgelinkt naar deze pagina. En anders krijgt de bezoeker bovenstaande Succesmelding te zien

Tabblad: Reacties

Inzendingen worden zowel via de mail verzonden als opgeslagen in het CMS. Geef hier een unieke Formuliernaam aan het formulier. Om zo de inzendingen overzichtelijk te maken

• Reacties opslaan = Wanneer aangevinkt worden de inzendingen niet alleen via de mail verzonden, maar ook opgeslagen in het CMS
• Formulier naam = Opgeslagen inzendingen komen onder het formuliernaam in het CMS te staan. Voor een duidelijk overzicht raden wij een unieke formuliernaam per formulier aan.

Tabblad: E-mail

Hoe inzendingen verzonden worden kunnen hier ingesteld worden. Indien beschikbaar, kunnen eventuele SMTP gegevens hier ingesteld worden. En anders kan er vanaf de server verzonden worden.

Tabblad: Spambeveiliging

Wij raden aan om spambeveiliging aan te laten, maar mocht het om een reden toch niet wenselijk zijn. Dan kan de spambeveiliging hier uitgezet worden.

Wijzigingen worden niet automatisch gepubliceerd, dit is behoorlijk handig voor wanneer een pagina opnieuw wordt vormgegeven zonder dat bezoekers hier enige last van ervaren.

Zijn er dus wijzigingen uitgevoerd en is alles naar wens? Dan dient de website 'Gepubliceerd' te worden zodat de wijzigingen te zien zijn.

Controleer altijd goed in de 'Preview' modus of de wijzgingen correct zijn uitgevoerd voordat de website gepubliceerd wordt!

• In het CMS, open de website dat je wilt publiceren (zie Website overzicht)
• Rechts bovenin het scherm klik je op de groene knop 'Publiceren'
• Een scherm met boodschap wordt weergegeven, klik nogmaals op de knop 'Publiceren'
• De website is nu gepubliceerd en de aanpassingen staan live!

Websites worden o.a. op basis van snelheid gekeurd, hoe sneller de website, des te beter dat is!

Afbeeldingen spelen hier een grote rol in, zeker wanneer een pagina een groot aantal afbeeldingen bevat kan dit er voor zorgen dat de pagina langzamer laadt.

Traditionele bestandsindelingen zoals jpg, png, bmp en/of tiff worden tegenwoordig als verouderd beschouwd, waarbij moderne alternatieven zoals WebP en SVG betere prestaties bieden.

Afhankelijk van wat er op de afbeelding staat, kan er gekozen worden tussen een WebP of SVG indeling.

• Wanneer het om een foto gaat, dan kies je voor een WebP.
• Grafische elementen zoals, logo's of iconen kunnen het beste als SVG opgeslagen worden.

Door bewust te kiezen van de bestandsindelingen, zal de website beter presteren zonder dat de kwaliteit achteruit zal gaan!

Nieuwe afbeeldingen opslaan als WebP:

Het opslaan van afbeeldingen als WebP formaat kan op verschillende manieren gedaan worden en is vooral afhankelijk van wat voor beeldbewerkingsprogramma gebruikt wordt.

Adobe Photoshop:

1. Open de afbeelding in Photoshop
2. Klik linksboven in het menu op "Bestand"
3. Klik vervolgens op "Opslaan als"
   • Indien er gevraagd wordt of de afbeelding lokaal opgeslagen mag worden of niet, kies je er voor om de afbeelding lokaal op te slaan.
4. Onder bestandsnaam, kan je de bestandsindeling selecteren, klik hierop en selecteer vervolgens WebP
5. Sla de afbeelding op door gebruik te maken van de vooringestelde instellingen

GIMP:

1. Open de afbeelding in GIMP
2. Ga naar het menu "Bestand" en selecteer "Exporteren als"
3. In het exportvenster, kies bij "Selecteer bestandstype" voor "WebP Image" uit de lijst met formaten
4. Behoudt de vooringestelde instellingen en exporteer de afbeelding

Bestaande afbeeldingen converteren:

Er zijn online vele diensten, wij zullen hiervoor gebruik maken van AnyWebP:

1. Door de bovenstaande link te openen, kan je de bestaande afbeeldingen in het aangegeven vak slepen of op de knop 'Select Images' klikken en vervolgens de afbeeldingen selecteren.
   • het is dus mogelijk om meerdere afbeeldingen per keer te converteren
2. Na het uploaden van de afbeeldingen, wordt er een nieuwe pagina geopend.
3. Pas indien nodig de instellingen links van het scherm aan.
   • de vooringestelde instellingen zullen in meeste gevallen voldoende zijn
4. Klik vervolgens op de gele knop 'Convert All Images'
5. De afbeeldingen zullen nu gedownload worden

Doet bovenstaande link het niet? Dan kan er o.a. gebruik gemaakt worden van:

• To WebP
• Pixelied
• Convertio

Alle 3 de opties zullen vergelijkbare stappen hebben die makkelijk doorgenomen kunnen worden.