Korte handleiding voor onderhoud aan de website

Deze pagina is alleen bedoeld voor de administratie en groepsleidsters van de kinderopvang.

Inloggen
Als je een account hebt kun je inloggen op deze website op http://www.kinderopvangheyendael.nl/user. Je krijgt dan het volgende inlogscherm te zien.

Er zijn o.a. de volgende users: admin, onnie, marion. De admin user heeft meer rechten (en kan o.a. andere users toevoegen), maar de persoonsgebonden users zouden voldoende moeten zijn voor het normale onderhoud aan de site.

Als je bent ingelogt, komt er links onder op de pagina nog een persoonlijk menu met een aantal menu opties erbij, waaronder (afhankelijk van de rol die je hebt) inhoud aanmaken, mijn account en uitloggen. Zie hieronder.

Wie mag wat doen op de website?
Er zijn verschillende rollen voor de accounts op de website en daarvan afhankelijk mag je meer of minder. De administratrie en de vestigingshoofden mogen vrijwel alles op de website, zoals nieuwe pagina's maken, nieuws items plaasten en het menu wijzigen. De groepsleidsters kunnen ook bijdragen aan de website. Zij kunnen echter geen nieuwe inhoud aanmaken, alleen de groepspagina's wijzigen. Als groepsleidster kun je, nadat je bent ingelogd, naar de eigen groepspagina gaan. Bovenaan de pagina staat dan een "bewerken" knop, waarmee je nieuwe tekst en plaatjes erop kunt zetten.

Nieuwe pagina maken
Je kunt een geheel nieuwe pagina aanmaken door op inhoud aanmaken te klikken in je persoonlijke menu. Er zijn twee opties: pages en stories. Ze zijn vrijwel hetzelfde, maar er is toch een belangrijk verschil: Een page is een pagina die altijd hetzelfde blijft, en die ook op een vaste plaats in het menu staat. Een story is een pagina die meer tijdelijk van aard is, en die ook automatisch ergens geplaatst kan worden (zoals nieuws items). Een story is dus meer een berichtje en de pages zijn meer om de vaste structuur in de innformatie aan te brengen.

Waar is mijn nieuwe pagina?
Standaard zal een nieuwe page of een story niet zichtbaar worden voor de bezoekers. Om hem zichtbaar te maken, moet je vertellen waar hij een plaats moet krijgen.

Om een story op de juiste plaats te krijgen, moet je hem de indeling nieuws geven. Dat is de enige indeling die momenteel een vaste plaats krijgt, namelijk in het nieuwsoverzicht.

Om een page op de juiste plaats te krijgen, moet je hem aan het menu koppelen. Daarvoor moet voor de pagina een naam aan het nieuwe menu item gegeven worden, en moet aangegeven worden waar het nieuwe menu item in het bestaande menu komt te staan (dus bijvoorbeeld onder een ander item).

Pagina's wijzigen
Als je bent ingelogd, kun je bestaande pagina's wijzigen. Op elke pagina waar je rechten voor hebt komen er twee knoppen bij. Door op bewerken te klikken kun je de tekst op een pagina wijzigen. Zie hieronder.

Hoe maak ik tekst vet of schuingedrukt?
Om op een pagina tekst vet of schuingedrukt te maken, bijvoorbeeld als kopje of om aandacht erop te richten, is het nodig de betreffende tekst tussen een soort begin en eindcommando te zetten. Deze commando's staan tussen twee hoekige haken < en > en je hebt een commando om vetgedrukt aan en uit te zetten.

Voor vetgedrukt zet je de tekst tussen een <strong> en een </strong> commando. Het commando strong betekent "stevig", ofwel vetgedrukt in het engels. Dus als je <strong>dit</strong> typt, krijg je dit te zien.

Voor schuingedrukt zet je de tekst tussen een <em> en een </em> commando. Het commando em staat voor "emphasis", ofwel nadruk in het engels. Dus als je <em>dit</em> typt, krijg je dit te zien.

Als alternatief voor <strong> </strong> kun je <b> </b> gebruiken, waarbij b staat voor "bold", ofwel vetgedrukt. Als alternatief voor <em> </em> kun je <i> </i> gebruiken, waarbij i staat voor "italic", ofwel schuingedrukt. De codes met b en i zijn alleen te gebruiken in plaats van strong en em op een pagina waar het invoerformaat op "Full HTML" staat. Bij het invoerformaat "Filtered HTML" moet je altijd de codes met strong en em gebruiken. Het is dus handiger om strong en em te gebruiken, omdat dat altijd werkt.

Meer informatie over het formatteren van tekst is hier te vinden.

Hoe voeg ik een plaatje toe?
Een foto of plaatje toe voegen in een pagina doe je in twee stappen. Eerst moet onderaan de "edit" pagina onder het kopje "bestandsbijlages" het bestand met het plaatje uploaden. Je kunt daarbij de optie "lijst" in het algemeen uitschakelen om te voorkomen dat er onderaan de pagina een opsomming komt van bijlages:

De tweede stap is om in de tekst van de pagina een verwijzing naar het plaatje te plaatsen als volgt <img src="/files/kikkers.jpg">. De precieze naam van het bestand die je moet opgeven kun je zien in het bestandsbijlages overzicht. Voor het invoegen van een plaatje in een pagina is het belangrijk dat "invoerformaat" op "full html" staat ingesteld:

Het resultaat is als volgt:

Door in de code ook de breedte van het plaatje op te geven in pixels of in procent (ten opzichte van de breedte van de pagina) kun je het formaat aanpassen, zoals <img src="files/kikkers.jpg" width=10%>

en in pixels<img src="files/kikkers.jpg" width=40>

Hoe voeg ik een attachement toe?
Een PDF of Word document toe voegen aan een pagina kan door onderaan de "edit" pagina onder het kopje "bestandsbijlages" het betreffende bestand te uploaden. Dit gaat net als het uploaden van een plaatje. Niet alle bestandsformaten zijn toegestaan, wel toegestaan zijn *.doc, *.pdf en de meeste plaatjes. Als je het bestand hebt toegevoegd aan de pagina, kun je de optie "lijst" ingeschakeld laten. Het bestand komt dan automatisch onderaan de pagina te staan. Het is ook mogelijk vanuit de tekst zelf een verwijzing naar het bestand te maken. Dit gaat door de volgende volgende code <a href="/files/informatieboekje_sept2005.pdf">naam van de link</a>. Voor het invoegen van een directe link naar een geattached bestand in een pagina is het belangrijk dat "invoerformaat" op "Full HTML" staat ingesteld net als bij het invoegen van een plaatje. Het resultaat van zo'n link is bijvoorbeeld: naam van de link.

Samenvatting codes
<strong>hier de tekst voor vetgedrukt</strong>
<em>hier de tekst voor schuingedrukt</em>
<b>hier de tekst voor vetgedrukt</b> (alleen voor Full HTML)
<i>hier de tekst voor schuingedrukt</i> (alleen voor Full HTML)
<img src="/files/plaatje.jpg"> voor een plaatje dat als bestandsbijlage aan de pagina is toegevoegd
<img src="/files/plaatje.jpg" align="left"> of met align="center" of "right"
<img src="/files/plaatje.jpg" size=50%>
<img src="/files/plaatje.jpg" size=50% align="right">
<a href="/files/bestandsnaam.doc">naam van de link</a> voor een verwijzing naar een Word of PDF bestandsbijlage
<a href="/?q=node/1">naam van de link</a> voor een verwijzing naar een andere pagina
<a href="http://www.google.nl">naam van de link</a> voor een verwijzing naar een andere website

Je kunt ook in een andere pagina op de knop bewerken klikken om te kijken hoe de codes daar er uit zien.

Overige vragen
Meer informatie over het formatteren van tekst is hier te vinden. Je kunt overige vragen over de website stellen via het contactformulier. Als je daar categorie "technisch/website" aanklikt, komt het berichtje automatisch bij de beheerder (Bram Daams) terecht.

Onderhoud website
Een lijstje met plannen en wensen t.a.v. deze website staat hier.