V1.2 8/5/2009 Vertaling: John Sim
2
Inhoudsopgave De inhoud van een document bewerken... 11 Een nieuwe document aanmaken... 12 Het aanmaken van een nieuwe document gaat als volgt:... 12 Een pagina publiceren... 13 Het publiceren van een nieuwe document gaat als volgt:... 13 Documenten (webpagina s ) verplaatsen... 14 Methode 1:... 14 Methode 2:... 14 Methode 3:... 15 Hoe verplaats ik een document naar het top nivo?... 15 De template instellen... 16 3
Kennismaking met de terminology van MODx MODx is een zeer flexibele web contentmanagementsysteem. Het kan worden geconfigureerd op veelzijdige manieren. Nieuwe MODx gebruikers doen er goed aan om zich bekend te maken met de terminology. Als een redacteur kan er op twee verschillende manieren content gepubliceerd worden: 1) In het Hoofd content gedeelte: 2) In andere gedeelten genaamd Template Variabelen Daarnaast zijn er ook twee andere kenmerken van MODx die goed zijn om te weten: Chunks - Dit zijn herbruikbare blokken die HTML content bevatten. Snippets Dit zijn kleine functionele items zoals menu s en zoekvelden. Deze kunnen worden gepubliceerd in de content gedeelte of in een Template Variabele (T.V.) Een chunk of snippet kan direct in de template worden geplaatst door de webdeveloper of toegevoegd worden in de content gedeelte of t.v. 4
Alles samengevat kan de situatie er als volgt uitzien: De template bevat het framework van het document. De webdeveloper kan ervoor gekozen hebben om een bepaalde blok met content terug te laten komen op elke pagina (document). We hebben het dan bijvoorbeeld over de header en logo die elke keer terugkomen. De template bevat het contentgedeelte en is in de template toegevoegd met de tag [content]. In de plaats van die tag komt dan automatisch de content die is ingevoerd in de manager ( nader uitleg volgt ). De template bevat ook MODx tags die snippets weergeven. De template bevat T.V. s die de editor toestaan om tekst, afbeeldingen en andere type content in te voegen buiten het hoofdcontent gedeelte om. Middels de editor kunnen er blokken met content, HTML of zelfs T.V.s worden weergeven met behulp van chunks. 5
Inloggen in de Manager Je kunt op de volgende manier inloggen in de site s manager: 1. Surf naar je website, achter het domein voeg je toe: "/manager/" Bijvoorbeeld www.jouwdomein.nl/manager/ 2. Geef je gebruikersnaam en wachtwoord op in de Admin panel. Uitloggen gaat als volgt: 1. In het Admin Menu rechtsboven in de pagina klik je op Logout. Kennismaking met de manager Het management gedeelte is opgesplitst in 3 panelen Top: Hoofdmenu en Admin menu Links: Website boomstructuur Rechts: Bewerkingsgedeelte Actie knoppen Website Samenvatting document Je kunt het linkerpaneel in de breedte verschuiven door in het midden van de scheidingsbalk naar links of rechts te verschuiven. [Ook kan de layout op een andere manier worden ingesteld door de site beheerder] 6
Wat houdt de website boomstructuur in? Het is een lijst met alle pagina s (documenten), gesorteerd in een hiërarchische volgorde. De nummers die tussen haken achter de titel van hun document staan, staan voor het document ID. Er kunnen zich situaties voordoen waarbij het handig is dat het document ID van een pagina bekend is. Dit is dan de plek om het te achterhalen. Je kunt de Website boomstructuur iconen gebruiken om acties uit te voeren op de tree. Hover met de muis over de iconen om tooltips op te lichten waarin hun doel wordt aangegeven. Bestaan er ook shortcuts? Ja die bestaan. Je kunt met de rechtermuis klikken op een document binnen de website boomstructuur om zo toegang te krijgen tot het contextuele menu. Het contextuele menu geeft je snel toegang tot extra shortcuts Eventueel kun je documenten & weblinks aanmaken in een bestaande document of map. Dit kun je doen door met je rechtermuis te klikken op het document of map waaronder je het nieuwe document wilt plaatsen en vervolgens klik je op Nieuwe pagina (zie afbeelding hierboven). Deze actie bespaart je tijd omdat het document niet meer verplaatst hoeft te worden van de eerste level naar een sub-level. Als de document map voorheen nog geen sub-documenten bevatte, zal deze automatisch worden ingesteld als een map wanneer er een document in/onder wordt geplaatst. Je kunt direct naar de bewerkingspagina van een document gaan zonder deze te hoeven openen. 7
Het uploaden van content Bestanden kunnen worden geupload via FTP of met behulp van de ingebouwde MODx bestandsbeheer. Afbeeldingen kunnen tevens worden geupload via de afbeeldingsicoon in de wysiwyg editor (dit geldt alleen voor fck editor en niet voor de standaard TinyMCE wysiwyg editor). FCKEditor afbeeldingen upload icoon Wanneer je gebruik maakt van FTP, kun je bestanden overzetten naar de juiste folder binnen de /assets folder. Hier volgt een voorbeeld: Verplaats afbeeldingen naar de /assets/images folder. Verplaats pdf and tekst bestanden naar de /assets/docs folder. Bestanden en afbeeldingen uploaden via Bestandsbeheer Voor het uploaden van bestanden en afbeeldingen: Klik op Bestandsbeheer in het Admin menu. Bestandsbeheer zal worden geopend. Klik op Browse om het bestand te lokaliseren op je lokale pc, Vervolgens klik je op bestand uploaden om het bestand te uploaden. 8
Documenten updaten Voor het updaten van bestaande content op je website kun je het volgende doen: Lokaliseer de webpagina (document) in de website boomstructuur Klik op de naam van het document, of klik erop met je rechtermuis en selecteer Bewerk pagina Of klik op de naam van een document en klik vervolgens bij de actie knoppen op Bewerk Bewerk het document met de WYSIWYG editor Sla de pagina op (klik op Opslaan) Bekijk de voorbeeld. 9
Hoe kan ik een voorbeeld bekijken van de live site? Klik op Voorbeeld bij de actie knoppen. Of hou een webpagina met de live site open in een andere venster of browser tab; Dan kun je met behulp van ctrl+f5 de pagina refreshen om zo de wijzingen te bekijken. Mocht je problemen hebben met het bekijken van de wijzigingen, maak dan de webcache leeg door te klikken op Cache legen in het hoofdmenu van de Admin panel. Als je website zo is ingesteld, dan zie je ook een voorbeeld van de pagina zodat je kunt controleren of je de juiste pagina voor je hebt. 10
De inhoud van een document bewerken Klik op Bewerk bij de actie iconen Je kunt nu beginnen met het bewerken van de content met behulp van de WYSIWYG editor Wanneer je klaar bent met de bewerking kun je de volgende acties uitvoeren: Bewerking opslaan en nog één toevoegen (nog een nieuwe document toevoegen) Bewerking opslaan en doorgaan met bewerken Bewerking opslaan en document sluiten 11
Een nieuwe document aanmaken Om nieuwe content toe te kunnen voegen aan een document voer je de volgende stappen uit: Maak een nieuwe document aan. Publiseer het document. Verplaatst het document naar de juiste plaats binnen de website boomstructuur. Het aanmaken van een nieuwe document gaat als volgt: In het adminpanel klik je op Nieuwe pagina Voer de velden in die aangegeven worden bij de document instellingen en voeg content toe. In de tab Algemeen bij de document instellingen panel, selecteer je de locatie van het document door te klikken op de Hoofdpagina icoon, vervolgens kun je elk document selecteren binnen de website boomstructuur. De parent zal worden getoond in de achter de gewijzigde Hoofdpagina icoon. Opmerking: Als je de rechtermuisknop hebt gebruikt in de website boomstructuur om een pagina aan te maken, zal het document worden aangemaakt in de folder waarop je met de rechtermuisknop hebt geklikt. Klik op nu op Opslaan om de bewerking op te slaan 12
Een pagina publiceren Wanneer je een nieuwe document aanmaakt, kan het zijn dat deze in de eerste instantie standaard niet gepubliceerd is (in andere woorden; deze pagina zal dan niet zichtbaar zijn in het front-end van de website).[ga dit na bij de Sitebeheerder]. Wanneer het document niet op gepubliceerd staat, zal deze in het lichtgrijs worden weergegeven binnen de website boomstructuur (zie onderstaand voorbeeld). Niet gepubliceerde documenten Het publiceren van een nieuwe document gaat als volgt: Klik op de niet gepubliceerde document binnen de website boomstructuur en klik vervolgens op Bewerk. Klik op de Pagina instellingen tab. Vink de Gepubliceerd? checkbox aan (of geef een publicatiedatum en/of einddatum op) en klik vervolgens op Opslaan. Het document zal nu net als alle andere gepubliceerde documenten in het zwart binnen de documentenstructuur zichtbaar zijn. 13
Documenten (webpagina s ) verplaatsen Methode 1: Klik op de webpagina (document) binnen de website boomstructuur. Klik op Verplaatsen bij de actie iconen. Verplaats een pagina inclusief subpagina's door een nieuw hoofdpagina in de website boomstructuur te selecteren. Als het geselecteerde document geen map is, wordt er een map van gemaakt. Selecteer een nieuwe hoofdpagina in de website boomstructuur. Klik nu op Opslaan. Methode 2: Open het document (klik op bewerken), en ga naar de tab Algemeen. Klik op de Hoofdpagina icoon In de website boomstructuur, selecteer je een document waaronder het huidige document moet komen te vallen. Klik op nu op Opslaan om de bewerking op te slaan 14
Methode 3: Klik met je rechtermuisknop op het document die je wilt gaan verplaatsen en selecteer Verplaats document vanuit het context menu. Klik op een document binnen de website boomstructuur waaronder dit document moet komen te vallen en klik op vervolgens op Opslaan. Hoe verplaats ik een document naar het top nivo? Om een document te verplaatsen naar het top nivo selecteer je de site naam bovenin de top binnen de website boomsctructuur (in het voorbeeld hierboven is dat My MODx site). 15
De template instellen Nadat je een document hebt aangemaakt, zorg je ervoor dat de juiste template gekoppeld is aan deze pagina. Open het document, en ga naar de tab Algemeen. Selecteer de template in de 'Template' dropdown menu. De pagina zal vervolgens zichzelf refreshen om elke template variabele (T.V. s) aan de nieuwe template toe te voegen. De pagina is hierbij nog niet opgeslagen. Dus klik op Opslaan bij de actie iconen. 16