Stijlbox CMS Handleiding
Welkom bij de Stijlbox CMS handleiding. Via deze handleiding proberen wij u zo goed en snel mogelijk wegwijs te maken in de Stijlbox.
1. Introductie in de Stijlbox
De Stijlbox is ontwikkelt om zoveel mogelijk gehoor te geven aan de wensen van de klant. Zo kunt u er onder meer pagina's mee toevoegen, categorieën mee aanmaken, inhoud van webpagina's wijzigen en nog veel meer. Hieronder kunt u per functie zien hoe u te werk moet gaan in de Stijlbox.
1.1 Inloggen
- Ga naar http://www.stijlbox.nl.
- Vul uw gebruikersnaam en wachtwoord in.
- Klik op 'Log in'.
1.2 Uitleg over de tabs
Onderstaande kunt u per punt bekijken wat u kunt doen per aangeklikt tabje.
1.2.1 Home
Dit is een introductiepagina waar u standaard terecht komt als u bent ingelogd.
1.2.2 Website
Dit is voor de meeste gebruikers het belangrijkste tabblad. Hier kunt u de inhoud van de website beheren.
- Aan de linkerkant ziet u de pagina’s die in de website zitten. Dit wordt weergegeven in boomstructuur. De meest linker pagina’s zijn de hoofd items in het menu. Deze worden dus ook als eerst weergegeven. De pagina’s in de 2e laag zijn de submenu items. Dit zijn de pagina’s die worden getoont wanneer u met de muis over een button.
- Hier ziet u de bewerkingsopties. Wanneer u een bewerking heeft gedaan moet u ALTIJD deze knoppen gebruiken om uw wijzigingen op te slaan of te annuleren.
- Hier ziet u de verschillende kolommen. Deze corrensponderen met de kolommen inde pagina’s.
- Dit is het tekstbewerkingsvlak. Hier kunt u de tekst in de bepaalde kolom wijzigen, toevoegen of verwijderen.
1.2.3 Bestanden
Hier beheert u de bestanden in de website. Hier heeft u toegang tot uw eigen map met verschillende elementen gebruikt in de website.
- Hier ziet u de mappen in uw bibliotheek.
- Hier ziet u de opties binnen uw map. De belangrijkste mogelijkheid hier is ‘Upload documenten naar deze categorie’. Met deze functie kunt u plaatjes naar uw bibliotheek uploaden.
- Hier ziet u alle items in uw bibliotheek. Om gedetallieerde gegevens te bekijken klikt u op het plaatje.
1.2.4 Hulp
Onder dit tabje kunt u gerelateerde hulp-onderwerpen vinden.
2. Pagina's toevoegen
- Klik aan de linkerkant op uw websitenaam, of categorie waaronder u de pagina wilt toevoegen.
- Kijk in uw rechtervenster. U ziet hier een venster met een aantal opties.
Ga nu naar het knopje 'Voeg pagina toe' en klik hierop.
- Vul de pagina titel in.
- Kiest het type pagina.
- Klik op opslaan.
2.1 Tekstpagina
Zoals bovenstaande titel al doet vermoeden is dit een pagina waarbij u tekst kunt toevoegen. Dit houdt niet in dat u alleen maar tekst kunt toevoegen; u kunt ook gewoon een foto toevoegen uit de bibliotheek.
2.2 Formulierpagina
Op deze pagina kunt u velden aanmaken die bezoekers kunnen invullen, en vervolgens kunnen doorsturen. De informatie van deze velden komt dan bij u in uw e-mail box terecht. De namen van deze velden kunt u zelf aangeven. Ook het e-mailadres waar de gegevens naartoe vestuurd moeten worden kunt u zelf instellen.
2.3 Nieuwspagina
Op deze pagina kunt u bijvoorbeeld actuele nieuwsberichten plaatsen. U hoeft per artikel alleen maar de titel, het bericht en de datum van publiceren in te vullen. Stijlbox doet de rest voor u.
2.4 Sitemappagina
Deze pagina genereert automatisch een boomstructuur van uw website. Zo is het voor uw bezoekers makkelijk pagina's vinden als zij even niet meer weten waar een bepaalde pagina was.
2.5 Fotoalbumpagina
Als u deze pagina aanmaakt, kunt u foto's toevoegen op deze pagina. Deze worden dan automatisch in de pagina verwerkt, waarbij er ook zogenaamde 'thumbnails' worden gecreeerd. Als u dan op zo een kleine thumbnail klikt, wordt de foto uitvergroot.
3. Pagina's wijzigen
- Klik in het linkervenster op de betreffende pagina.
- Wijzig rechts de inhoud van uw webpagina.
- Klik op 'Opslaan', wanneer de pagina naar wens is.
3.1 Hyperlinks toevoegen
- Selecteer de tekst waar u een link van wilt maken.
- Klik op het paperclipje bovenin de balk.
- Vul de link in naar het betreffende document/website.
- Klik op invoegen.
3.2 Afbeelding invoegen
- Klik op het icoontje met de boom.
- Klik naast het veld 'Bestand/URL' op het icoontje.
- Ga nu naar de optie 'Upload documenten naar deze categorie'.
- Klik op de knop 'Bladeren...' om een afbeelding te selecteren.
- Druk op de knop 'verzenden'.
- Selecteer nu de afbeelding die u krijgt te zien in de voorbeeldlijst.
- Klik op invoegen in het voorbeeldvenster.
Uw afbeelding/foto is nu ingevoegd in de pagina.
3.3 Kopjes in uw pagina aanmaken
Zoals u in dit webdocument ziet, bestaat deze ook uit kopjes. Dit is ter bevordering in o.a. Google, en het is goede manier om aan te geven over welk onderwerp u het heeft.
- Selecteer de tekst waarvan u een kopje wilt maken.
- Kies in het dropdown menu onder 'paragraaf' het type kop.
Uw bestaande tekst is nu gewijzigd in een kopje.
4. Categorieen toevoegen
Categorieen kunnen erg handig zijn als u bepaalde subonderdelen heeft bij een onderdeel. Een categorie is een soort 'bovenliggend item'. U kunt deze categorieen op de volgende manier toevoegen.
- Klik aan de linkerkant in de boomstructuur op uw websitenaam.
- Ga naar het knopje 'Voeg categorie toe'.
- Geef de naam op van de toe te voegen categorie.
- Klik op opslaan.
5. Pagina's toevoegen aan categorieen
- Selecteer links in de boomstructuur de pagina die u wilt plaatsen binnen een categorie.
- Houdt uw linkermuisknop ingedrukt en sleep de pagina naar de categorie toe.
Uw pagina staat nu binnen een categorie. Voor uw menustuctuur houdt dat in dat er automatisch van die pagina een submenu item wordt aangemaakt. Zo krijgt u een soort van 'drop-down' menu. Een voorbeeld staat hieronder:
Jeugdteams
-- Team 1
-- Team 2
-- Team 3
6. Zichtbaarheid van uw pagina's
Het zal best eens voorkomen dat als u bezig bent met een webpagina, deze niet direct in 1x af hebt. Bij het publiceren van zo een 'niet afgemaakte' pagina kan het vervelend zijn voor de bezoekers. Deze zien als ware onvolledige informatie. In de Stijlbox is hiervoor een handige optie om op een later moment door te gaan met het wijzigen van de pagina's; uw bezoekers zullen niets merken van eventuele wijzigingen, pas wanneer u dat aangeeft.
De zichtbaarheid van pagina's geeft u als volgt aan:
- Klik links in de boomstructuur op de pagina naar uw keuze.
- Klik aan de rechterkant op het tabblad 'instellingen'.
- Kies naast de tekst 'zichtbaarheid' de instelling die u wenst te gebruiken.
Deze instellingen kunnen zijn; zichtbaar, verberg van het menu en pagina niet tonen. Deze termen spreken voor zich.
7. Een formulier aanmaken op uw website
Het is misschien handig om een formulier op uw website te plaatsen. Zo kunnen bezoekers bijvoorbeeld een verzoek indienen om uw brochure te ontvangen. De velden die zij invullen, kunt u helemaal naar eigen wens invullen. Uw e-mail instellen waar u de gestuurde formulieren wilt ontvangen en klaar! Hieronder staat beschreven hoe u zo een pagina kunt maken.
- Klik aan de linkerkant van uw website op uw websitenaam (het bovenste onderdeel).
- Klik op 'Voeg pagina toe' aan de rechterkant. Hier staan 3 knoppen.
- Geef uw paginanaam op en kies in het dropdown menu voor de optie 'formulier'.
- Klik op het plusje en geef een naam aan de sectie.
- Klikt u onder de aangemaakte sectie opnieuw het plusje aan de rechterkant.
- Geef nu de naam, lengte en type van het veld op.
- Vul onder 'ingevulde formulieren worden gestuurd naar emailadres' uw e-mail adres in. De formulieren die nu worden verstuurd, komen op dit e-mail adres binnen.
- Uw formulier pagina is nu aangemaakt.
U krijgt nu een scherm te zien waarin u een formuliersectie kan toevoegen. Pas als u een sectie heeft aangemaakt, kunt u velden toevoegen. Dit gaat allemaal via het groene plusje aan de rechterzijkant.
8. Een nieuwspagina aanmaken op uw website
Het is een uitdaging om uw website zo actueel mogelijk te houden. De nieuwspagina helpt u daar graag een handje bij!
- Klik aan de linkerkant van uw website op uw websitenaam (het bovenste onderdeel).
- Klik op 'Voeg pagina toe' aan de rechterkant. Hier staan 3 knoppen.
- Geef uw paginanaam op en kies in het dropdown menu voor de optie 'nieuws'.
- Klik op 'opslaan'.
- Ga naar het knopje 'Nieuwsitem toevoegen' en klik hier op.
- Vul de velden in naar uw wens.
Titel: Vul hier de titel van uw nieuwsbericht in.
Inleiding: Hier kunt u een inleiding van uw nieuwsbericht plaatsen.
Inhoud: Hier kunt u het gehele nieuwsbericht plaatsen. - Klik op 'opslaan'. Het nieuwsbericht is nu toegevoegd aan uw nieuwspagina.
9. Een automatische sitemap maken
Een sitemap is een pagina waarin automatisch alle pagina's/categorieen die u heeft aangemaakt op uw website, in een soort boomstructuur worden geplaatst. Zo kan de bezoeker snel een pagina terugvinden binnen een bepaalde categorie. Ook is het ter bevordering van de zoekresultaten in Google. Hoe u zo een sitemap aanmaakt staat hieronder beschreven.
- Klik aan de linkerkant van uw website op uw websitenaam (het bovenste onderdeel).
- Klik op 'Voeg pagina toe' aan de rechterkant. Hier staan 3 knoppen.
- Geef uw paginanaam op en kies in het dropdown menu voor de optie 'sitemap'.
- Klik op 'Opslaan'.
Uw automatische sitemap pagina is nu aangemaakt. Eventueel kunt u boven of onder de sitemap ook nog tekst toevoegen. Geeft u bijvoorbeeld de bezoeker de uitleg waarvoor de sitemap dient.
10. Een fotoalbum pagina aanmaken
Tegenwoordig heeft elke moderne website wel een fotoalbum aan bord. Dit is in het CMS gemakkelijk zelf te maken. Volgt u de stappen.
- Klik aan de linkerkant van uw website op uw websitenaam (het bovenste onderdeel).
- Klik op 'Voeg pagina toe' aan de rechterkant. Hier staan 3 knoppen.
- Geef uw paginanaam op en kies in het dropdown menu voor de optie 'fotoalbum'.
- Klik op 'opslaan'.
- Ga naar de knop 'Foto toevoegen' en klik hierop.
- Klik op de knop 'Bladeren..' om uw foto te kiezen die u wilt plaatsen.
- Geef de titel op van de foto.
- Klik op 'Upload'.
- Uw fotoalbum pagina met uw eerste foto is nu geplaatst!
Eventueel kunt u de instellingen van het fotoalbum nog wijzigen. Daarvoor kunt u naar het tabblad 'instellingen' gaan. Zo kunt u onder meer de overgang aangeven, de sorteringsvolgorde en of het fotoalbum zich moet herhalen. Probeert u eens wat uit en kies wat bij u past.
