Gebruikershandleiding phpwcms Werken met phpwcms Voskotan Webservices http://www.voskotan.com Voskotan Webservices Pagina 1 van 22
Inhoudsopgave 1 Inleiding... 3 2 Systeemeisen... 3 3 Inloggen... 3 4 Beheer interface cms... 4 4.1 Onderverdeling binnen het cms... 5 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 6 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 <div>] toevoegen aan pagina... 15 6.4.3 Wijzigen afbeeldingen fotoalbum... 17 7 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 8 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. Vink [zoekformulier] aan om te zorgen dat de categorie niet door de 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 [save & close] te klikken. Met [annuleren] worden er geen wijzigingen opgeslagen. Voskotan Webservices 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 [Artikel aanmaken] icoon achter de juiste categorie. Vul de titel in en klik op [opslaan] Samenvatting bevat de introtekst van een nieuwsbericht Vul de samenvatting in met de introtekst van het nieuwsbericht Zie aparte FCKeditor handleiding voor de mogelijkheden van de editor. Sla de wijzigingen op door op [save & close] te klikken. Met [annuleren] 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 Soms moet je op klikken, soms op de naam vd map Klik op [bladeren] en selecteer het bestand uit het pop-up venster door erop te klikken Het bestand staat nu in de lijst. Vink Zichtbaar aan en klik op [save & close] 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 <div>] 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 <div>] toe Klik in het onderstaande scherm op [bladeren] 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. Met de icoontjes kan je nog eventueel extra afbeeldingen toevoegen, de volgorde wijzigen of afbeeldingen uit het fotoalbum verwijderen. o Stel bij [max. breedte] de maximale breedte van een thumbnail in Voskotan Webservices Pagina 16 van 22
o 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 1 e regel wordt onder afbeelding 1 getoond, de 2 e onder 2 etc. o Vink [status zichtbaar] aan om het fotoalbum zichtbaar te maken Klik op [save & close] om het op te slaan 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 [Bestandsbeheer] 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 Pagina 18 van 22
Het bestand is in de map ge-upload (Constant_teksten.pdf) in het voorbeeld 7.2 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 [Bestandsbeheer] en kies [multiple file upload] Kies [browse files], een nieuw window opent. Kies de bestanden die je wilt 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 Pagina 19 van 22
Klik [Upload selected files] om de bestanden te uploaden 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 Pagina 20 van 22
Ga naar [Bestandsbeheer] en bekijk de nieuwe bestanden Voskotan Webservices 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