Sinds Joomla 3.1 kun je tags gebruiken in Joomla. Wat is het, hoe werkt het, wat heb je eraan? Dit is mijn presentatie voor de Nederlandse Joomladagen 2014.
Wat is nieuw in joomla 2.5 - update bij basiscursus joomla en tips en tools ...Eric Tiggeler
Wat is er nieuw in Joomla 2.5? Deze update bij de Basiscursus Joomla 1.6 en Tips en tools voor Joomla 1.6 geeft je een overzicht van alle belangrijke veranderingen.
JCE editor optimaliseren (Joomla Den Bosch 2016)Peter Martin
Presentatie + demonstratie over het optimaliseren van JCE editor voor Joomla zodat het gemakkelijker werken is. Gegeven op 4 januari 2016 in de Joomla Gebruikersgroep 's-Hertogenbosch
Sinds Joomla 3.1 kun je tags gebruiken in Joomla. Wat is het, hoe werkt het, wat heb je eraan? Dit is mijn presentatie voor de Nederlandse Joomladagen 2014.
Wat is nieuw in joomla 2.5 - update bij basiscursus joomla en tips en tools ...Eric Tiggeler
Wat is er nieuw in Joomla 2.5? Deze update bij de Basiscursus Joomla 1.6 en Tips en tools voor Joomla 1.6 geeft je een overzicht van alle belangrijke veranderingen.
JCE editor optimaliseren (Joomla Den Bosch 2016)Peter Martin
Presentatie + demonstratie over het optimaliseren van JCE editor voor Joomla zodat het gemakkelijker werken is. Gegeven op 4 januari 2016 in de Joomla Gebruikersgroep 's-Hertogenbosch
Workshop: Aan de slag met WordPress - Deel 3IDG Nederland
Met WordPress (een content management systeem, cms) kun je blogs en websites maken. In het eerste deel van deze workshop-reeks beschreven we wat je nodig hebt en hoe het installatieproces verloopt. In het tweede deel maakten we gebruikers, schreven we berichten en pasten we de vormgeving en functionaliteit van de website aan. In dit derde en laatste deel duiken we dieper in het Dashboard, leer je hoe je reacties moet beheren en laten we je zien hoe je aangepaste menu’s maakt. Ook vertellen we hoe je een reservekopie van de website maakt.
Workshop: Aan de slag met WordPress - Deel 2IDG Nederland
Met WordPress (een content management systeem, cms) kan je blogs en websites maken. In het eerste deel van deze workshop-reeks beschreven we wat je nodig hebt en hoe het installatieproces verloopt. Nu we WordPress op geïnstalleerd hebben gaan we verder met het aanmaken van gebruikers en het schrijven van berichten en pagina’s. Ook laten we zien hoe je de vormgeving en functionaliteit van de site aanpast.
Een handige, stap-voor-stap handleiding waarmee je zelf een weblog of website kunt bouwen met behulp van Wordpress.
Als je deze cursus handig vindt, deel hem met anderen.
Als je vragen hebt, stel ze aan mij via www.jwalphenaar.nl
Tags in joomla 3.1 [Reloaded] - Presentatie voor Joomla HeerenveenEric Tiggeler
Nieuw sinds Joomla 3.1: tags. In deze presentatie een uitgebreide verkenning van de mogelijkheden. Deze 'reloaded' versie gaat dieper in op de praktische toepassing.
Essentiële ‘theme’ vaardigheden voor het aanpassen van de look&feel van een Magento webshop
Duur: 16 uur
Doelgroep: Deze cursus is geschikt voor front-end ontwikkelaars welke de Magento look&feel aanpassen. Studenten dienen ervaring te hebben met het aanpassen van complexe websites.
Vereisten: Studenten moeten een goede kennis hebben van HTML&CSS. Studenten dienen ervaring the hebben met het rechtstreeks in de code aanpassen van HTML & CSS zonder WYSIWYG editor. Ervaring met FTP is een vereiste. Enige ervaring met PHTML en PHP is handig, maar niet vereist. Daarnaast dient de student al enige ervaring the hebben met de Magento functionaliteiten.
Materialen: Elke student dient zelf een laptop mee te brengen met daarop een tekst editor en een FTP client. Een Magento 1.7 versie zal voor oefeningen beschikbaar worden gesteld op het internet.
Doel
Deze cursus geeft een goede introductie tot het Magento template systeem en het toepassen de beste manier om aanpassing te realiseren. De cursus geeft voorbeelden en hands-on oefeningen. Studenten zullen de fundamenten van Magento templating systeem begrijpen en weten hoe de thema’s werken en hoe de componenten zoals lay-outs, page templates en block templates aangepast kunnen worden.
Cursus overzicht
Magento template systeem – architectuur en componenten, uitleg over de werking en structuur van het template systeem, de componenten en hoe deze samenwerken
Werken met thema’s – Leer hoe een thema toegepast wordt, inclusief de directory structuur, ‘fallback’ methode en website bereik.
‘best practice’ theme aanpassingen – Leer wat wel en niet aangepast kan worden op thema niveau, incl. het aanpassen wat zonder thema aanpassingen. Leer een goede manier om de website aan te passen.
Werken met Pagina templates, lay-outs en block templates – Begrijp het doel, structuur en relatie van alle componenten van het Magento template systeem. Leer op welk niveau de templates het best aangepast kunnen worden.
Maak een eigen ‘Default’ Theme – Leer hoe je zelf een ‘design package’ aanmaakt als startpunt voor het verdere ontwerp.
Maak een module met aangepaste theme componenten - leer hoe je een aangepaste module met aangepaste lay-out kunt gebruiken in Magento.
De webshop look&feel en functionaliteit aan te passen
Nieuwe thema’s op een goede manier aan te maken, zodat updates later mogelijk zijn.
Na deze cursus zijn de studenten in staat:
De webshop look&feel en functionaliteit aan te passen
Nieuwe thema’s op een goede manier aan te maken, zodat updates later mogelijk zijn.
JD19NL - Joomla Template Overrides, Alternate Layouts en JLayoutsHans Kuijpers
Waarom een 3rd party extensie gebruiken als Joomla core de benodigde content al bevat? Een kalender, slideshow, carrousel en smoelenboek. Allemaal met Joomla, zonder uitbreiding van 3th party extensies.
Met deze workshop legt Hans Kuijpers aan de hand van vele voorbeelden uit hoe je template overrides en jLayouts toepast. Als deelnemer ga je ook zelf aan de slag. Dus neem je laptop mee en zorg ervoor dat je met een Joomla website aan de slag kunt. We gaan dingen stuk maken, dus pak niet de website die nu live staat. Voorkennis van PHP, HTML, JS en CSS is wel handig. Een dosis Gezond BoerenVerstand is nog veel belangrijker.
Deze workshop was op vrijdag 17 mei 2019 tijdens de Nederlandse JoomlaDagen. #jd19nl
Workshop: Aan de slag met WordPress - Deel 3IDG Nederland
Met WordPress (een content management systeem, cms) kun je blogs en websites maken. In het eerste deel van deze workshop-reeks beschreven we wat je nodig hebt en hoe het installatieproces verloopt. In het tweede deel maakten we gebruikers, schreven we berichten en pasten we de vormgeving en functionaliteit van de website aan. In dit derde en laatste deel duiken we dieper in het Dashboard, leer je hoe je reacties moet beheren en laten we je zien hoe je aangepaste menu’s maakt. Ook vertellen we hoe je een reservekopie van de website maakt.
Workshop: Aan de slag met WordPress - Deel 2IDG Nederland
Met WordPress (een content management systeem, cms) kan je blogs en websites maken. In het eerste deel van deze workshop-reeks beschreven we wat je nodig hebt en hoe het installatieproces verloopt. Nu we WordPress op geïnstalleerd hebben gaan we verder met het aanmaken van gebruikers en het schrijven van berichten en pagina’s. Ook laten we zien hoe je de vormgeving en functionaliteit van de site aanpast.
Een handige, stap-voor-stap handleiding waarmee je zelf een weblog of website kunt bouwen met behulp van Wordpress.
Als je deze cursus handig vindt, deel hem met anderen.
Als je vragen hebt, stel ze aan mij via www.jwalphenaar.nl
Tags in joomla 3.1 [Reloaded] - Presentatie voor Joomla HeerenveenEric Tiggeler
Nieuw sinds Joomla 3.1: tags. In deze presentatie een uitgebreide verkenning van de mogelijkheden. Deze 'reloaded' versie gaat dieper in op de praktische toepassing.
Essentiële ‘theme’ vaardigheden voor het aanpassen van de look&feel van een Magento webshop
Duur: 16 uur
Doelgroep: Deze cursus is geschikt voor front-end ontwikkelaars welke de Magento look&feel aanpassen. Studenten dienen ervaring te hebben met het aanpassen van complexe websites.
Vereisten: Studenten moeten een goede kennis hebben van HTML&CSS. Studenten dienen ervaring the hebben met het rechtstreeks in de code aanpassen van HTML & CSS zonder WYSIWYG editor. Ervaring met FTP is een vereiste. Enige ervaring met PHTML en PHP is handig, maar niet vereist. Daarnaast dient de student al enige ervaring the hebben met de Magento functionaliteiten.
Materialen: Elke student dient zelf een laptop mee te brengen met daarop een tekst editor en een FTP client. Een Magento 1.7 versie zal voor oefeningen beschikbaar worden gesteld op het internet.
Doel
Deze cursus geeft een goede introductie tot het Magento template systeem en het toepassen de beste manier om aanpassing te realiseren. De cursus geeft voorbeelden en hands-on oefeningen. Studenten zullen de fundamenten van Magento templating systeem begrijpen en weten hoe de thema’s werken en hoe de componenten zoals lay-outs, page templates en block templates aangepast kunnen worden.
Cursus overzicht
Magento template systeem – architectuur en componenten, uitleg over de werking en structuur van het template systeem, de componenten en hoe deze samenwerken
Werken met thema’s – Leer hoe een thema toegepast wordt, inclusief de directory structuur, ‘fallback’ methode en website bereik.
‘best practice’ theme aanpassingen – Leer wat wel en niet aangepast kan worden op thema niveau, incl. het aanpassen wat zonder thema aanpassingen. Leer een goede manier om de website aan te passen.
Werken met Pagina templates, lay-outs en block templates – Begrijp het doel, structuur en relatie van alle componenten van het Magento template systeem. Leer op welk niveau de templates het best aangepast kunnen worden.
Maak een eigen ‘Default’ Theme – Leer hoe je zelf een ‘design package’ aanmaakt als startpunt voor het verdere ontwerp.
Maak een module met aangepaste theme componenten - leer hoe je een aangepaste module met aangepaste lay-out kunt gebruiken in Magento.
De webshop look&feel en functionaliteit aan te passen
Nieuwe thema’s op een goede manier aan te maken, zodat updates later mogelijk zijn.
Na deze cursus zijn de studenten in staat:
De webshop look&feel en functionaliteit aan te passen
Nieuwe thema’s op een goede manier aan te maken, zodat updates later mogelijk zijn.
JD19NL - Joomla Template Overrides, Alternate Layouts en JLayoutsHans Kuijpers
Waarom een 3rd party extensie gebruiken als Joomla core de benodigde content al bevat? Een kalender, slideshow, carrousel en smoelenboek. Allemaal met Joomla, zonder uitbreiding van 3th party extensies.
Met deze workshop legt Hans Kuijpers aan de hand van vele voorbeelden uit hoe je template overrides en jLayouts toepast. Als deelnemer ga je ook zelf aan de slag. Dus neem je laptop mee en zorg ervoor dat je met een Joomla website aan de slag kunt. We gaan dingen stuk maken, dus pak niet de website die nu live staat. Voorkennis van PHP, HTML, JS en CSS is wel handig. Een dosis Gezond BoerenVerstand is nog veel belangrijker.
Deze workshop was op vrijdag 17 mei 2019 tijdens de Nederlandse JoomlaDagen. #jd19nl
5. 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
7. CMS (Content Managment System):
website die volledige klaar is en
aanpasbaar
Ander bekend voorbeeld: DRUPAL
PHP en MySQL maar geen kennis nodig
Volledig gratis
Wat is Joomla?
9. Offline werken: Je ontwerpt je website
lokaal en publiceert achteraf de bestanden
naar webruimte
Harde schijf (Wampserver nodig op je PC
vermits Joomla ontwikkeld is met PHP en een
MySQL-database)
http://www.wampserver.com
Alle bestanden worden aangemaakt en
geïnstalleerd in de map c:wampwwwjoomla
http://www.zelfstudie.be (Joomla 1)
Mogelijkheden
11. Webruimte
PHP ondersteunen
MySQL-database aanbieden
Instellingen op de php-database
ondersteunen
Voorbeelden:
One.com
Webreus.nl
http://www.1freehosting.com/
000webhost.com (volledig gratis met cPanel om
databases, subdomeinen,… aan te maken)
Benodigdheden
16. FTP-cliënt
Kopieert 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
18. Alle gebruikers eigen database en
subdomein:
Gebruiker 1: http://joomla01.classy.be
Gebruiker 2: http://joomla02.classy.be
Alle gebruikers dezelfde database en
hetzelfde subdomein
Twee installatieopties
19. Frontend
Dit is wat de gebruiker te zien krijgt: de
website
Surf naar: http://joomlaxx.classy.be
Backend
Beheerder van de website
Wijzigingen aanbrengen aan de frontend
Surf naar
http://joomlaxx.classy.be/administrator
Login: admin
Paswoord: joomla
Joomla configureren
22. 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
23. 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 Menu
Zo kan je meerdere artikelen op één pagina
tonen
Nut van categorieën
24. of
Maak 4 categorieën aan:
Districten
Startpagina
Bezienswaardigheden
Algemeen
Categorieën
25. 2 artikelen aanmaken die op voorpagina
zullen verschijnen: “Dag1” en “Dag 2”
(http://www.lipsum.com)
Artikelenbeheer
of
Opbouw Joomla
28. In het menu “Main Menu”
Menu-item (knop) Home
Klik op Home
Type wijzigen
Ik wil enkel de artikelen tonen op de homepagina
die in de categorie Startpagina staan
Home aanpassen (menu-item)
39. Maak het menu-item “Districten” en als
submenu-items “Uptown” en “Downtown”
Koppel ze alle drie aan het artikel “Leeg”
Door te klikken op Uptown opent zich een
nieuw MENU aan de linkerzijde
Door te klikken op Downtown opent zich
een nieuw MENU aan de linkerzijde
Menu-items en Menu’s
40. Begrip Modules
Alles wat geen inhoud krijgt is een module
Een module plaats je op een bepaalde positie
van je website
Welke posities zijn er in je website?
Extensies- Templatebeheer
Opties
Posities kan je bekijken via Frontend door na
de URL “index.php?tp=1” te typen.
Een eigen menu ontwerpen
42. Linkse positie - position-8
Stap 1: Nieuw Menu maken
Menu-item “Bronx” maken in menu “Uptown”
Module
43. Stap 2: nieuwe module maken om menu
‘Uptown” een positie te kunnen geven
Extensies-Modulebeheer
Kies Nieuw
Module
44. Stap 3: Module ‘‘Uptown” koppelen aan
menu “Uptown”
Gegevens
Basis-opties
Module Menu
45. Bekijk je website: Wat stel je vast?
Uptown wordt altijd getoond
Hoe oplossen?
Extensies – Modulebeheer – Uptown
Module is toegewezen op alle pagina’s
Module Menu
47. Maak Downtown
Door 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
50. Voorbeeld: Toon titel
Open Artikelbeheer
Kies Opties
Deze instellingen gelden voor alle artikelen
(algemene instellingen)
Waaren hoe instellen?
51. Titel staat op “Tonen”
Gebruik Algemeen = Tonen
Waaren hoe instellen?
52. Algemene instellingen (Opties)
Afwijken door individueel het artikel in te
stellen
Maar instellingen bij menu-item heeft
ALTIJD voorrang
Open Menu-item
Kies: Geavanceerde opties
Kies Artikel opties
Volgorde
53. Artikel Bronx: Toon titel
Algemene opties: Verberg titel
Resultaat: Toon titel
Menu-item Bronx :
Artikeloptie: Gebruik algemeen
Resultaat: Verberg titel
Voorbeeld
54. Dia 31
Eerste artikel over ganse pagina verdeeld
Vanaf tweede artikel in 2 kolommen
Algemene opties (artikelbeheer)
Idemblogweergave (speciale
artikelen)
56. Algemene wijzigingen
Kies Extensies-Templatebeheer
Je krijgt een aantal templates te zien: Protostar is
standaard voor WEBSITE en Isis voor
ADMINISTRATIEPANEEL
Klik op de templatenaam
Via opties kan je een aantal wijzigingen
doorvoeren
Templates
58. Kiezen voor een andere template
Kies 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.htm
http://www.joomla24.com/
Templates
64. Nieuwe template – Andere posities
Alle modules terug een positie toekennen
Voorbeeldweergave = inschakelen
Index.php?tp=1 om de posities zichtbaar te maken
Template
68. Kies Componenten-extplorer
Alternatief: filezilla of
Open ALTIJD de map Templates en
vervolgens Sitegroundj16-47
Belangrijke mappen/bestanden:
Map Images
Map CSS (opmaak)
Index.php
Templates.php
Extplorer(bestandsbeheer)
69. Map Images
Header.png (Bekijk )
Altijd bestand hernoemen vooraleer te wijzigen
(header1.png): RMK – hernoemen
Download het bestand
Afbeeldingen template
70. Open het bestand header1.png met
bijvoorbeeld Paint
Kies Formaat wijzigen
Klik op pixels
Maak een nieuwe header
van 960x280 px
Kies een afbeelding van
internet, open deze in Paint, Fireworks,
Photoshop,Gimp,…
Bewerk de foto (juiste grootte, tekst)
Sla op als header.png
Afbeeldingen template
72. Uw Joomlaomgeving = naam van website
Je kan titel wijzigen maar niet leeg laten
Het is geen afbeelding, dus niet in de map
images
Blijft over index.php
Hoofding aanpassen
73. Veilige procedure:
Hernoem index.php naar index1.php
Download index1.php
Bewerk index1.php en sla op als index.php
Upload
Gevaarlijke procedure:
RMK index.php – Bewerken
Zoek naar header
Verwijder alles tussen <header>…</header>
Hoofding aanpassen
74. Open map images – bekijk bckgr.png
Achtergronden worden meestal aangesproken
in de css (opmaak)
Open de map CSS en bekijk template.css
Achtergrond wijzigen
75. Verschillende mogelijkheden:
Eigen achtergrondafbeelding maken (zoals
header) en opslaan als bckrg.png
Andere naam geven maar dan moet je dit ook
veranderen in de css
Achtergrondafbeelding gewoon verwijderen. CSS
verwijst wel naar die afbeelding maar als deze niet
gevonden wordt, wordt er niets getoond.
Verwijder bckgr.png
Bekijk website
Achtergrond wijzigen
77. Opbouw bestuderen:
Sitename
Tekst: Powered by
Hyperlink tekst Joomla
Hyperlink tekst Hosting for Joomla by Siteground
Meestal in index.php
Zoek naar footer en daar vind je dan de volledige
inhoud van voettekst
Hier vinden we daar niets over in index.php
Open templates.php
Voetnoot wijzigen
78. Eerste regel verwijst naar sitename – powered
by – link op Joomla (ahref)
Verwijder de volledige regel
Verwijder de a href in laatste regel
Vervang Hosting for Joomla… door gemaakt
door Bruno
Voetnoot wijzigen
79. Joomla breid je uit aan de hand van extensies
Er bestaan enorm vele en zinvolle
uitbreidingen: http://extensions.joomla.org
Niet iedere extensie is geschikt vooriedere
versie
Joomla 3 is pas uit, dus heel veel extensies
werken nog niet voor deze versie
Joomla uitbreiden
80. Plugins
Gebruik: in een artikel
Moet meestal nog geactiveerd worden na
installatie
Toepassing: Filmpje van New York integreren in
een artikel.
AllVideos
Module
Op 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?
81. Component
Gebruik: 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?
83. Open Artikel Dag 2:
Oplossing:
Open Component JCE
JCE-editorinstalleren?
84. Open Artikel Dag 2
Selecteer tekst “Central Park”
Insert Link
Open Content
…
Links leggen in artikel naar
anderartikel
85. Installeer Component Event Gallery
Open de component na installatie
Maak een event (fotoboek) aan
Laad foto’s op
Foto-album
86. Installeer de plugin AllVideos
Maak een artikel Youtube
Koppel een menu-item Video aan dit artikel
Open het artikel
Plugin werkt altijd op dezelfde manier:
{code} tekst {/code}
Hier: {youtube} ID {/youtube}
ID haal je uit filmpje van youtube door te delen:
c2QEYvidqW8
Plugin
87. Nut?
Server crasht
Een foute component geïnstalleerd waardoor
website niet meer werkt
Een nieuwe domeinruimte voor website met
nieuwe database-gebruiker-…
Backup
88. Vanaf versie 3 reeds voorzien
Ga naar configuratie en zorg dat backup als
zip ipv jpa gemaakt wordt
Maak Backup
Dowload 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