Start vandaag met het maken van eigen Joomla modules!
Wat zijn modules, en hoe kan een zelfgemaakte module het beheer van Joomla versimpelen? We leggen de basis uit van PHP, MySQL en XML en laten zien hoe je eenvoudig zelf een module maakt.
Deze presentatie is gegeven bij de Joomladagen 2016 en verschillende lokale Joomla User Groups.
De nieuwe media flow in WordPress en hoe verderMarko Heijnen
Presentatie tijdens de WordPress meetup in Enschede wat over de nieuwe media flow in WordPress 3.5 gaat. Wat zijn de veranderingen aan de buitenkant maar nog veel belangrijker aan de binnenkant. Tevens een klein inzicht in wat mogelijk gaat komen.
Presentattie Joomladagen 2015:
Net als bij welk CMS dan ook laden Joomla sites soms traag. Echter, ook als je site al wel redelijk snel laadt kan de laadtijd nog steeds drastisch versneld worden. je zult er versteld van staan hoe makkelijk je veel winst kan behalen. De winst valt op en aantal punten te behalen:
Zoek een goede host en optimaliseer deze omgeving
Optimaliseer Joomla
Simpele regels in .htaccess
Beperk je in extensies / externe bronnen
Optimaliseer CSS en Javascript
Gebruik optimalisatie plugins
Optimaliseer plaatjes
Optimaliseer voor mobiele devices
http://joomlaseo.com/Blog/talking-at-the-dutch-joomladagen-2015
Maak je eigen template en weet daardoor precies wat voor toeters en bellen erin zitten. Er zijn genoeg projecten waarbij het aanbieden van een standaard template of aangekocht template niet meer voldoende is, maar waarbij je aan de slag mag met een aangeleverd design.
In deze presentatie deelt Hans Kuijpers een aantal best practices die hij zelf ook toepast bij het maken van Joomla! templates. Met een paar praktijkvoorbeelden en tips, zodat je direct zelf aan de slag kunt gaan met de nieuwe template van je eigen website.
Start vandaag met het maken van eigen Joomla modules!
Wat zijn modules, en hoe kan een zelfgemaakte module het beheer van Joomla versimpelen? We leggen de basis uit van PHP, MySQL en XML en laten zien hoe je eenvoudig zelf een module maakt.
Deze presentatie is gegeven bij de Joomladagen 2016 en verschillende lokale Joomla User Groups.
De nieuwe media flow in WordPress en hoe verderMarko Heijnen
Presentatie tijdens de WordPress meetup in Enschede wat over de nieuwe media flow in WordPress 3.5 gaat. Wat zijn de veranderingen aan de buitenkant maar nog veel belangrijker aan de binnenkant. Tevens een klein inzicht in wat mogelijk gaat komen.
Presentattie Joomladagen 2015:
Net als bij welk CMS dan ook laden Joomla sites soms traag. Echter, ook als je site al wel redelijk snel laadt kan de laadtijd nog steeds drastisch versneld worden. je zult er versteld van staan hoe makkelijk je veel winst kan behalen. De winst valt op en aantal punten te behalen:
Zoek een goede host en optimaliseer deze omgeving
Optimaliseer Joomla
Simpele regels in .htaccess
Beperk je in extensies / externe bronnen
Optimaliseer CSS en Javascript
Gebruik optimalisatie plugins
Optimaliseer plaatjes
Optimaliseer voor mobiele devices
http://joomlaseo.com/Blog/talking-at-the-dutch-joomladagen-2015
Maak je eigen template en weet daardoor precies wat voor toeters en bellen erin zitten. Er zijn genoeg projecten waarbij het aanbieden van een standaard template of aangekocht template niet meer voldoende is, maar waarbij je aan de slag mag met een aangeleverd design.
In deze presentatie deelt Hans Kuijpers een aantal best practices die hij zelf ook toepast bij het maken van Joomla! templates. Met een paar praktijkvoorbeelden en tips, zodat je direct zelf aan de slag kunt gaan met de nieuwe template van je eigen website.
Op donderdag 7 november gaf SIR Communicatiemanagement uit Enschede in samenwerking met Erik Hartman een kennissessie over Contentstrategie. Na een theoriedeel werd er in groepjes aan de hand van de case gewerkt aan het ontwikkelen van een contentstrategie.
Een presentatie is ter ondersteuning van een gastcollege dat ik geef aan het Cibap (vakschool voor de verbeelding) te Zwolle. Naast mijn beknopte visie op e-commerce wordt ook een stuk techniek behandeld dat nodig is om zelf een webshop op te zetten.
In dit document vind je een voorstel voor een Workshop Contentstrategie. In 7 stappen begeleid ik je naar een volledige contentstrategie. De workshops worden op maat gemaakt, en je kunt kiezen uit een light, medium of heavy variant.
Meer weten? Neem contact op: berber@bureauberber.nl
Presentatie bij de training HTML5 die plaatsvond na afloop van de sessie Mico...SLBdiensten
Workshop HTML5 /CSS3 werd aangeboden na afloop van de sessie over technische Microsoft certificering (MTA). Deze sessie vond 17 november 2014 plaats bij APS IT-diensten. Tjdens de training was er aandacht voor het waarom van HTML5, de geschiedenis, de toekomst, technieken. Ook veel aandacht voor CSS3.
Relationeel - database gebruik voor effectieve web communicatie in WordPressPeter Luit
WordPress is zonder twijfel het meest gebruikte web content management systeem ter wereld. Toch bevatten de meeste WordPress gebaseerde websites 'slechts' statische pagina's, zonder samenhang tussen verschillende soorten inhoud.
Met dit voorbeeld doorbreken we die grens en tonen we een aansprekend voorbeeld, waarbij cases, product en teamleden op een meer affectieve wijze aan de doelgroep(en) worden gecommuniceerd.
Geld verdienen met social media: een kritische kijk op hetgeen gaande is....Peter Luit
Geld verdienen met social media lijkt als hype grotere dan de ontwikkelingen rondom social media zelf. Zijn de ontwikkelingen al zover dat concrete stappen tot bewijsbare resultaten leiden? Deze presentatie laat u het huidige landschap zien.
Hoe zit WordPress in elkaar, eenvoudige uitkeg van de basis van de WordPress architectuur tot en met hooks (actions, filters), parent- en child themes, CSS en plugins.
BRIDGING PRINT&DIGITAL neemt u mee in het landschap van brievenbusreclame met een knipoog naar nieuwe digitale kanalen, waaronder social media en mobiel. De presentatie is een samenvatting van het tijdens het congres 'Nationale dag van de brievenbusreclame' verschenen boekje. Het congres werd op 26 mei 2011 gehouden in Haarlem.
Peter Luit
Online usability - les 1 introductie WordPress - structuur en content
1. Starten met een eigen WordPress website
versie 3.0 - maart 2016
door @peterluit
1
2. Voor wie bedoeld
• eerste kennismaking met het zelf ‘bouwen’ van een WordPress weblog/
website
• in aanvang (!) geen of (zeer) beperkte technische kennis van
PHP, SQL, HTML, CSS
• nieuwsgierig naar de mogelijkheden en graag (zelf) willen experimenteren
• aanbevolen: beetje gevoel voor ‘look & feel’
• geen paniekgevoel krijgen als het niet meteen lukt..... ;-)
• in deze training hier en daar een (*)…..
2
3. Programma omvat 3 delen, globale inhoud
• deel 1: introductie, content (de basis)
• deel 2: vervolg content en menu’s
• deel 3: thema’s, widgets en plugins
3
5. Wat doen we vanmiddag doen?
• wat is WordPress en wat voor typen websites kan je ermee maken?
• voorbeelden
• hoe installeer ik zelf WordPress?
• wat is het dashboard?
• wat is er allemaal in te stellen?
• wat zijn thema’s?
• onze eigen werkomgeving
• huiswerk
5
6. Wat is WordPress?
• volledig opensource
• wereldwijd enorme grote (on-line) ontwikkelaars- en gebruikers communities
• ca. 25% alle websites wereldwijd ‘draaien op’ WordPress
• grote hoeveelheden plugins
• grote hoeveelheden vormgevings thema’s
• in basis/aanvang redelijk makkelijk te leren (geen complexe leercurve)
6
7. Een paar WordPress toepassingen
• eenvoudige weblog (zo begon WordPress)
• volledige nieuwswebsites (met redactie systeem)
• webshops (bekijken, kopen, afrekenen)
• leden websites/communities (met inloggen leden)
• vraag en antwoord (forum)
• etc. etc.
7
10. Principe van de WordPress installatie
• download de .zip file vanaf http://nl.wordpress.org en pak deze uit
• zorg voor een hostingpakket bij een provider welke SQL en PHP ondersteunt
(resp. de database en de programmeertaal waarop WordPress is gebaseerd)
• plaats alle WordPress files in de toegewezen map via FTP
• maak een database en een gebruikersnaam aan
• start de installatie met http://www.xxxxxx.nl/
• log in met http://www.xxxxxx.nl/wp-admin
10
12. Inhoud: pagina’s en berichten - de verschillen
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla
pagina’s:
bestemd voor ‘statische’ informatie
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla
12
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla
wie zijn wij contactwat doen wij onze…..menu:
kijk maar eens op https://www.luit.nl
13. Berichten in volgorde van tijd (weblog):
nieuwste
oudste
tijdlijnberichten
bestemd voor ‘dynamische’ informatie
- onder elkaar
vandaag: bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla (lees verder…)
gisteren: bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla (lees verder…)
eergisteren: bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla (lees verder…)
vrijdag: bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla (lees verder…)
13
menu: nieuws (bij regelmatig nieuws, vaak de homepage)
kijk maar eens op http://www.printmedianieuws.nl
14. Pagina’s en berichten beiden in WordPress
WordPress kent beide typen ‘inhoud’
dus ‘pagina’s’ en ‘berichten’
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla
14
15. ‘custom post types’ (*)
15
• WordPress als volwaardig CMS, voor bijvoorbeeld:
• evenementen - datum, lokatie, tijstip etc.
• webshop (artikelen) - prijs, omschrijving, soort, voorraad etc.
• foto album - fotograaf, resolutie, merk camera, diafragma etc.
• bedrijvenlijst - naam, adres, plaats, website etc.
• portfolio - klant, omschrijving, accountmanager
• etc. etc.
16. WordPress - menustructuur: toegang tot inhoud
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla
1 2 3
2a
2b
16
17. WordPress - thema, vormgeving, sidebars, menu
*
*
(body)
inhoud:
bericht(en)
of pagina
1 2 3
2a
2b
*
*
*
*
*
* mogelijkheden
afhankelijk per thema
17
18. WordPress - widgets: inhoud van sidebars
....
....
1 2 3
2a
2b
- widgets zijn afzonderlijke stukjes in sidebars
- een widget kan de resultaten weergeven van
bijvoorbeeld een plugin, maar kan ook stukje tekst zijn
(body)
inhoud:
bericht(en)
of pagina
18
19. WordPress - header/footer (boven- en onderzijde)
1 2 3
2a
2b
header en footer grootte/positie
(body)
inhoud:
bericht(en)
of pagina
19
20. (body)
inhoud:
bericht(en)
of pagina
WordPress - plug-ins (extra functies)
wordpress kern
plugin
plugin
plugin
plugin
1 2 3
2a
2b
toegevoegde functies, bijvoorbeeld
contactformulier, social media icons,
activiteiten overzicht…..
plugin
20
36. Plugins kunnen zorgen voor meer blokken op het dashboard
Oefening: het ‘dashboard’ (met extra modules)
36
plaats van
blokken zelf in te
delen: ga in de
kop van een
blok staan, klik
aan en schuif….
37. De linker kolom kan na installatie van plugin en/of thema’s
Oefening: het ‘dashboard’ - de functies
37
basis functies
na installatie diverse
plugins en/of thema’s
38. WordPress instellingen
38
• Onder ‘instellingen’ staan de belangrijkste basiswaarden voor de werking van
je website
• algemeen (naam, datum- en tijd instellingen)
• schrijven (standaard categorie voor berichten) (*)
• lezen (functie en indeling voorpagina etc.)
• reacties (wie mag wat en wanneer)
• media (grootte instellingen)
• permalinks (belangrijk, instelling URL’s artikelen/pagina’s)
40. Begin eenvoudig: leer eerst de structuur
40
• Vorm en inhoud kunnen onafhankelijk van elkaar bewerkt worden
• Een ander thema kan dus altijd later worden gekozen en worden gebruikt,
terwijl inhoud blijft behouden
• Het gaat echter eerst om de structuur van de website aan de hand van de
primaire doelstelling(en):
• dus contentbeleid
• navigatiestructuur
• uitbreidingen
41. Oefening: bezoek één van deze sites
41
• Betaalde themes (meer support, meer updates, vaak beter geschreven,
over het algemeen tussen de 40 en 80 euro)
• http://www.themeforest.com
• http://www.elegantthemes.com
• http://www.woothemes.com
• http://www.wordpress.org/themes (hier al meer dan 2000 - gratis)
42. Zelf themes maken (*)
42
• Vraagt (redelijk veel) kennis van PHP, SQL, CSS en HTML
• PHP - programmeertaal die HTML genereert
• SQL - database
• CSS - vorm, kleur, typografie
• HTML - opmaak
43. Parent- en childthemes (*)
43
• Een Parent Theme bevat de basis
• Een Child Theme bevat alléén jouw aanpassingen
• voordeel: makkelijker updaten van een Parent Theme, terwijl jouw
instellingen bewaard blijven
• te maken met bijvoorbeeld Genesis Framework
• http://www.studiopress.com
49. Berichten maken, welke elementen
• titel (en permalink)
• de inleiding van je verhaal
• waar is het blok ‘samenvatting’ voor bedoeld?
• categorieën en tags (bij berichten)
• notatie (meta data)
• de uitgelichte afbeelding
• de tekstverwerking
• media toevoegen
• reacties/trackbacks toestaan
• revisies
• publiceren 49
50. Pagina’s en keuzes voor de homepage
• herhaling verschillen tussen berichten en pagina’s
• je eerste pagina maken
• je homepage instellen (zie ‘Instellingen’ - ‘Lezen’)
50
57. • selecteer een woord of meerdere woorden in de tekst als bron voor de link
• selecteer het kettingsymbool
• het scherm ‘Link toevoegen/bewerken’ verschijnt
Het maken van een in- of externe link
57
61. Huiswerk: maak een paar berichten
5. Bestudeer de inleiding ‘Toelichting bij eerste huiswerkopdracht’ en ga
vervolgens aan de slag.
- We doen in deze oefening nog niets met vormgeving en menu’s
61