Handleiding CMS VOORKANT
Inhoudsopgave Pagina 1. Toegang tot het CMS... 3 2. Artikel toevoegen... 4 3. Artikel bewerken... 5 4. Artikel kopiëren of verwijderen... 6 5. Afbeelding, link of tabel invoegen... 6 5.1 Afbeelding toevoegen... 6 5.2 Links toevoegen... 7 5.3 Tabel toevoegen... 9 6. Menu aanmaken/bijwerken... 10 6.1 Nieuw menu aanmaken... 10 6.2 Menu-item aanmaken en linken... 10 6.3 Verwijderen menu/menu-item... 11 7. Formulieren maken... 12 7.1 formulier aanmaken... 12 7.2 Velden samenstellen... 13 7.3 E-mail linken aan formulier... 13 Pagina 2
1. Toegang tot het CMS Hallo, wij zijn Eijdems Internet en ik ga je nu vertellen hoe je in joomla in kunt loggen. Open eerst een browser. Typ vervolgens het domeinnaam in vervolgd door /administrator. U krijgt onderstaand scherm te zien op de webpagina: Vul uw gebruikersnaam in. Dat is meestal admin. Vul uw wachtwoord in. Geef deze niet prijs weer Klik op Inloggen U bent nu ingelogd, u word doorgeschakeld naar de beginpagina van uw website. Pagina 3
2. Artikel toevoegen Hallo, wij zijn Eijdems Internet en ik ga je nu vertellen hoe je een nieuw artikel kunt aan maken. Na het inloggen op de Eijdems Internet CMS kunt u in het bovenmenu kiezen Artikel schrijven. U wordt doorgeschakeld naar het volgende venster; Hier kunt u nieuwe artikelen toevoegen aan uw website. Bij Titel typt u de naam van het artikel. In het grootte tekstvak kunt u de tekst plaatsen die het artikel moet bevatten. De daarboven geplaatste pictogrammen hebben effect op de tekst in het tekstvak. Deze kunt u vinden in de bijlage van dit filmpje Indien u een functie terug naar vorige pagina wilt, dan sluit u de tekst af met een enter en typt u {terug}. Bij Sectie en Categorie kunt u kiezen in welke sectie/categorie u het artikel wilt plaatsen. Bij Gepubliceerd kunt u aangeven of u het artikel wilt weergeven of niet. Bij Voorpagina kun je aangeven of het artikel op de voorpagina van de website moet komen of niet. Als u alle velden van het artikel heeft ingevuld kunt u bovenaan de pagina op Opslaan drukken, het artikel wordt nu opgeslagen. Na het opslaan word u doorgeschakeld naar de beginpagina van uw website. Pagina 4
3. Artikel bewerken bestaand artikel kunt bewerken. Na het inloggen op de Eijdems Internet CMS kunt u op de pagina die u wilt wijzigen op het icoontje drukken boven de tekst: U wordt doorgeschakeld naar het volgende venster; Hier kunt u bestaande artikelen wijzigen op uw website. U kunt de titel wijzigen, de publicatie mogelijkheid of voorpagina artikel. In het grote tekstvak kunt u de tekst bewerken die het artikel moet bevatten. De daarboven geplaatste pictogrammen hebben effect op de tekst in het tekstvak. Deze kunt u vinden bij de bijlage van het filmpje. Bij Sectie en Categorie kunt u ook veranderen. Als u alle velden van het artikel heeft ingevuld kunt u bovenaan de pagina op Opslaan drukken, het artikel wordt nu opgeslagen. Na het opslaan word u doorgeschakeld naar de beginpagina van uw website. Pagina 5
4. Artikel kopiëren of verwijderen bestaand artikel kunt kopiëren of verwijderen. U gaat naar het Artikelenbeheer en ziet vervolgens het artikelen overzicht. U vinkt het artikel aan en gaat naar kopiëren. Als u het artikel wilt verwijderen, vinkt u het artikel aan en klikt vervolgens op verwijderen. 5. Afbeelding, link of tabel invoegen 5.1 Afbeelding toevoegen afbeelding kan toevoegen. U selecteert eerst een artikel. Om afbeeldingen toe te voegen, klik op het icoontje Afbeelding toevoegen. Je komt in het volgende scherm terecht. Om een nieuwe afbeelding toe te voegen aan uw website, klikt u op Afbeeldingen Uploaden. Klik op Bladeren om een afbeelding te selecteren op uw PC en vervolgens op Upload Bestand. De afbeelding verschijnt in het tabblad Afbeelding Overzicht. Pagina 6
Selecteer hier opnieuw de gewenste afbeelding en ga naar tabblad Weergave. Uitlijning: hier geeft u de positie aan die de afbeelding krijgt ten opzichte van de tekst. De meest gebruikte opties zijn links of rechts uitlijnen. Afmetingen: Hier kunt u de grote van de afbeelding bepalen. Het linkervakje is voor de breedte en de rechter voor de hoogte. Horizontale ruimte: Hier kun je de ruimte tussen de afbeelding en tekst weergeven. Het meeste gebruikelijke is 15 pixels. Vervolgens gaat u naar algemeen en kunt u bij beschrijving een korte uitleg geven wat er te zien is en bij titel een naam aan de afbeelding geven. Als u klaar bent de afbeelding op te maken, klikt u op invoegen. U ziet de afbeelding verschijnen in het artikel. 5.2 Links toevoegen link kan toevoegen. U selecteert eerst de tekst of afbeelding die u wilt laten linken en klikt vervolgens op de knop link invoegen. Deze leidt u naar onderstaand dialoogvenster. Pagina 7
URL: U dient hier een compleet, geldig 'URL' op te geven zoals http://www.eijdems-internet.nl. Doel: Hier kan worden ingesteld waar de vervolgpagina moet worden getoond: In dit venster / frame openen: In het geopende browservenster openen In nieuw venster openen (_blank) Openen in een compleet nieuw browservenster, waarbij weg-genavigeerd wordt van de website omdat knoppen en beeld worden vervangen. Omschrijving het tabblad Bestanden : Behalve links creëren naar een URL, kunt u ook links creëren naar een PDF, Excel, Word bestand etc.. U selecteert het bestand dat u wilt linken en geeft in het tabblad algemeen aan, dat het bestand in een nieuw venster geopend moet worden (zie Target). Vervolgens klikt u op Insert. Omschrijving van het tabblad Bestand Upload : Om een nieuw bestand toe te voegen aan uw website klikt u op Browse om een bestand te selecteren op uw PC. Vervolgens klikt u op Upload Bestand. Het bestand verschijnt in het tabblad Bestanden. Selecteer hier opnieuw het gewenste bestand en ga naar tabblad General om de target te bepalen. Als u klaar bent met de functies van de link, klikt u op invoegen. Pagina 8
U heeft nu een link gemaakt naar een adres of bestand. 5.3 Tabel toevoegen tabel kan invoegen. Als u een tabel wilt invoegen, klikt u op Tabel Invoegen. Vervolgens krijg je een overzichtje hoe groot je een tabel kunt maken. Met kolommen kun je aangeven hoe breed die moet zijn en met rijen kun je aangeven hoe hoog de tabel moet zijn. Bij de uitlijning kunt u bepalen aan welke kant van de normale tekst de tabel moet komen te staan. Gebruikelijk is het om deze links of rechts te doen. Als u hiermee klaar bent, klikt u op invoegen. De tabel staat nou in het artikel. Je kunt zowel tekst als een afbeelding in de tabel plaatsen. Als u erachter bent gekomen dat u een kolom of rij vergeten bent, kunt u die naderhand nog altijd invoegen. Ga in de cel staan waarlangs de rij of kolom moet worden ingevoegd en druk dan op de icoontjes Rij boven invoegen, Rij onder invoegen, kolom links invoegen of kolom rechts invoegen. Als u merkt dat het te veel is, ga je in de cel staan en drukt dan op kolom verwijderen of rij verwijderen. Als u daarmee klaar bent, klikt u op Opslaan en uw tabel is in het artikel gevoegd. Pagina 9
6. Menu aanmaken/bijwerken 6.1 Nieuw menu aanmaken menu kunt aanmaken. Als u een menu wilt aanmaken, gaat u naar menu beheer. U klikt op nieuw op een nieuwe aan te maken. Je krijgt dan het volgende scherm. Je vult alle veldjes in. De unieke naam is handig zodat Joomla er een code aan kan maken. De titel is gewoon hoe het menu wordt genoemd. Een beschrijving voor het beschrijven van het menu en een moduletitel als je er een module aan wilt koppelen. Als je klaar bent, druk je op Opslaan. Je komt dan terug in het Menu-beheer en uw menu is aangemaakt. 6.2 Menu-item aanmaken en linken menu-item aan kunt maken bij het menu. Pagina 10
In het vorige filmpje heb ik laten zien hoe je een menu aan hebt gemaakt. Nou moet het menu items bevatten om het te laten werken als menu. Je gaat naar Menu s en klikt op het menu die je aan hebt gemaakt. Bijvoorbeeld test. Vervolgens kom je op dit scherm terecht. Om nieuwe items toe te voegen klik je op nieuw. Je moet hier aangeven waarvoor het menu-item is. Het meest gebruikelijke is voor artikel. Dan kies je wat voor artikel het beste bij jouw wensen past. Het gebruikelijke is voornamelijk één enkel artikel. Je komt op het volgende scherm uit. Hier vul je de titel in, hoe het menu-item heet. Links geef je aan welk artikel er aangelinkt moet worden, waar je terecht moet komen als je erop klikt. Druk op selecteer en kies een artikel uit. Als je hiermee klaar bent, klik je op Opslaan. Je komt nou in de menu overzicht uit en je hebt nou een menu-item gemaakt. 6.3 Verwijderen menu/menu-item menu of menu-item kunt verwijderen. Pagina 11
Als je een menu-item van een menu wilt verwijderen, ga je gewoon weer naar het menu toe waar het item inzit. Je vinkt het vervolgens aan en drukt op verwijderen. Als je een heel menu wilt verwijderen, ga je naar menubeheer en vinkt het menu aan dat weg mag en druk vervolgens op verwijderen. 7. Formulieren maken 7.1 formulier aanmaken contactformulier kunt maken. Ga naar Componenten, daarna naar RsForm!Pro en klik vervolgens op manege forms. U komt vervolgens in het overzicht van de formulieren beheer. Om een nieuw formulier aan te maken klik je op nieuw. Ga dan naar Edit form en geef Form name en Form Title een naam waarvoor het formulier zal dienen. Als je hiermee klaar bent, druk je op Opslaan en u heeft uw formulier. Pagina 12
7.2 Velden samenstellen Hallo, wij zijn Eijdems Internet en ik ga je nu vertellen hoe je in joomla velden kunt samenstellen. De vorige keer hebben we een formulier aangemaakt en vandaag gaan we verder met de velden invoegen. Open in Manage Form het formulier. Ga naar Components en je ziet dat je aan de linkerkant veel opties. Ik zag de meest gebruikelijke even vertellen. De textbox is een veld waar je je naam of e-mailadres het beste kunt invullen. De Textarea is een veld waar je een opmerking of vraag kunt invullen. Dropdown kan de gebruiker tussen verschillende mogelijkheden kiezen. Captcha functie om te zorgen dat er geen spam in de inbox komt. De Button om de formulier te voltooien. Bij elke kopje vul je een titel in. Als het verplichte velden zijn, vink je required aan. Bij size kun je de aantal letters/cijfers bepalen die ingevuld moeten worden. Bij validation kun je aangeven wat voor eis erin moet, nummers of e-mail etc. Na deze instellingen gedaan te hebben, druk je boven aan op Opslaan. Zo kun je makkelijk een contactformulier opstellen. 7.3 E-mail linken aan formulier Als je een bevestigingsmail of een ontvangstmail wilt toevoegen aan je formulier ga je naar User mail en Admin mail. Pagina 13
De user mail gaat over de mail die de gebruiker na het invullen van het formulier van het bedrijf ontvangt. Je vult bij From en From mail de naam en e-mail adres van het bedrijf in. Bij To vul je een stukje code in namelijk {e-mail:value}. Dan zal de website automatisch het ingevulde mail adres van de gebruiker invullen. Vervolgens kun je de mail zelf opstellen. Klik op edit the e-mail text. Hier typ je in wat de gebruiker zal moeten ontvangen. Als je daarmee klaar bent, druk je op Save. Als je als bedrijf zelf een mail wilt ontvangen dat iemand je formulier heeft ingevuld, ga je naar Admin mail. Nou vul je bij From het zelfde stukje code als eerder, dus {e-mail:value}. From mail het bedrijfsnaam en bij To het mailadres het bedrijfs mailadres. Hier kun je ook wat tekst toevoegen/samenstellen. Klik hier weer vervolgens op edit the e-mail text en stel je tekst op voor je mail. Vervolgens druk je op save. Na deze instellingen gedaan te hebben, druk je boven aan op Opslaan. U heeft nu de mailfunctie eraan vast gemaakt. 8. Gebruikersbeheer gebruikersaccount aanmaken. Als u wilt dat meerdere mensen de joomla website kunnen beheren, kunt u meerdere accounts daarvoor aanmaken. U gaat naar website en dan vervolgens naar Gebruikersbeheer. U ziet dan een overzicht van de accounts. Pagina 14
Voor een nieuw account klik je op nieuw. U krijgt het volgende scherm voor u. Hier vul je de gegevens van de persoon in. Ook de gebruikersnaam en wachtwoord voor het inloggen vul je dan in. U kunt beslissen of de gebruiker geblokkeerd is of niet en of hij/zij mails de ontvangen mails kan lezen. Als u klaar bent met deze gegevens in te vullen, slaat u het op en komt u in het overzicht terecht. Hierin kun je ook meteen zien welke gebruikers online zijn en welke niet. Zo kun je makkelijk een account aanmaken. Pagina 15