In deze handleiding helpen we je om snel aan de slag te gaan met onze Website Builder. We leiden je door de basisstappen voor het maken en publiceren van een nieuwe website.
- Stap 1 - Open Website Builder in het configuratiescherm
- Stap 2 - Voeg basisinformatie over het bedrijf of project toe
- Stap 3 - Kies een template
- Stap 4 - Componenten toevoegen, bewerken en verwijderen
- Stap 5 - Tekst en afbeeldingen bewerken
- Stap 6 - Pagina's toevoegen of hernoemen
- Stap 7 - Opslaan
- Stap 8 - Voorbeeld
- Stap 9 - Publiceren
Stap 1 - Open Website Builder in het configuratiescherm
Je opent de Website Builder via de tegel in het one.com configuratiescherm.
- Log in op het one.com configuratiescherm.
- Klik op Ga naar Website Builder.
Tip: Gebruik je de proefversie van Website Builder? Dan log je in via deze link: Log in voor de proefversie van Website Builder.
Als je nog niet aan een Website Builder site bent begonnen, zie je het volgende scherm. Klik op Aan de slag! om te beginnen.
Stap 2 - Voeg basisinformatie over het bedrijf of project toe
Een naam toevoegen
- Kies een naam voor het bedrijf of project. Deze naam wordt bovenaan de website en in de resultaten van zoekmachines weergegeven.
- Klik op Volgende nadat je de naam hebt ingevoerd, of op Ik voeg dit later toe als je dit later wilt doen.
Een logo toevoegen
- Voeg een logo toe. Sleep het logo eenvoudig naar het blauw gemarkeerde vak of klik op Selecteer een bestand om een bestand vanaf de computer te uploaden. We raden aan om een bestand in .png-formaat te gebruiken met een transparante achtergrond en een grootte van 200 KB.
- Klik op Volgende om door te gaan, of op Ik voeg dit later toe als je dit later wilt doen.
Contactgegevens toevoegen
- Voeg contactgegevens toe, zoals e-mailadres, telefoonnummer en adres. Dit maakt het voor websitebezoekers makkelijker om contact met je op te nemen.
- Klik op Volgende om door te gaan, of op Ik voeg dit later toe als je deze informatie later wilt toevoegen.
Voer zoekwoorden in
- Beschrijf in een paar trefwoorden waar je site over gaat. Op basis van die woorden krijg je aanbevelingen voor templates om uit te kiezen.
- Klik op Volgende om door te gaan, of op Ik voeg dit later toe om deze stap nu over te slaan.
Stap 3 - Kies een template
Op basis van de zoekwoorden die je bij de vorige stap hebt ingevoerd, zie je nu een selectie van aanbevolen templates. De template bepaalt het algehele ontwerp van de site, zoals lay-out en lettertypen. Alle templates zijn volledig aanpasbaar, je kunt later altijd dingen wijzigen. Klik op onderstaande knop om door alle beschikbare Website Builder-templates te bladeren:
Bij elk template hoort ook een aanbevolen kleurenthema om ervoor te zorgen dat kleuren van bijvoorbeeld knoppen en achtergronden bij elkaar passen en dat dezelfde kleuren consistent worden gebruikt op alle pagina's van de website.
- Bekijk de aanbevolen templates of klik opBekijk alle templates aan de linkerkant van het scherm om door de hele collectie te bladeren.
- Klik op Voorbeeld template/Voorbeeld om alle pagina's van de template op volledige grootte weer te geven.
- Klik op Terug om andere templates te bekijken of Aan de slag met dit ontwerp in het voorbeeld van de template die je voor de site wilt gebruiken.
Stap 4 - Componenten toevoegen, bewerken en verwijderen
De Website Builder-werkruimte is nu ingesteld met de gekozen template en je kunt beginnen met het maken van de site. Elke pagina in de Website Builder bestaat uit een header, een footer en minimaal één sectie. De inhoud die je in de header en de footer plaatst, wordt op alle pagina's van de website getoond. Je kunt bijvoorbeeld de header gebruiken voor het menu en het logo en de footer voor je contactgegevens.
We raden je aan de volgende handleiding te lezen om meer te leren over header, footer en secties:
Een component toevoegen
Alle inhoud op de site bestaat uit componenten, bijvoorbeeld tekst, afbeeldingen, knoppen, enz. Alle beschikbare componenten vindt je in het menu aan de linkerkant. Je kunt eenvoudig meer componenten aan de pagina's toevoegen door ze vanuit het menu naar je werkruimte te slepen.
- De dunne rood/oranje stippellijnen geven aan hoe de component is uitgelijnd met andere componenten.
- Een rood gebied geeft aan dat je de component bovenop een ander component plaatst.
Een component bewerken
Dubbelklik op een component om de instellingen voor dit component te openen. In deze instellingen kun je bijvoorbeeld de stijl en grootte van de component wijzigen of deze naar een andere locatie laten linken. Als je buiten de component klikt, verdwijnt het instellingenmenu weer.
Tip: In plaats van de grootte van de component in de instellingen te wijzigen, kun je ook de rood/oranje kaderlijnen op alle hoeken en zijden verslepen.
Een component verwijderen
Om een component te verwijderen selecteer je het en klik je delete op je toetsenbord. Je kunt ook op het pictogram met de drie stippen in een cirkel klikken en Verwijderen selecteren in het menu dat verschijnt.
Stap 5 - Tekst en afbeeldingen bewerken
De meeste inhoud van je site bestaat waarschijnlijk uit tekst en afbeeldingen. Laten we daarom wat meer aandacht besteden aan deze componenten.
Tekst bewerken
Alle teksten in onze templates zijn dummy teksten. Je kunt ze gemakkelijk vervangen door je eigen tekst. Dubbelklik op een component om deze te bewerken.
Afbeeldingen bewerken
De afbeeldingen in onze templates zijn stockfoto's die je mag houden, maar waarschijnlijk wil je ze vervangen door eigen afbeeldingen om jouw bedrijf of project zo goed mogelijk te tonen.
- Klik op een afbeelding om deze te selecteren.
- Klik op de knop Afbeelding vervangen die boven of onder de component verschijnt.
- Selecteer de afbeelding waarmee je deze wilt vervangen of klik op Uploaden, rechts bovenin, om afbeeldingen vanaf je computer of een andere locatie te uploaden.
- Klik vervolgens op Toevoegen aan pagina.
Stap 6 - Pagina's toevoegen of hernoemen
Je kunt altijd meer pagina's toevoegen vanuit het paginamenu, links in de bovenste balk, gemarkeerd met een blauwe achtergrond. Klik op de knop + Nieuwe pagina toevoegen en volg de instructies.
Let op: Houd er rekening mee dat je met de standaardversie van Website Builder maximaal 5 pagina's kunt publiceren. Als je meer pagina's wilt publiceren, moet je te upgraden naar minimaal Premium.
Je kunt ook de naam wijzigen van een bestaande pagina:
- Zoek de pagina in het paginamenu in de bovenste balk.
- Klik op het cirkelpictogram met de drie stippen om de paginaopties te openen.
- Kies Instellingen.
- Hier kun je onder andere de paginanaam bewerken die zichtbaar is in het menu en browsertabblad.
- Klik op Opslaan om de wijzigingen op te slaan.
Stap 7 - Opslaan
Vergeet niet om de site vaak op te slaan! Zo verlies je niet al je wijzigingen als er iets misgaat. Ben je niet tevreden met het resultaat? Gebruik de pijlen in de bovenste balk om wijzigingen ongedaan te maken of opnieuw uit te voeren. Het enige dat je niet ongedaan kunt maken is het verwijderen van een pagina.
Tip! Als je de Premium versie van Website Builder gebruikt, heb je toegang tot de ingebouwde Back-up & Herstel functie. Hiermee kun je eerder opgeslagen versies van de site laden. Elke keer wanneer de site wordt opgeslagen, wordt er automatisch een back-up gemaakt.
Stap 8 - Voorbeeld
Het is een goed idee om een voorbeeld van de site te bekijken, voordat je deze publiceert om te zien hoe het eruit zal zien voor bezoekers.
- Klik op de knop Voorbeeld in de bovenste balk.
- Navigeer door het menu om alle pagina's van de site te bekijken. Controleer ook de mobiele versie van de site.
- Klik op Terug naar de editor om terug te keren en eventuele wijzigingen door te voeren.
Stap 9 - Publiceren
Wanneer je klaar bent om de site met de wereld te delen, is het tijd om te publiceren.
- Klik op de knop Publiceren in de bovenste balk.
- Bevestig je keuze door nogmaals op Publiceren te klikken.
Klaar! Je hebt nu je website gemaakt en deze wordt gepubliceerd. Afhankelijk van de pagina's en inhoud kan dit enkele minuten duren.
Tip! Klik op je domeinnaam via het menu in de rechterbovenhoek om de site online te bekijken. Zie je de site niet na publicatie? Controleer dan of je de startpagina goed hebt ingesteld.
Gerelateerde artikelen:
