Joomla 3

Vandaag de laatste trainingsdag Joomla. Een van de algemene bevindingen na drie dagen cursus: er is ontzettend veel mogelijk met Joomla. Zoek een mooi component, test en zet live als ie bevalt.

Hoe creëer ik een testsite op PC/laptop?
Zie ook artikel: Kopiëren van je ontwikkelsite naar een live omgeving

1. XAMPP installeren (link). Voor Mac moet je MAMPP hebben. Start in controlpanel Apache en Mysql. Je maakt daarmee feitelijk twee servers aan. Ga naar de downloadfile XAMPP en open map Htdocs (is de root van je website). Dat is de plek waar je een (test)websiteomgeving kan neerzetten.
   Typ in browser localhost: dan opent de server. kies uit menu PhpMyAdmin.
   
2. Joomla-pack backup maken en downloaden (op internet)
   In Joomla onder components --> configuratie --> backup now
   
3. Lokaal op PC een database creëren in http://localhost/phpmyadmin/ Ga naar Rechten. Vul een username in, Machine: localhost.
   
4. Zip file (2)
   

php - html
Om php te kunnen lezen moet op een PC Apache geïnstalleerd worden om php en bestanden uit database met elkaar te laten communiceren. Uitkomst is een html-code die voor de browser te lezen is.

Mediapagina: niet doen
Het advies van George is om niet te beginnen aan een aparte mediapagina. De makkelijkste en meest functionele manier is om filmpjes vanaf Youtube gewoon onder elkaar in tabel te plaatsen.

Wordpress voor Joomla
Installatie lukt helaas niet wegens beveiligingsproblemen. Inmiddels is duidelijk dat import van welke blog dan ook op de website problemen oplevert van verschillende aard. De waarschijnlijkste optie is op dit moment toch een aparte externe blog.

Captures
De tabeloplossing voor Youtube-filmpjes is als gezegd goed te gebruiken. De rijhoogte moet wel goed in de gaten worden houden. Er is nu op de testsite een standaard-tabel gemaakt voor Youtube-filmpjes (cap: Youtube) die kan worden gekopieerd of ingevoerd op de plaats waar een filmpje moet komen.

Voor foto's moet een nieuwe plugin captions worden gedownload voor het component JCE (staat al onder componenten). Als de plugin is geïnstalleerd dan krijg je bij bewerken van afbeeldingen een nieuw icoontje voor captions. Op JCE staan nog meer interessante plugins die uitgetest kunnen worden.

Verkiezingen op de website
Maak verkiezingen sectie en de 4 hoofdcategorieën categorie. Per caegorie kun je dan de gewenste artikelen plaatsen. Voordeel van deze werkwijze is dat je dan het kruimelpad hebt als navigatie.

Upgrade versies Joomla
Onze website loopt een aantal versies achter. George adviseert om telkens zo snel mogelijk nieuwe versies te installeren vanwege de veiligheid. Dit is inmiddels gebeurd.

Joomla 2

13 oktober 2010
Vandaag de tweede dag van de Joomla-training van Sjors van Eduvision. Onderwerpen:

• alternatieven voor splash-pagina's,
  
• werken met multicategories voor artikelen,
  
• pdf-bibliotheek opzetten en doorzoekbaar maken
  

Alternatieven voor splash-pagina
Het aanmaken van een splash-pagina is voor ons doel te omslachtig en niet op tijd te realiseren. Alternatieven zijn er zeker. Inmiddels is de frontpage tijdelijk omgezet van vier vlakken naar één vlak met de boodschap van de snelle actie: juist nu!

Een ander alternatief is een van de niet gebruikte posities op de frontpage te benutten. Er zijn diverse posities waar iets geplaatst kan worden. Alle posities krijg je te zien door ?tp=1 achter link te plaatsen. NB: Dit werkt alleen bij Joomla-websites, en uiteraard alleen wanneer deze optie aan staat.

Standaard kent Joomla achte vaste posities in een pagina (www.whelp.nl)

1. banner – de banner
2. left – links
3. right – rechts
4. top – bovenaan
5. user1 – gebruikerspositie 1
6. user2 – gebruikerspositie 2
7. user3 – gebruikerspositie 3
8. user4 – gebruikerspositie 4

Boven de vier vlakken op de frontpage is het vlak user2 beschikbaar voor bijvoorbeeld het plaatsen van tijdelijke banners. Dit heeft geen invloed op de verdere structuur van de site.
Onder modulemanager kan je aan een bepaalde positie (user2) en voor een bepaald menu (selecteer in dit geval home) een item (plaatje, tekst, flash) toekennen. Daartoe moet wel eerst een nieuw item aangemaakt worden.

Multicategorieën voor persberichten
Het toekennen van meerdere categorieën kan worden geautomatiseerd. Artikelen die onder Actueel (hoofdcategorie) worden geplaatst kunnen automatisch aan Persarchief worden toegevoegd. Echter: berichten die niet onder persberichten terecht moeten komen (standpunten, overige actuele berichten) moeten worden uitgevinkt in de lijst met artikelen bij het doorplaatsen van persberichten. Het aanmaken van een extra sectie voor persberichten (actueel/persberichten) maakt het mogelijk dat alleen díe berichten worden doorgeplaatst.

Onder Components --> Multicategories --> Tabblad Categorieën --> Parameters advanced (NB: valt buiten scherm, dus pagina naar rechts verplaatsen!) moet het menu-item worden geselecteerd waar het artikel standaard ook moet worden neergezet. Er kan ook worden gekoppeld aan meerdere categorieën (dus pers en persarchief 2010 (naam: 2010)).

NB: Houd de aliassen gelijk (= titel bericht), zodat je geen problemen krijgt met niet-werkende links!

Hoe pak je deze verhuizing aan?

1. Nieuwe categorie aanmaken Actueel/pers
   
2. Sectie Pers aanmaken in Multicategory!
   
3. Nieuwe sectie Actueel aanmaken + sectie 2010, 2009, 2008 (multicategorie!)
   
4. Koppelen Pers/actueel aan Actueel/Pers
   Koppelen Pers/2010 aan Actueel/Pers
5. Artikelen onder Actueel moeten in juiste archief worden geplaatst. Selecteren op ID is hiervoor het handigst!
   
6. Huidige Archief pers en Pers (gekopieerde artikelen dus) depubliceren (en later verwijderen).
   ---
   
7. Het aanpassen van de sectie van oude persberichten onder Actueel is een betere optie: kan dan geautomatiseerd worden doorgeplaatst naar archief.
   
8. Er moet ook een nieuwe sectie Actueel/Opiniestukken worden aangemaakt, zodat ook die artikelen automatisch worden verplaatst.
9. NB: De verwijzing naar Actueel moet wel worden aangepast! Nu verwijst ie naar categorie Actueel/actueel. Moet worden de sectie Actueel/Pers.
   
10. Mocht een artikel onder Actueel (Actueel/pers) niet te zien zijn dan kan dat liggen aan de volgorde. Het artikel staat dan elders in de lijst, maar niet bovenaan. Hoe los je dat op? Ga naar: Weergave sectieblog --> parameters geavanceerd --> volgorde categorie --> Kies Nee, geen volgorde
    

NB: Vreemd genoeg bij de lijst artikelen in 'Persarchief' (dus de tweede categorie) Lees meer... in plaats van Lees verder [+]. Dit zit waarschijnlijk in het template en moet worden aangepast door ICT.

Invloed naamswijzigingen op URL's
ID-nummer is leidend voor URL-verwijzing. Als je namen artikelen, secties, categorieën aanpast is het wel van belang een verwijzing te maken in het 404-artikel: bij oude verwijzingen kan het zijn dat de links niet meer werken.

Tip: Gereserveerde artikelen (slotje!) kunnen worden ontgrendeld onder tools --> Global check.

Bloggen in Joomla

Er is een download Wordpress voor Joomla ($70,-). Ziet er goed uit, maar de mogelijkheden moet uiteraard wel getest gaan worden. In de volgende sessie gaan we daar mee aan de slag. Zie ook: Interessant artikel over koppelen Wordpress en Joomla

Hoe richt ik een bibliotheek in in Joomla?
Er zijn diverse downloads voor een Joomla-bibliotheek: http://remository.com/
http://www.phoca.cz/download
http://extensions.joomla.org/

Op de testsite is Phoca geïnstalleerd:

Extensions --> Install --> Phoca download. De taal kan worden ingesteld onder Extensions --> language manager: zet Nederlands op default). De weergave moet apart worden gedownload. Nu is gekozen voor tree top. Deze boomstructuur van de bibliotheek is nu op de positie van het rechter bannermenu te zien.

Ook de zoekmodule moet apart worden gedownload. Die is geïnstalleerd en te vinden onder extensies --> pdf-indexer. De OS pdf indexer is niet gratis maar lijkt wel een goede optie. Er moet überhaupt nog worden bezien of het wenselijk is de pdf-documenten volledig doorzoekbaar te maken. Het is waarschijnlijk beter om alleen te kunnen zoeken op titel, beschrijving en metadata. Ook een download om te kunnen verwijzen naar documenten in je bibliotheek moet apart worden gedownload (link to phoca download file).

Link to Phoca Download File

phocadownload view=file|id=280
Deze link, verwijzend naar het juiste id-nummer in phoca files, moet in een artikel worden opgenomen als je wil verwijzen naar pdf-document uit Phoca-bibliotheek. Zo voorkom je dat documenten op verschillende plaatsen terecht komen.

Zie ook artikel op www.phoca.cz voor andere verwijzingsvormen in artikelen naar andersoortige onderdelen in de bibliotheek:

You can use following attributes:

• view: sections|section|category|file|fileplay|fileplaylink|filepreviewlink|youtube
• text: text (title) which will be displayed in the content article as a link
• id: id of section|category|file
• target: target of the link (b ... _blank, t ... _top, s ... _self, p ... _parent)
• playerwidth: width of the player - for playing e.g. flv files
• playerheight: height of the player
• playerheightmp3: height of the player in case MP3 file will be played
• previewwidth: widht of the popup window for previewing the file (PDF)
• previewheight: height of the popup window for previewing the file
• youtubewidth: width of the youtube player
• youtubeheight: height of the youtube player
• url: link to Youtube video ( example: phocadownload view=youtube|url=http://www.youtube.com/watch?v=ha5gaCdulak )

In parameters of this plugin you can set size of icons displayed next to link (16, 32, 64).

Werken met JOOMLA 1

Vandaag hebben we met het webteam deelgenomen aan een 'in house' Joomla-training van Eduvision. Doel: betere kennis van gebruik van CMS Joomla (we hebben inmiddels tijden terug een introductie gehad van Joomla-koning Marco Corrò). Hoe? Vooral aan de hand van de specifieke vragen die wij hebben naar aanleiding van praktijk rond onze eigen website.

Veel van de problemen waar we tegenaan lopen blijken te maken te hebben met het feit dat artikelen nu slechts op één plek gepubliceerd kunnen worden. Er zijn genoeg multicategory tools die die problemen kunnen oplossen. De problemen waar het hierbij om gaat:

• Artikelen moeten naar verschillende plekken worden gekopieerd. Niet alleen veel werk, maar ook erg onhandig als er iets aangepast moet worden. Dit geldt bijvoorbeeld voor de persberichten, die op Frontpage en onder Actueel en Archief persberichten worden geplaatst.
  > Inmiddels is op de testsite een multicategory module geïnstalleerd, te vinden onder Componenten/Multicategories/Categories. Als je die module opent dan kun je een categorie selecteren, waarvoor je onder parameters (articles) een lijst artikelen krijgt. Daarin kan een selectie worden gemaakt van de artikelen die aan de (tweede) categorie moeten worden toegevoegd. NB: multiple category zit standaard in komende versie Joomla (1.6).
• Vanuit artikelen op de Frontpage (= blogfunctie met 4 vlakken en mogelijkheid tot doorklikken naar achterliggende artikelen) wordt nu niet met een read more maar met een zelf geconstrueerde link naar het achterliggende artikel verwezen. Dit heeft consequenties als artikelen in de lijst komen, dus als het ware worden doorgeschoven in het blog tot voorbij de vier vlakken op de Frontpage.
  > Dit probleem kan worden opgelost door classes toe te kennen aan de verschillende onderdelen (intro, lead, etc.) die vertellen hoe dat onderdeel zich moet gedragen qua opmaak en positionering binnen pagina's en op de site als geheel.
  Firefox Explorer Add on is hier handig voor.
  

Componenten en menu's toewijzen aan artikelen
Onder Extensions, modulebeheer, Menutoewijzing kan worden aangegeven aan welke menu-items bepaalde componenten worden toegekend. Bijvoorbeeld te gebruiken om bij menu-item standpunten de banners niet te laten zien (NB: bodytext wordt automatisch uitgevuld). Of om het Nederlandse menu niet te laten zien bij de Engelstalige pagina's.

Content en Templates moeten goed op elkaar aansluiten. Een positie waar naar verwezen wordt moet uiteraard wel echt bestaan. De opmaak wordt in css in het template geregeld.

Toegangsniveaus
Voor artikelen en componenten kun je bepalen voor wie ze toegankelijk zijn:

• geregistreerde gebruikers (hebben wij niet)
• publiek (alles staat bij ons op publiek)
• speciaal

Hoe lees ik een URL?
Onderdelen:
- index.php [php = programmeertaal]
- option=com_content --> component = content
- &view=article
- &id=19 --> specifiek artikelnummer. NB dit is het nummer waaraan altijd gerefereerd wordt binnen Joomla, ongeacht wijziging van artikelnaam etc.
- &itemid=27 --> specifiek menu-itemnummer

In de URL zijn de gebruikte types te herkennen:

• mod = module
• com = component
• plg = plug inn

Een extensie is het resultaat van een samenspel tussen verschillende deze types.

Logische URLs

De functionaliteit logische URL is te vinden onder extensies --> JoomSEF URL manager

Lijst alle webpagina's destilleren uit Google
Zoek op: site:www.vluchtelingenwerk.nl
Resultaat is een lijst van alle pagina's van de website die google op dat moment geïndexeerd heeft.

In cache geeft weer hoe de pagina er uit zag op het moment van indexeren. De datum is daar ook te vinden.

Zoekstatistieken binnen de site
Onder Extensies vind je de zoekresultaten van alle zoekopdrachten die zijn ingevoerd in het balkje. Ga naar extensions, pluginbeheer en zoek daar plugin Search content. Onder Parameters kan Start search worden aangevinkt. Voor de testsite staan ze nu aan.

Google analytics
Tip: als je kiest voor inhoud op titel krijg je herkenbare url's

Google webmaster tools
Met de functionaliteit Crawl errors kunnen dode links worden opgespoord.

Sitemap
Joomla biedt meerdere mogelijkheden voor een Sitemap op je site.

Plugins en apps toevoegen
Onder Extensies kunnen plugins worden toegevoegd aan Joomla. We hebben dit geprobeerd voor en cloud tag plugin. Resultaat is niet echt je dat. Nu levert een klik op een van de tags alleen een automatische zoekvraag op. Hier moet nog verder mee worden geëxperimenteerd. Het is goed om te zien wat de mogelijkheden zijn en hoeveel plugins er wel niet zijn, maar het belangrijkste blijft dat je voor ogen houdt wat je nu precies wil met zo plugin.

In de modulemanager is het ook een related items plugin die veel lijkt op een tag cloud (staat nu aan op de testsite).

Firefox Plugin Firebug
Is een handige plugin om de structuur van website 'onder water' te kunnen lezen, met html-codes en al. Toevoegen aan je FF dus!