ICT-dag13 mei Hasselt

Bruno ParthoensDocent LerarenopleidingKatholieke Hogeschool

Limburg

bruno.parthoens@khlim.be

Joomlavoor

beginners

Joomlaxx.classy.be

Versie 2.5 is een long-time release net als de 1.5 (minstens 18 maanden)Ondertussen is joomla 3.0 uit maar is testversie en geen long-time release (3.5 wel)Wij gaan werken met de 3.0 omdat layout wezenlijk verschillend is tov 2.5 maar principes blijven hetzelfde

Joomla 2.5

http://www.zelfstudie.be (registratie??)

http://www.zelfstudie.be/registratie-ict-joomla.php http://www.gratiscursus.be

PresentatieSlideshare….

Cursusmateriaal

CMS (Content Managment System): website die volledige klaar is en aanpasbaarAnder bekend voorbeeld: DRUPAL

PHP en MySQL maar geen kennis nodig

Volledig gratis

Wat is Joomla?

Webruimte

Joomla installatiebestanden

FTP-cliënt

Benodigdheden

Offline werken: Je ontwerpt je website lokaal en publiceert achteraf de bestanden naar webruimteHarde schijf (Wampserver nodig op je PC vermits Joomla ontwikkeld is met PHP en een MySQL-database)

http://www.wampserver.comAlle bestanden worden aangemaakt en geïnstalleerd in de map c:\wamp\www\joomlahttp://www.zelfstudie.be (Joomla 1)

Mogelijkheden

USB-stick (USBwebserver nodig)http://www.usbwebserver.comJe maakt je volledige website alzo op je USB-stick of externe harde schijf

Online werken: Je ontwerpt je volledige website rechtstreeks op de webserver

Mogelijkheden

WebruimtePHP ondersteunenMySQL-database aanbiedenInstellingen op de php-database ondersteunenVoorbeelden:

One.comWebreus.nlhttp://www.1freehosting.com/000webhost.com (volledig gratis met cPanel om databases, subdomeinen,… aan te maken)

Benodigdheden

Benodigdheden

FTP-cliëntKopieert je bestanden van je harde schijf naar je webruimte http://filezilla-project.org/download.php (=gratis)Kopieer je installatiebestanden van je harde schijf naar je webruimte. Dit kan vrij lang duren.

Benodigdheden

Installatie van Joomla

Alle gebruikers eigen database en subdomein:Gebruiker 1: http://joomla01.classy.beGebruiker 2: http://joomla02.classy.be

Alle gebruikers dezelfde database en hetzelfde subdomein

Twee installatieopties

Joomla configureren

Starten met de Backend

Ga naar Frontend

Algemene Instellingen

Webpagina’s maak je altijd in een ARTIKEL (inhoud)

Opbouw Joomla 2.5

Subcategorieën

ARTIKELEN die je dan kan koppelen aan een MENU of tonen op Startpagina (Home)

Categorieën

Duidelijke structuur (bestandsbeheer Windows)Bepaalde artikelen zijn niet voor iedereen bestemd

Artikel per artikel beveiligen of die artikelen in een categorie stoppen en de categorie beveiligen

Je kan een categorie koppelen aan MenuZo kan je meerdere artikelen op één pagina tonen

Nut van categorieën

of

Maak 4 categorieën aan:DistrictenStartpaginaBezienswaardighedenAlgemeen

Categorieën

2 artikelen aanmaken die op voorpagina zullen verschijnen: “Dag1” en “Dag 2” (http://www.lipsum.com)Artikelenbeheer

of

Opbouw Joomla

Artikelenbeheer

Home aanpassen (menu-item)

Artikel “Dag 1”

Startpagina

Artikel “Dag 2”

Startpagina

Startpagina

• Hoe worden meerdere artikelen op één pagina getoond?

Menubeheer

Artikelen aanmaken

Speciale artikelen (alle artikelen die speciaal zijn en in de categorie “Startpagina” staanworden op de home-pagina getoond

Menubeheer

Menu-items maken

Menu-items maken

Menu-items maken

Menu-items

Menu-items en Menu’s

Begrip ModulesAlles wat geen inhoud krijgt is een moduleEen module plaats je op een bepaalde positie van je website

Welke posities zijn er in je website?Extensies- TemplatebeheerOpties

Posities kan je bekijken via Frontend door na de URL “index.php?tp=1” te typen.

Een eigen menu ontwerpen

Posities

Module

Stap 2: nieuwe module maken om menu ‘Uptown” een positie te kunnen geven

Extensies-ModulebeheerKies Nieuw

Module

Module Menu

Module Menu

Kies “Alleen op de geselecteerde pagina’s

Module Menu

Maak DowntownDoor te klikken op menu-item “Downtown” in het hoofdmenu komt er een nieuw Menu “Downtown” tevoorschijn aan de linkerkant met menu-items “Soho” en “Brooklyn”

Opdracht

Hoe worden artikelen getoond?

Voorbeeld: Toon titelArtikel Bronx Artikel optiesGebruik Algemeen

Waar en hoe instellen?

Voorbeeld: Toon titelOpen Artikelbeheer

Kies Opties

Deze instellingen gelden voor alle artikelen (algemene instellingen)

Waar en hoe instellen?

Titel staat op “Tonen”Gebruik Algemeen = Tonen

Waar en hoe instellen?

Algemene instellingen (Opties)Afwijken door individueel het artikel in te stellenMaar instellingen bij menu-item heeft ALTIJD voorrang

Open Menu-itemKies: Geavanceerde optiesKies Artikel opties

Volgorde

Artikel Bronx: Toon titelAlgemene opties: Verberg titelResultaat: Toon titel Menu-item Bronx :

Artikeloptie: Gebruik algemeen

Resultaat: Verberg titel

Voorbeeld

Dia 31Eerste artikel over ganse pagina verdeeldVanaf tweede artikel in 2 kolommen

Algemene opties (artikelbeheer)

Idem blogweergave (speciale artikelen)

Hoe afwijken?Menu-item aanpassen

Voorbeeld Home

Blogweergave

Algemene wijzigingenKies Extensies-Templatebeheer

Je krijgt een aantal templates te zien: Protostar is standaard voor WEBSITE en Isis voor ADMINISTRATIEPANEELKlik op de templatenaamVia opties kan je een aantal wijzigingen doorvoeren

Templates

Templates

Kiezen voor een andere templateKies een template uit de lijst

Download een template (opgelet: zorg dat de template geschikt is voor Joomla 3.x)http://www.web-garden.be/templates/https://www.siteground.com/joomla-templates.htmhttp://www.joomla24.com/

Templates

Aristeer 3.0

Na installatie

Templates

Je krijgt een mail gestuurd met de downloadlink

Templates

Templates

Extensie-ExtensiebeheerBlader naar het gedownloade bestandKlik op Uploaden& Installeren

Template installeren

Template installeren

Template

Uiterlijk template wijzigen

Uiterlijk template wijzigen

Uiterlijk template wijzigen

Extplorer (bestandsbeheer)

Afbeeldingen template

Afbeeldingen template

Afbeeldingen template

Hoofding aanpassen

Hoofding aanpassen

Achtergrond wijzigen

Achtergrond wijzigen

Oefening

Voetnoot wijzigen

Voetnoot wijzigen

Joomla breid je uit aan de hand van extensiesEr bestaan enorm vele en zinvolle uitbreidingen: http://extensions.joomla.orgNiet iedere extensie is geschikt voor iedere versie

Joomla 3 is pas uit, dus heel veel extensies werken nog niet voor deze versie

Joomla uitbreiden

PluginsGebruik: in een artikelMoet meestal nog geactiveerd worden na installatieToepassing: Filmpje van New York integreren in een artikel.

AllVideos

ModuleOp een bepaalde positie in je website

Module Weer

Aangepaste HTML ( zo kan je tekst op een bepaalde positie laten zien)

Toepassing VLIEGTICKETS (enkel op Home)

Welke uitbreidingen?

ComponentGebruik: meestal koppelen aan menu-item

Foto album EventGallery

Uitzonderingen: JCE-editor

Zo kan je je opmaakmogelijkheden in een artikel uitbreiden (tabel, links naar andere artikelen (cfr wikipedia), …)

Backup van je website Akeeba

Welke uitbreidingen?

JCE-editor installeren?

JCE-editor installeren?

Open Artikel Dag 2Selecteer tekst “Central Park”Insert LinkOpen Content…

Links leggen in artikel naar ander artikel

Foto-album

Plugin

Nut?Server crashtEen foute component geïnstalleerd waardoor website niet meer werktEen nieuwe domeinruimte voor website met nieuwe database-gebruiker-…

Backup

Vanaf versie 3 reeds voorzienGa naar configuratie en zorg dat backup als zip ipv jpa gemaakt wordt

Maak BackupDowload het zip-bestand (Administer backup files) en bewaar het op USB-stick

Pak het zip-bestand uit en upload het naar je domeinruimte (zoals installatiebestanden)

Akeeba