Verken de Editor

De Webflow Editor stelt je in staat jouw website te onderhouden via een gebruiksvriendelijke interface. Via de Editor bewerk en beheer je gemakkelijk de inhoud van je website, zoals teksten en afbeeldingen en voeg je bijvoorbeeld nieuwe blog artikelen toe.

Inloggen

Ga naar Inloggen op je website als je nog niet ingelogd bent in de Editor.

Navigeren door de Editor

Wanneer je de Editor hebt geopend zal je website verschijnen zoals normaal, maar met een nieuwe menubalk van de Editor onderin het scherm:

Pages: Alle pagina's.
Collections: Alle Collecties.
Forms: Alle formulier inzendingen. Formulier inzendingen die automatisch naar een marketing e-mailservice zoals Mailjet worden gestuurd staan hier niet bij.
‍Publish: Publiceer alle wijzigingen die je hebt gedaan via de Editor.

Paginaoverzicht

Je vind alle pagina's op de website in een overzicht onder tabblad "Pages". Dit overzicht begint altijd met alle statische pagina's; dit zijn pagina's die niet aan een Collectie zijn gekoppeld. De Collectie pagina's vind je in het paginaoverzicht onder de statische pagina's over opeenvolgende secties verdeeld, beginnend met de Collectie naam.

Pagina en folder status

In het overzicht staan pagina's en folders met pagina's. Pagina's en folders kunnen één van de volgende status hebben: Gepubliceerd, Concept of Versleuteld.

Gepubliceerd: Blanko folder en papier icoon.
Concept: Rode pen icoon. Niet gepubliceerd.
Versleuteld: Geel slot icoon. Gepubliceerd. Alleen toegankelijk met wachtwoord. Wordt niet in resultaten van zoekmachines weergegeven.

Pagina instellingen

Om de instellingen van een pagina te bekijken en bewerken beweeg je met je muis in het paginaoverzicht over een rij en klik je op "Settings":

De instellingen van een pagina zijn verdeeld over 4 uitklapsecties.

• Gebruikerstoegang: Publiek / live, Wachtwoord - uitgesloten van zoekresultaten of Gespecificeerd.
• SEO: (Titel en omschrijving: verschijnt in de resultaten van zoekmachines.)
• Open Graph: Afbeelding, titel en omschrijving: verschijnt bij het delen van de pagina op bijv. social media. De titel en omschrijving staat standaard aangevinkt zodat deze van de SEO instellingen wordt overgenomen.
• Website zoeken: Uitsluiten van website zoeken resultaten, SEO titel - omschrijving - afbeelding.

Klik op de groene knop "Save" om gemaakte wijzigingen op te slaan en klik op het pijltje naar links of op "Close" om terug te gaan naar het pagina overzicht.

Voorbeeldmodus

Klik op "View Site" (bovenin het scherm) om de website in voorbeeldmodus te bekijken. Eenmaal in voorbeeldmodus kun je door de website navigeren zoals op de live website, maar nu kun je direct op een pagina tekst, afbeeldingen en links bewerken.

Tekst bewerken

Beweeg over tekst tot er een pen icoon rechtsboven de tekst verschijnt. Klik op de pen om de tekst te bewerken en klik weer weg van de tekst om de wijziging automatisch op te slaan.

Afbeelding bewerken

Beweeg over een afbeelding tot er een afbeelding met plusje icoon rechtsboven de afbeelding verschijnt. Klik op het icoon om een nieuwe afbeelding te uploaden, bevestig en klik weer weg van de afbeelding om de nieuwe afbeelding automatisch op te slaan.

Button en link bewerken

Beweeg over een button of link en klik op het tandwiel om te bewerken.

Klik op "Edit text" om de link tekst te bewerken of klik op "Edit link settings" om meer opties te tonen.

Klik aan de linkerkant op het driehoekje dat naar rechtsonder wijst om het Link Type te wijzigen of bewerk het huidige Link Type "Pagina" via de zichtbare opties: Pagina kiezen (driehoekje omlaag), extra opties (tandwiel), opslaan (vinkje) of sluit alle opties (kruisje).

Overzicht van Link Types (van links naar rechts) die je aan de link kan toewijzen: Extern (willekeurige URL, bijvoorbeeld: https://webflow.com), pagina (in de website), sectie (op de huidige pagina), e-mail en telefoon.

"synced" notificatie

Als er een paarse banner verschijnt onder de geselecteerde tekst, afbeelding of link dan staat dit element aan meerdere elementen op de website gekoppeld. Wanneer je dit element wijzigt dan wordt dit overal aangepast waar het gekoppeld staat.