Paginabeheerder Overzicht
Met de Paginabeheerder kun je de publieke pagina's van je website visueel opbouwen en aanpassen zonder te hoeven coderen. Je kunt pagina's bouwen door verschillende Blokken (zoals Hero Banners, Tekstsecties en Galerijen) te stapelen en hun instellingen te configureren.
Interface Overzicht
Open de Page Editor via Website: klik op Inhoud bewerken naast een pagina (zie Website: je pagina's en hun namen). Je ziet dan:
- Paginanavigatie: Bovenaan de editor kun je schakelen tussen verschillende websitepagina's (bijv. Home, Horses, Blog, Faq, Training, Stables, Members).
- Voorbeeldknop (Preview): Opent een voorbeeld van hoe je wijzigingen eruit zullen zien op de live website.
- Wijzigingen Opslaan (Save Changes): Slaat je huidige configuratie op.
Ontwerpwijzigingen kunnen tot 15 minuten duren voordat ze voor alle bezoekers op de live website zichtbaar zijn vanwege CDN (Content Delivery Network) caching.
Pagina-instellingen
Elke pagina heeft algemene instellingen die het algehele uiterlijk beïnvloeden:
- Transparante header (hero loopt door onder navigatie): Indien ingeschakeld, wordt de header van de pagina transparant en loopt het eerste blok (meestal een Hero Banner) door achter de navigatiebalk. Dit zorgt voor een moderne, meeslepende uitstraling.
- Kleur navigatielinks (Nav link colour): Stelt je in staat om een aangepaste kleur te kiezen voor de navigatielinks. Dit is vooral handig bij gebruik van een transparante header, omdat je mogelijk witte tekst nodig hebt om te contrasteren met een donkere hero-afbeelding.
- Metabeschrijving: De korte tekst die Google onder de titel van je pagina toont in de zoekresultaten. Laat je het leeg, dan wordt er automatisch een beschrijving gemaakt.
Blokken Beheren
Pagina's worden gebouwd met behulp van een stapel Blokken. Je kunt deze blokken beheren met de tools die op de rij van elk blok worden weergegeven:
- Slepen en Neerzetten (Drag and Drop, icoon met 6 stippen): Klik en houd het icoon uiterst links vast om de blokken te slepen en de volgorde te wijzigen.
- Zichtbaarheid (Oog-icoon): Schakel in of uit of een blok zichtbaar of verborgen is op de live site. Verborgen blokken zijn gemarkeerd met een "Hidden" badge.
- Dupliceren (Kopie-icoon): Maak een exacte kopie van het blok en de huidige instellingen.
- Bewerken (Potlood-icoon): Vouw het blok uit om de inhoud (tekst, afbeeldingen) en lay-outinstellingen te configureren.
- Verwijderen (Prullenbak-icoon): Verwijder het blok volledig van de pagina.
Een Blok Bewerken
Wanneer je op het Bewerken (potlood) icoon klikt, vouwt het blok zich uit om de configuratie-opties te onthullen. Deze opties variëren afhankelijk van het bloktype, maar omvatten over het algemeen:
- Inhoudsvelden: Invoervelden voor tekst, koppen en rich text-editors voor alinea-inhoud.
- Media-uploads: Uploadvelden voor afbeeldingen of video's, vaak direct geïntegreerd met beveiligde opslag.
- Instellingen & Lay-outstijlen: Dropdowns om de visuele lay-out te wijzigen (bijv. parallax-effecten, tekstuitlijning, achtergrondkleuren en paneelposities).
- Calls to Action (CTA's): Selectievakjes en invoervelden om knoppen toe te voegen en hun linkbestemmingen te configureren.
Instellingen verschijnen alleen als ze iets doen: zet je een blok op een andere lay-out, dan verandert de lijst met instellingen mee.
Alle blokken
| Blok | Waarvoor |
|---|---|
| Hero-banner | De grote foto met je titel bovenaan een pagina |
| Diavoorstelling | Wisselende dia's met een foto en tekst |
| Tekstsectie | Een titel en tekst, eventueel met een foto |
| Rijke tekst | Langere vrije tekst, zoals een kleine tekstverwerker |
| Dubbele afbeelding & tekst | Een sectie met foto's in de hoofdrol, tekst en een knop |
| Call to action | Een banner die bezoekers vraagt om één ding te doen |
| Servicekaarten | Een kaart per dienst die je aanbiedt |
| Processtappen | Een proces uitgelegd in genummerde stappen |
| Cijfers | Grote getallen die je verhaal vertellen |
| Afbeeldingengalerij | Een reeks foto's |
| Video | Een video van YouTube of Vimeo |
| Paardenraster | Je verkooppaarden, automatisch ingevuld |
| Paardenaccordeon | Enkele verkooppaarden als hoge, schuine fotopanelen |
| Hengstenraster | Je hengsten die ter dekking staan (PRO) |
| Etalageraster | Paarden die je bezit maar niet verkoopt, verhuurt of laat dekken |
| Testimonials | Wat je klanten over je zeggen |
| Blogfeed | Je nieuwste blogberichten |
| FAQ-accordeon | Je veelgestelde vragen |
| Clinics | Je komende publieke clinics (PRO) |
| Erkenningen | Logo's van stamboeken en partners |
| Contactformulier | Een formulier dat berichten naar je Aanvragen stuurt |
| Ruimte | Ruimte tussen blokken, of een bewegende fotostrook |