Joomla

423 views
312 views

Published on

Joomla 2.5.x

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
423
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Joomla

  1. 1. ICT-dag29 mei 2012GentBruno ParthoensDocent LerarenopleidingKatholieke Hogeschool Limburgbruno.parthoens@khlim.be
  2. 2. Joomlavoor beginners
  3. 3. Tot Joomla 1.5: geen ACL en moeilijkeboomstructuur (zie later)VoordelenGeen secties en categorieën meer maar zelfboomstructuur te bepalen door ontwerperAccess Control ListJoomla 2.5 is long-time release net als de1.5 (minstens 18 maanden)Ondertussen is Joomla 3.0 uit maar istestversie en geen long-time release(enkelJoomla 1.6 - 1.7
  4. 4. Joomla easy?
  5. 5. http://www.gratiscursus.behttp://dropbox.comEmailadres: beginnersjoomla@gmail.comPaswoord: joomla123Voorbeeld:http://1ict.baso.khlim.behttp://bvl.baso.khlim.behttp://leerplankv.baso.khlim.be/projectburoticaCursusmateriaal
  6. 6. CMS (Content Managment System):website die volledige klaar is enaanpasbaarAnder bekend voorbeeld: DRUPALPHP en MySQL maar geen kennis nodigVolledig gratisWat is Joomla?
  7. 7. WebruimteJoomla installatiebestandenFTP-cliëntBenodigdheden
  8. 8. Offline werken: Je ontwerpt je websitelokaal en publiceert achteraf de bestandennaar webruimteHarde schijf (Wampserver nodig op je PCvermits Joomla ontwikkeld is met PHP en eenMySQL-database)http://www.wampserver.comAlle bestanden worden aangemaakt engeïnstalleerd in de map c:wampwwwjoomlahttp://www.zelfstudie.be (Joomla 1)Mogelijkheden
  9. 9. USB-stick (USBwebserver nodig)http://www.usbwebserver.comJe maakt je volledige website alzo op je USB-stickof externe harde schijfOnline werken: Je ontwerpt je volledigewebsite rechtstreeks op de webserverMogelijkheden
  10. 10. WebruimtePHP ondersteunenMySQL-database aanbiedenInstellingen op de php-databaseondersteunenVoorbeelden:One.comWebreus.nlhttp://www.1freehosting.com/000webhost.com (volledig gratis met cPanel omdatabases, subdomeinen,… aan te maken)Benodigdheden
  11. 11. Joomla installatiebestandenhttp://www.joomladownloads.nl/filmpjeMaak een mapje Joomla aan op je hardeschijf en pak de bestanden hierin uitWij hebben dit reeds op de usb-stick staan:map joomla 2.5.4Benodigdheden
  12. 12. FTP-cliëntKopieert je bestanden van je harde schijf naarje webruimtehttp://filezilla-project.org/download.php(=gratis)Kopieer je installatiebestanden van je hardeschijf naar je webruimte. Dit kan vrij langduren.FilmpjeBenodigdheden
  13. 13. Afhankelijk van aangevraagde webruimte:database met MySQL aanmaken000.webhost.comVoorbeeld WebreusInstallatie van Joomla
  14. 14. Alle gebruikers eigen database ensubdomein:Gebruiker 1: http://joomla01.classy.beGebruiker 2: http://joomla02.classy.beAlle gebruikers dezelfde database enhetzelfde subdomeinWij kiezen dit laatste:Ik heb 2 databases en 2 subdomeinenaangemaaktTwee installatieopties
  15. 15. http://ictdag1.baso.khlim.be/familienaamGebruikersnaam: ictdag1Database: ictdag1wachtwoord: gent123Geavanceerde instellingen(voorvoegsel uniek maken)Eén database en éénsubdomein
  16. 16. Filezilla openenHost = baso.khlim.beGebruikersnaam = ictdag1Wachtwoord = gent123SnelverbindenOpen rechts httpdocsMaak een nieuwe map aan (familienaam)Kopieer je installatiebestanden van linksnaar je eigen map rechtsEén database en éénsubdomein
  17. 17. http://ictdag2.baso.khlim.be/familienaamGebruikersnaam: ictdag2Database: ictdag2wachtwoord: gent123Geavanceerde instellingen (voorvoegseluniek maken)Eén database en éénsubdomein
  18. 18. Filezilla openenHost = baso.khlim.beGebruikersnaam = ictdag2Wachtwoord = gent123SnelverbindenOpen rechts httpdocsMaak een nieuwe map aan (familienaam)Kopieer je installatiebestanden van linksnaar je eigen map rechtsEén database en éénsubdomein
  19. 19. FrontendDit is wat de gebruiker te zien krijgt: dewebsiteSurf naar: http://joomlaxx.classy.beBackendBeheerder van de websiteWijzigingen aanbrengen aan de frontendSurf naarhttp://joomlaxx.classy.be/administratorLogin: adminPaswoord: joomlaJoomla configureren
  20. 20. BackendStarten met de BackendControlepaneelGa naar Frontend
  21. 21. GebruikersbeheerExtra gebruikers toevoegen met rechten omwebsite eventueel aan te passen met eigennaam en paswoordAlgemene instellingenTip: Tabblad Systeem: Sessie levensduurverhogenTabblad Website
  22. 22. Webpagina’s maak je altijd in eenARTIKEL (inhoud)Structuur 1.5:Opbouw Joomla 2.5SECTIECATEGORIEENARTIKELEN die je dan kan koppelen aaneen MENU
  23. 23. Opbouw Joomla 1.6-1.7-…SubcategorieënSubsubcategorieënARTIKELEN die je dan kan koppelen aaneen MENUCategorieën
  24. 24. STRUCTUURWebsiteCategorie CategorieSubCategorie SubCategorie SubCategorie SubCategorieArtikel/paginaArtikel/paginaArtikel/paginaArtikel/paginaArtikel/paginaArtikel/paginaVoorpagina
  25. 25. Meerdere categorieënVoorbeeld: site van een krantJe kan een categorie beveiligen, waardoor deartikelen die hierin staan enkel doorleden/klanten bezocht kunnen worden. Bv. jebeveiligt de sectie buitenlands voor je leden.Je kan achter één menu-item meerdereartikelen (uit één categorie) tonen inlijstweergave of volledig (blogweergave).Vanaf 1.7 kan dit ook via Speciale Aritikelen (zielater)
  26. 26. Voorbeeld: nut vanCategorieënJoomla 2.5Speciale Artikelen: je kan zo artikelen over verschillende categorieënverspreid toch op één pagina (artikel) krijgen
  27. 27. Artikel aanmaken dat op voorpagina zalverschijnen: “Welkom op mijn websiteover NY” (http://www.lipsum.com)ArtikelenbeheerTweede artikel aanmaken dat via menubereikbaar zal worden.Categorieën en subcategorieënaanmakenWaarom?http://leerplankv.baso.khlim.be/projectburoticaFilmpjeOpbouw Joomla
  28. 28. DistrictenAlgemeenBezienswaardighedenCategorieën
  29. 29. ArtikelenbeheerSpeciale artikelenkom in hetalgemeen op destartpaginaOm goed overzichtte bewaren kan jecategorie waarin jewerkt selecteren.Bij ieder artikel kanje toegangsniveauinstellen. Wie magdit artikel bekijken?(Login venster =geregistreerd)
  30. 30. Parameterinstellingen
  31. 31. Parameterinstellingen
  32. 32. Tip:In Artikelenbeheer heb je een kop Opties:De parameterinstellingen die je hier maaktgelden voor alle artikelen
  33. 33. Artikelen kunnen alleen bereikt worden viamenuArtikel “Central Park” toegankelijk makenVia MenubeheerBelangrijk: eerst artikelen aanmakenFilmpjeMenubeheer
  34. 34. Begrip ModulesAlles wat geen inhoud krijgt is een moduleEen module plaats je op een bepaalde positievan je websiteWelke posities zijn er in je website?Extensies- TemplatebeheerOptiesPosities kan je bekijken via Frontend door nade URL “index.php?tp=1” te typen.Een eigen menu ontwerpen
  35. 35. Posities
  36. 36. Artikelen verschijnenstandaard op een vasteplaats (centraal). Via dezemodule kan je bijvoorbeeldtekst op een gewenstepositie plaatsenwww.murimpreg.be (premie)
  37. 37. FilmpjeMaak een menu aan via Menubeheer(bovenmenu)Verplaats Home – Bezienswaardighedenvan Mainmenu naar BovenmenuMaak het menu-item DistrictenMenu-items Uptown en Downtown onderDistrictenKlik op voorbeeld. Krijg je dit menu tezien?Een eigen menu ontwerpen
  38. 38. Je moet inderdaad nog de module Menuaanmaken via Extensies-modulebeheeren het menu hier aan koppelenEen eigen menu ontwerpen
  39. 39. Maak een nieuw Menu aan: Submenu1Maak twee menu-items aan: Brooklyn enSohoMaak een module aan Menu: DowntownGeef een positie (position-07)Ik wil dit submenu enkel zien wanneer ikop Districten-Downtown klik: Hoe doe ikdit?Maak nu Uptown aan!Een submenu ontwerpen
  40. 40. Wij willen artikelen die verdeeld zijn oververschillende categorieën toch in 1 paginalaten verschijnenWe maken twee categorieën bij: Acties enNieuwtjesIn Acties: artikel “Bloomingdales” (Speciaal)In Nieuwtjes: artikel “Wist je dat ?” (Speciaal)Maak een nieuw menu-item“Interessante info”Nieuwtjes
  41. 41. Hoofdartikelen: over de gehele breedteIntro-artikelen: staan in kolommen#links: artikelen zullen via een link beschikbaar gemaaktwordenindien nodigVoorbeeld: ik heb 7 artikelen in totaal op één pagina0 (hoofd) + 4 (intro) = 4 artikelenEr zijn dus nog 3 artikelen over (7 – 4) die via linksbeschikbaar worden
  42. 42. Algemene wijzigingenKies Extensies-TemplatebeheerJe krijgt een aantal templates te zien: Beez20 isstandaard voor WEBSITE en Bluestork voorADMINISTRATIEPANEELKlik op de templatenaamJe kan nu een aantal wijzigingen doorvoeren,zoals het logo wijzigenTemplates
  43. 43. CSS wijzigenCSS is de opmaak van je website, niet de inhoudVia Filezilla CSS-bestand downloaden enbewerkenTerug uploaden (zie html)HTML wijzigenIn de voet (footer) staat er Powerd by JoomlaDownload index.php vanuit de maptemplates/beez20Tip: a href staat voor een hyperlink (Joomla), php echostaat voor typOpgepast: Zie dat je de originele html nog ergensbewaart om evt. terug te zetten indien niet gewenstresultaat.Templates
  44. 44. Kiezen voor een andere templateKies een template uit de lijstDownload een template naar keuze via Extensies-Installeer (opgelet: zorg dat de template geschikt isvoor 1.7)http://www.web-garden.be/templates/http://www.siteground.com/joomla-hosting/joomla-templates.hthttp://www.joomla24.com/Templates
  45. 45. Figuren wijzigenZoek de originele afbeeldingen op je webruimte(Filezilla): templates/beez20/imagesWijzig de afbeelding metbeeldbewerkingsprogramma (Fireworks, Gimp,Photoshop)Alternatief: nieuwe afbeelding maar origineleafbeelding overschrijven (benaming is zeerbelangrijk)Templates
  46. 46. Ontwerp zelf een sjabloon en installeer ditMoeilijk?Ja en Neen?Ja: Deel 3 Joomla met relatieve div’s werken (vanaf nulopbouwen)Neen: Aristeer 3.0 (nodig voor Joomla -1.6 of 1.7)FilmpjeTemplates
  47. 47. Aristeer 3.0Na installatieTemplates
  48. 48. Sla dit sjabloon op als NewYork.artx (alleenmaar als je een licentie hebt)Exporteer dit sjabloon als NewYork.zip naar jelokale schijfInstalleer het sjabloon via Extensies-ExtensiebeheerMaak NewYork je standaardsjabloonEn nu?Posities aanpassen in Modules“Submenu-items tonen” aanvinken (JA)Opmaak van verticaal menu toepassen opsubmenuTemplates
  49. 49. Module LoginFilmpje (login)GebruikersbeheerNieuwe gebruiker aanmaken Frontend (login)Nieuwe gebruiker aanmaken Backend (viahttp://www.joomlaxx.classy.be/administrator)Rechten toekennen aan gebruikershttp://www.zelfstudie.be/cursussen/joomla.php?id=34Berichten sturen - groepsmailLogin (gebruikers)
  50. 50. Je kan je website voorzien van externelinksFilmpjeNieuwe categorie maken die links gaatverzamelen (opgepast: geen gewonecategorie)Componenten-Weblinks-CategorieënNieuwe link toevoegenComponenten-Weblinks-LinksWeblinks toevoegen aan menuGebruiker Weblinks laten toevoegen: hoe?Weblinks
  51. 51. Breadcrumbs of broodkruimels volgen hetpad dat je volgt op een website(hyperlinks)Toevoegen via Modulebeheer (kruimelpad)Plaats is gereserveerd (breadcrumbs)Tip: Home niet tonen !!!Broodkruimels
  52. 52. Wie is er online?Geeft het aantal bezoekers op een bepaaldogenblik aanBannersActies aankondigenReclame makenMeest gelezen (welke artikelen?)Andere zinvolle modules
  53. 53. Joomla breid je uit aan de hand van extensiesEr bestaan enorm vele en zinvolleuitbreidingen: Joomla!extensies ophttp://www.dutchjoomla.orgOF http://extensions.joomla.orgNiet iedere extensie is geschikt voor iedereversie:1.0 Native (werkt alleen bij Joomla 1.0.x)1.5 Legacy (is geschreven voor Joomla 1.0.x maarwerkt in Legacy Mode ook voor 1.5.xVia PluginbeheerJoomla uitbreiden
  54. 54. PluginsGebruik: in een artikelMoet meestal nog geactiveerd worden nainstallatieToepassing: Filmpje van New York integreren ineen artikel.AllVideos (link)ModuleOp een bepaalde positie in je websiteModule Weer (link)Welke uitbreidingen?
  55. 55. ComponentGebruik: meestal koppelen aan menu-itemFoto album 0zioGallery (link)Uitzonderingen:JCE-editor (link)Zo kan je je opmaakmogelijkheden in een artikeluitbreiden (tabel, links naar andere artikelen (cfrwikipedia), …)Backup van je website Akeeba (link)Welke uitbreidingen?
  56. 56. Nut?Server crashtEen foute component geïnstalleerd waardoorwebsite niet meer werktEen nieuwe domeinruimte voor website metnieuwe database-gebruiker-…Backup
  57. 57. Ga naar configuratie en zorg dat backup alszip ipv jpa gemaakt wordtDowload het zip-bestand (Administer backupfiles) en bewaar het op USB-stickPak het zip-bestand uit en upload het naar jedomeinruimte (zoals installatiebestanden)Akeeba
  58. 58. Ik was op zoek naar een manier om eengallerij van afbeeldingen te plaatsen in eenartikelVaak vind je dit toevallig!Op extensie gezocht naar AllVideos om video’s teimplementerenSurf naar http://www.joomlaworks.grHoe vind je een extensie?
  59. 59. Fotoalbum
  60. 60. Download PluginKies Extensies-InstalleerBlader naar het zip-bestand en klik op Uploadbestand & installeerFotoalbum
  61. 61. Na installatie krijg je volgende gebruiksuitleg:M.a.w. kopieer je afbeeldingen (Filezilla) naar demap images/stories/parijs (bijvoorbeeld)Typ in je artikel op de plaats waar je deafbeeldingen wil invoegen {gallery}parijs{/gallery}en klaar is kees?Fout: je moet plugin nog activeren via Extensies-PluginFotoalbum

×