Inleiding ................................................................................................................................... 3 Systeemeisen .......................................................................................................................... 3 Inloggen ................................................................................................................................... 3 Beheer interface cms ............................................................................................................... 4 4.1 Onderverdeling binnen het cms ........................................................................................ 5 Beheer interface onderdelen .................................................................................................... 7 5.1 Artikel gedeelte ................................................................................................................. 7 5.2 Bestanden gedeelte .......................................................................................................... 8 5.3 Admin gedeelte................................................................................................................. 8 5.3.1 (Menu) Structuur aanpassen ..................................................................................... 9 5.3.2 Toevoegen van subcategorie..................................................................................... 9 5.3.3 Wijzigen van categorie eigenschappen .................................................................... 10 Website aanpassen ............................................................................................................... 11 6.1 Aanpassen tekst bestaande pagina’s ............................................................................. 11 6.2 Toevoegen nieuwsbericht ............................................................................................... 12 6.3 Bijlagen toevoegen op een pagina ................................................................................. 14 6.3.1 Uploaden van bestand naar ‘Bestandsbeheer’......................................................... 14 6.3.2 Inhoud [lijst met bestanden] toevoegen aan pagina ................................................. 14 6.4 Fotoalbum plaatsen/wijzigen........................................................................................... 15 6.4.1 Afbeeldingen uploaden ............................................................................................ 15 6.4.2 Contentpart [images
] toevoegen aan pagina .................................................. 15 6.4.3 Wijzigen afbeeldingen fotoalbum ............................................................................. 17 Uploaden bestanden en afbeeldingen naar ‘bestandbeheer’ ................................................. 18 7.1 Uploaden bestanden naar bestandsbeheer één voor één ............................................... 18 7.2 Meerdere bestanden of afbeeldingen tegelijk uploaden naar bestandsbeheer ................ 19 Uitloggen ............................................................................................................................... 22
© Voskotan Webservices
Pagina 2 van 22
1 Inleiding Phpwcms is een krachtig content management systeem (cms) met veel mogelijkheden geschreven door Oliver Georgi. Ondanks de vele mogelijkheden is phpwcms voor eindgebruikers eenvoudig te bedienen en zijn websites ook door niet computerfreaks te onderhouden. Deze gebruikershandleiding is bedoeld om de meest voorkomende handelingen te beschrijven die bij het wijzigen/ onderhouden van een website voorkomen en is niet opgezet om alle aspecten van phpwcms tot in detail te bespreken.
2 Systeemeisen Om webpagina’s te kunnen wijzigen raden wij de webbrowsers Firefox of Internet Explorer 7 of hoger aan (IE9 in compatibilitiets mode Om de webpagina’s te bekijken is elke webbrowser geschikt.
).
3 Inloggen Om wijzigingen op de website te kunnen doorvoeren moet men eerst inloggen. Ga naar je website en type inplaatst van index.php?xxx login.php. Bijv. http://www.kaakgroep.nl/kaak/login.php Figuur 1
Figuur 2
© Voskotan Webservices
Pagina 3 van 22
4 Beheer interface cms Na het inloggen kom je in de beheer interface van het cms-systeem.
Figuur 3
© Voskotan Webservices
Pagina 4 van 22
Er zijn een aantal verschillende menukeuzes:
Home - een overzicht van de laatst gewijzigde pagina's en contentparts Artikelen – hieronder bevinden zich de pagina’s van de website. Bestanden – hier bevinden zich de bestanden en afbeeldingen die zijn ‘ge-upload’ Modules – hier bevinden zich uitbreidingsmodules. Wordt niet gebruikt Berichten – hier kan je berichten aan medegebruikers achterlaten. Wordt niet gebruikt Chatten – hier kan je met andere gebruikers die online zijn chatten. Wordt niet gebruikt Profiel – hier kan je je gebruikers gegevens, zoals bij wachtwoord’ wijzigen Admin – admin gedeelte, alleen toegankelijk voor admins. Hier worden de website instellingen bijgehouden. Hier alleen zaken aanpassen als je weet wat je doet, bij fouten kan de gehele website niet meer functioneren Uitloggen, spreekt voor zich maar wel doen
Het meeste zullen we gebruik maken van de menukeuze Artikelen, hier staan al onze webpagina’s onder.
4.1
Onderverdeling binnen het cms
Het cms-systeem werkt met 3 belangrijke begrippen: Structuur – Dit is de menustructuur van de website. Een menu item wordt categorie genoemd. (zie figuur 4) Pagina’s – Dit zijn de (web)pagina’s van de site, een pagina wordt Artikel genoemd. (zie figuur 5) Pagina-onderdeel – Een pagina kan bestaan uit 1 of meer onderdelen. Deze onderdelen kunnen tekst, afbeeldingen, bijlagen, formulieren, etc. bevatten. Een pagina-onderdeel wordt contentpart of inhoud genoemd. (zie figuur 6) Voorbeeld van een structuur:
Figuur 4
© Voskotan Webservices
Pagina 5 van 22
Voorbeeld van Pagina’s:
Figuur 5
Voorbeeld van een pagina met verschillende ‘inhouden’:
Inhoud: samenvatting
Inhoud: afbeeldingen
Inhoud: HTML
Figuur 6
© Voskotan Webservices
Pagina 6 van 22
5 Beheer interface onderdelen Bij beheer interface cms is reeds aangegeven welke menukeuzes er zijn en dat er het meest wordt gewerkt met het Artikel en Bestanden gedeelte. Hieronder extra uitleg van deze onderdelen.
5.1
Artikel gedeelte
In het artikel gedeelte kun je pagina’s (Artikelen genaamd in het systeem) wijzigen, toevoegen en verwijderen. Artikelen herken je aan het oranje icoontje voor de naam, categorieën doordat ze vet zijn gedrukt.
Categorie
Artikel
Om een pagina te bekijken kun je op het oranje icoontje voor de naam klikken, de betreffende pagina wordt getoond. Bewerkingen op een artikel gebeuren door de icoontjes achter een artikel. Deze icoontjes hebben volgende functies: Nieuw artikel onder deze categorie aanmaken Artikel bewerken Artikel knippen (verplaatsen naar andere categorie, alleen mogelijk als admin) Artikel kopiëren (naar een andere categorie, alleen mogelijk als admin) Verschuif artikel naar boven/onderen Maak artikel zichtbaar / onzichtbaar Maak artikel openbaar / niet openbaar Verwijder artikel. NB Een verwijderd artikel is echt weg en niet meer terug te halen
© Voskotan Webservices
Pagina 7 van 22
5.2
Bestanden gedeelte
In het bestanden gedeelte worden bestanden en afbeeldingen gezet die in pagina onderdelen (inhouden) gebruikt kunnen worden. Denk hierbij aan documenten die je ter download wilt aanbieden of foto’s die je in een fotoalbum gebruikt. In het bestanden gedeelte kan je directories (mappen) aanmaken om je bestanden te ordenen, maak hier gebruik van, anders verlies je gauw het overzicht. Vooral in websites waar veel bestanden/ afbeeldingen worden gebruikt.
map
Bijlage of afbeelding
Upload nieuw bestand naar map Maak nieuwe map Toon help tekst Vouw alle mappen en submappen uit (klap open) Vouw alle mappen en submappen in (klap dicht) Laat geen / wel thumbnails zien in bestanden lijst Verplaats (knip) bestand Plak bestand in deze map Wijzig bestand informatie details Sla bestand op Maak map/bestand actief / inactieve Maak map/ bestand openbaar / niet openbaar (alleen openbare bestanden kun je op de website gebruiken) Verwijder map (alleen als deze leeg is) of bestand naar prullenbak. Haal bestand terug uit prullenbak (ga eerst naar prullenbak)
5.3
Admin gedeelte
In het admin gedeelte zijn een aantal zaken waar je niet aan moet komen. Dit kan namelijk de goede werking van de website verstoren. Het enige waar je zelf aan kan/mag zitten is de structuur van de website. Ook hier is voorzichtigheid geboden, als je een categorie weggooit dan is deze weg inclusief alle pagina’s (artikelen) en subcategorieën die hieronder vallen.
© Voskotan Webservices
Pagina 8 van 22
5.3.1 (Menu) Structuur aanpassen De structuur van een website (ook wel navigatie of simpelweg menu genoemd) pas je aan door naar het ‘Admin’ gedeelte te gaan. Je zit dan gelijk in de structuur van de website. Subcategorie onder deze categorie aanmaken Categorie knippen (verplaatsen naar andere categorie) Verplaats categorie (inclusief alle artikelen) onder deze categorie (plakken) Categorie kopiëren (naar een andere categorie) Kopieer categorie (inclusief alle artikelen) onder deze categorie Bewerk categorie informatie details Verschuif categorie naar boven/onderen Maak categorie zichtbaar / onzichtbaar Maak categorie openbaar / niet openbaar Verwijder categorie inclusief aanwezige artikelen. NB Dit is niet meer terug te draaien, categorie inclusief alle pagina’s van die categorie en eventuele subcategorieën worden na akkoord verwijderd.
5.3.2 Toevoegen van subcategorie •
Selecteer
[subcategorie invoegen] achter de categorie die een subcategorie moet krijgen
© Voskotan Webservices
Pagina 9 van 22
•
Vul de Titel en Alias in, deze zijn gelijk. En kies de juiste template.
•
Klik op [save & close] om de wijziging op te slaan. Je ziet de nieuwe subcategorie nu onder de categorie staan. Soms moet je op het [uitklappen] teken voor de categorie klikken om de subcategorieën te zien
5.3.3 Wijzigen van categorie eigenschappen • •
Om de categorie eigenschappen te wijzigen klik op [categorie bewerken] achter de bewuste categorie. Vink [onzichtbaar] aan om de categorie niet in de navigatie van de website te zien.
•
aan om te zorgen dat de categorie niet door de Vink [zoekformulier] zoekmachine gevonden wordt.
•
Status [zichtbaar], categorie zichtbaar via website. Voor testen zeer handig om deze uit te zetten, als ingelogde admin zie je de categorie namelijk wel. Status [sitemap], categorie wordt wel of niet in de sitemap opgenomen.
© Voskotan Webservices
Pagina 10 van 22
6 Website aanpassen Hieronder staan standaard handelingen om pagina’s aan te passen, plaatjes en bijlagen toe te voegen, nieuws artikelen toevoegen, etc.
6.1
Aanpassen tekst bestaande pagina’s • •
Kies uit het menu voor ‘ARTIKELEN’ en selecteer vervolgens welke pagina je wilt bewerken. (Je kunt pagina’s herkennen door het oranje icoontje voor de naam.) Klik vervolgens op het eerste icoontje [artikel bewerken] achter de pagina. (Ga met de
•
muis over een icoontje gaat verschijnt er uitleg Als een icoontje grijs is dan gebeurt er niets als je erop klikt. Klik op rechtsboven om de pagina te wijzigen.
)
•
Maak je aanpassingen in de editor. (Zie aparte FCKeditor handleiding voor de mogelijkheden van de editor.)
•
Sla de wijzigingen op door op worden er geen wijzigingen opgeslagen.
© Voskotan Webservices
[save & close] te klikken. Met [annuleren]
Pagina 11 van 22
6.2
Toevoegen nieuwsbericht
Een nieuwsbericht bestaat altijd uit 2 gedeelten, de introtekst en de vervolgtekst. De introtekst is zichtbaar in het nieuwsoverzicht, klik je op ‘Lees verder’ dan wordt het gehele nieuwsbericht met introtekst en de vervolgtekst getoond. Introtekst
Link naar gehele nieuwsbericht
•
Kies uit het menu voor ‘ARTIKELEN’ en selecteer vervolgens het icoon achter de juiste categorie.
•
Vul de titel in en klik op [opslaan]
•
Vul de samenvatting in met de introtekst van het nieuwsbericht
[Artikel aanmaken]
Samenvatting bevat de introtekst van een nieuwsbericht
•
Zie aparte FCKeditor handleiding voor de mogelijkheden van de editor. [save & close] te klikken. Met [annuleren] Sla de wijzigingen op door op worden er geen wijzigingen opgeslagen.
© Voskotan Webservices
Pagina 12 van 22
•
Voeg een extra [HTML (wysiwyg)] ‘inhoud’ toe aan de pagina.
•
Vul de vervolgtekst van het nieuwsbericht in
•
Vink status: Zichtbaar aan en klik op [save & close]
•
Klik op [voorbeeld] om de nieuws pagina te zien of ga naar de website en bekijk de pagina. Vergeet niet de website te verversen als je hem al had geopend. Sneltoets verversen : [F5]
© Voskotan Webservices
Pagina 13 van 22
6.3
Bijlagen toevoegen op een pagina
Bijlagen of attachtments zijn alle bestanden anders dan afbeeldingen. Dus MS-word bestanden, pdf bestanden, Excel spreadsheets, powerpoint presentaties, etc. Om deze in je pagina te plaatsen is het eerst nodig om deze te uploaden. Is het bestand eenmaal ge-upload dan kan het in één of meerdere pagina’s worden geplaatst dmv een inhoud [lijst met bestanden] toe te voegen.
6.3.1 Uploaden van bestand naar ‘Bestandsbeheer’ 6.3.2 Inhoud [lijst met bestanden] toevoegen aan pagina • • •
Ga naar het Artikel gedeelte door op [Artikelen] te klikken Selecteer het [Artikel bewerken] icoon van de pagina waar het bestand moet komen Voeg inhoud [lijst met bestanden] toe
•
Klik op
•
Het bestand staat nu in de lijst. Vink Zichtbaar aan en klik op [save & close]
[bladeren] en selecteer het bestand uit het ‘pop-up’ venster door erop te klikken
Soms moet je op klikken, soms op de naam vd map
© Voskotan Webservices
Pagina 14 van 22
•
In het Artikel overzicht zie je dat de inhoud [lijst met bestanden] is toegevoegd en dat het bestand in de lijst staat.
•
Om meerdere bestanden toe te voegen moet je deze eerst hebben ‘ge-upload’ via [Bestanden]. Vervolgens kan je ze bij deze lijst toevoegen door eerst het [artikel bewerken] icoon te kiezen en vervolgen op [edit] achter de inhoud [lijst met bestanden] te klikken.
6.4
Fotoalbum plaatsen/wijzigen
Voor een fotoalbum moet je altijd 2 stappen doen, eerst de foto’s via [Bestanden] uploaden en vervolgen aan de [Afbeeldingen] inhoud toevoegen.
6.4.1 Afbeeldingen uploaden Zie 7. Uploaden van bestanden en afbeeldingennaar ‘Bestandsbeheer’ om afbeeldingen te uploaden, een afbeelding is ten slotte ook een bestand.
6.4.2 Contentpart [images
] toevoegen aan pagina • •
Ga naar het Artikel gedeelte door op [Artikelen] te klikken Selecteer het [Artikel bewerken] icoon van de pagina waar het bestand moet komen
© Voskotan Webservices
Pagina 15 van 22
•
Voeg inhoud [images
] toe
•
Klik in het onderstaande scherm op
•
Selecteer uit het popupvenster de foto’s die je wilt hebben door op het [toevoegen] teken te klikken. Als je klaar bent sluit je het popup venster door op het [kruisje] rechtsboven te klikken.
•
kan je nog eventueel extra afbeeldingen toevoegen, de volgorde Met de icoontjes wijzigen of afbeeldingen uit het fotoalbum verwijderen. o Stel bij [max. breedte] de maximale breedte van een ‘thumbnail’ in
© Voskotan Webservices
[bladeren]
Pagina 16 van 22
vink [vergroten] [lightbox] en [hide caption for thumbnails] aan zodat als je op een afbeelding klikt er een uitvergroting wordt getoond o Bij Titel kan je een extra tekst meegeven die onder een afbeelding wordt getoond. De 1e regel wordt onder afbeelding 1 getoond, de 2e onder 2 etc. o Vink [status zichtbaar] aan om het fotoalbum zichtbaar te maken Klik op [save & close] om het op te slaan o
•
6.4.3 Wijzigen afbeeldingen fotoalbum • •
Kies uit het menu voor ‘ARTIKELEN’ en selecteer vervolgens welke pagina je wilt bewerken. (Je kunt pagina’s herkennen door het oranje icoontje voor de naam.) Klik vervolgens op het eerste icoontje [artikel bewerken] achter de pagina.
•
Klik op
[edit] achter [afbeeldingen] om het fotoalbum te wijzigen.
© Voskotan Webservices
Pagina 17 van 22
7 Uploaden bestanden en afbeeldingen naar ‘bestandbeheer’ Om bestanden en afbeeldingen in een webpagina te plaatsen moet je ze eerst op de webserver plaatsen, dit wordt uploaden genoemd. We kunnen bestanden en afbeeldingen één voor één uploaden of meerdere tegelijk. Hieronder is uitgelegd hoe je dat kan doen
7.1
Uploaden bestanden naar bestandsbeheer één voor één •
Ga naar
• •
Klik op [bestand uploaden] achter de map waar het bestand moet komen. Klik op [Bladeren] en selecteer van je eigen computer het bestand wat geplaatst moet worden
•
Vink bij status: Actief en Openbaar aan en klik op [Bestanden uploaden]
© Voskotan Webservices
[Bestandsbeheer]
Pagina 18 van 22
•
7.2
Het bestand is in de map ge-upload (Constant_teksten.pdf) in het voorbeeld
Meerdere bestanden of afbeeldingen tegelijk uploaden naar bestandsbeheer Als je meerdere bestanden op je website wilt zetten is het handig en scheelt het tijd om deze tegelijk te uploaden. Dit doe je door te kizen voor [multiple file upload] •
Ga naar
•
[browse files], een nieuw window opent. Kies de bestanden die je wilt Kies uploaden (houd de CTRL toest ingedrukt en selecteer met de muis de bestanden die je wilt hebben) en klik op [openen] (rechts onder).
© Voskotan Webservices
[Bestandsbeheer] en kies [multiple file upload]
Pagina 19 van 22
•
Klik
• •
De bestanden worden nu verstuurd naar de server. als dit gereed is moeten we de bestanden nog koppelen aan het phpwcms systeem. Dit oden we met de keus [ftp takeover] en de volgende stappen Kies Alles versturen om alle bestanden te selecteren
•
Kies de map waarin de bestanden moeten komen
•
Vink status: Actief, Openbaar en Vervang titel bestanden aan
•
Klik [betsnaden overnemen] en de bestanden worden in de juiste map gezet. NB dit gaat zeer snel, binnen een fractie van een seconde.
© Voskotan Webservices
[Upload selected files] om de bestanden te uploaden
Pagina 20 van 22
•
Ga naar
© Voskotan Webservices
[Bestandsbeheer] en bekijk de nieuwe bestanden
Pagina 21 van 22
8 Uitloggen Tot slot iets zeer voor de hand liggends, alleen vergeten mensen dit wel eens en dat kan catastrofale gevolgen hebben. Vergeet niet om uit te loggen!!! Zeker niet in openbare internetcafés of ‘vreemde’ locaties. Log altijd uit en sluit ook nog alle openstaande internet browsers. Zodoende kunnen geen ongeautoriseerde mensen de inhoud van je website wijzigen of zelfs wissen.
© Voskotan Webservices
Pagina 22 van 22
