SlideShare a Scribd company logo
1 of 31
Download to read offline
#jd16nl
De Joomla! backendvereenvoudigen
Door: RickSpaan | @RickR2H| rick@r2h.nl
Complexe websites eenvoudig(er) beheren
…voor jezelf & voor je klanten
1
#jd16nl
Over mij…
 Ontwikkelingtemplates & extensies
 Websites enwebshops
 Joomla! trainingen
 Contributor aan het Joomla! project
 Pizza Bugs &Fun
 Binnenkortis R2H ook JLP(Joomla! Learning Partner)
2
#jd16nl
Mijn verhaal alsweb developer…
 Weet de klantzelf wel wat hij wil en waarom?
 Hoe groot is de ambitie enwat is de haalbaarheid?
 Wat heeft deklant echt nodig aan functionaliteiten /tools?
 Wie gaat desite beherenen wat is
het kennisniveau vandeze persoon?
“Simpel is niet eenvoudig”
3
#jd16nl
Dit is wat we regelmatig horen…
“O ja, ik heb geen ervaring met
computers, maar ik wil wel alles
eenvoudig kunnen bijhouden”
“Ik wil een simpele site
net zoiets als BOL.com”
“Ik ben aankomende periode
even druk, maar zo gauw ik
tijd heb, ga ik er voor zitten”
“Zo moeilijk kan het niet zijn,
ik heb ook met
Wordpress gewerkt”
4
Wie vult mij aan…?
#jd16nl
Keepit simple…
5
 Gebruiknietmeerfunctionaliteiten dan noodzakelijken
“stickto the core”
 Maak hetniet moeilijkerdan hetis. Metoverrideskan heelveel.
 Maak eenstappenplan metuitbereidingenzodat het leerprocesgeleidelijkverloopt
#jd16nl
Hopelijk kunnenwe dit voorkomen…
6
#jd16nl
Handige tips voor eenvoudiger beheer…
Consistentie in design en layout
 Custom fields of CCK (Content Construction Kit)
 Content templates
 Images
Tips&Trucs
 Rechten van Administrators beperken
 Note field bij demodules slim inzetten
 Stylinginzetten als markerbij componenten
 Language overrides gebruiken
 Tooltip verder uitbreiden meteigen commentaar
 Adminmenu optimaliseren
 Custom support linkonder Help menu
 New article link uitschakelen
 Instructiesin de backend
 Help module
 Custom HTML module metlinks enomschrijving
7
#jd16nl
Gebruik maken van een CCK
Voorbeelden van CCK’s(om zelf de indeling van Artikelen te bouwen):
 Form2Content
 K2
 Seblod
 Custom fields plugin (DPFields Joomla!3.6) of eigen plugin
https://github.com/RickR2H/plg_customfields
Voordelen:
 Vaak via de frontend tebeheren
 Zorgenvoor een consistente opmaak op dewebsite
Nadelen:
 Kosten (veel) tijd om te implementeren
 Achteraf‘even snel’ wijzigen is lastig.
Wijzigingen hebben effect op bestaande artikelen
8
#jd16nl
Content templates
Voorbeelden van extensies die dit kunnen:
 NoNumberContent Templates
 JCETemplateManager
 TinyMCEtemplates (Alleen in)
Voordelen:
 Snel aan tepassen
 Nietcomplex om temaken
Nadelen:
 Kansnel tot fouten leiden omdat het in deeditor staat ennietalle markupzichtbaar
is.
9
#jd16nl
TinyMCE templates
<div class="myclass">
<h3>Your custom title</h3>
<div class="inner_myclass">
<p>Just replace this text</p>
</div>
</div>
media/editors/tinymce/templates/mysnippet.html
10
#jd16nl
TinyMCE templates
11
#jd16nl
Image uploader plugin
Voordelen:
 Afbeeldingen worden verkleind naarmaximumbreedte
 Thumbnailsworden automatisch gemaakt
 Zorgt voor eenconsistent afbeeldinggebruik
 Thumbnailsladen sneller dan grote afbeeldingen
Nadelen:
 Kanvervuiling opleveren
Hopelijk inJoomla! 3.6 de nieuwemedia manageraanwezig.
Image uploader plugin (Werkt alleen met TinyMCE)
https://github.com/RickR2H/plg_imguploader
12
#jd16nl
Image uploader plugin
13
#jd16nl
Backend interface
Zo maak je de achterkant van de website eenvoudiger:
 Stel Rechtenbeheergoed in
 Manageriseengoedbeginniveau
 Voegtoewateventueelnodigis
 Schakeloverbodige modules uit
 Logged-inUsers
 PopularArticles
 RecentlyAddedArticles
(Ga naar: Modules > Pull down menulinkerkant> Administrator )
14
#jd16nl
Meer overzicht d.m.v. Rechtenbeheer
15
#jd16nl
Note fieldbijde modules gebruiken
 Note field kan als “Tag” worden ingezet
 Filtering op het notefield is mogelijk
Voeg bijvoorbeeld inals note: Important | Navigation | Menu
16
#jd16nl
Styling gebruiken voor highlights
 Visuele indicator vanbelangrijke opties
 Direct duidelijk welke informatie ingevoerd moet worden
Custom.css toevoegen aan destandaard administrator template d.m.v. dupliceren
template of:
http://extensions.joomla.org/extension/admin-custom-css
17
#jd16nl
Styling gebruiken voor highlights
18
#jd16nl
Styling gebruiken voor highlights
Maak een custom.css file aan in de /css folder van hetIsis template
19
#jd16nl
Styling gebruiken voor highlights
.view-article #attrib-basic .control-group:nth-child(4) .control-label {
background-color: #DFF0D8;
color: #3C763D;
padding-left: 5px;
padding-right: 5px;
border-radius: 4px;
}
20
#jd16nl
Styling gebruiken voor highlights
21
#jd16nl
Language overrides gebruiken
 Alle teksten in Joomla! kunnenworden overschreven met
nieuweteksten
 Label Tooltips kunnenworden aangepast met aanvullende informatie
 Label Tooltips kunnenook worden gestyled
22
#jd16nl
Language overrides gebruiken
 Gebruik het juistetaalbestand
 Zoek naar een uniekgedeelte in de label tooltip tekst
23
#jd16nl
Language overrides gebruiken
24
#jd16nl
Custom support link inAdmin menu
25
#jd16nl
Custom support link inAdmin menu
26
#jd16nl
Nieuw Artikel submenu uitschakelen
27
#jd16nl
Custom HTMLmodule met info
Waarom? Om Users handige informatie tetonen na het inloggen.
 Algemeneinformatie over bijvoorbeeld afbeeldingen en module class suffix
 Links naarverschillende onderdelen van Joomla opnemen in deze module zoals
Snelkoppelingen
 Custom HTML module in positie: cpanel (Isis template)
28
#jd16nl
Tutorial Module
Waarom? Om relevanteuitleg tegeven direct inde backend.
 Verticale slider met hulpteksten of video
 Per component te schakelen
 https://github.com/RickR2H/mod_tutorialmodule
29
#jd16nl
De Jip& Janneke uitleg / handleiding
 Zorg voor een eenduidige beknopte handleiding
 Veel screenshots enondersteunendetekst:
Picpick: http://ngwin.com/picpick (Win)
Skitch: (Mac OS X)
 Gebruik film ter verduidelijking(Youtube nietopenbaar):
Flashback Express Recorder: http://www.flashbackrecorder.com
Quicktime Player:(native Mac OS X)
30
#jd16nl
Geen vragen? Mooi!
Rick Spaan | R2H
@RickR2H| rick@r2h.nl
31

More Related Content

What's hot

Joomladagen 2016: Top 10 joomla SEO bloopers
Joomladagen 2016: Top 10 joomla SEO bloopersJoomladagen 2016: Top 10 joomla SEO bloopers
Joomladagen 2016: Top 10 joomla SEO bloopersSimon Kloostra
 
Versimpel beheer met Joomla modules
Versimpel beheer met Joomla modulesVersimpel beheer met Joomla modules
Versimpel beheer met Joomla modulesEmiel Kwakkel
 
Joomladagen 2015 Joomla Performance
Joomladagen 2015 Joomla PerformanceJoomladagen 2015 Joomla Performance
Joomladagen 2015 Joomla PerformanceSimon Kloostra
 
Grandma & Joomla - Make Joomla User Friendly
Grandma & Joomla - Make Joomla User FriendlyGrandma & Joomla - Make Joomla User Friendly
Grandma & Joomla - Make Joomla User FriendlySander Potjer
 
Beter vindbaar met Onpage SEO - Maurice Lehr - #jd15nl
Beter vindbaar met Onpage SEO - Maurice Lehr - #jd15nlBeter vindbaar met Onpage SEO - Maurice Lehr - #jd15nl
Beter vindbaar met Onpage SEO - Maurice Lehr - #jd15nlJoomla!Days Netherlands
 
Presentatie nieuwsbrieven joomladagen
Presentatie nieuwsbrieven joomladagenPresentatie nieuwsbrieven joomladagen
Presentatie nieuwsbrieven joomladagenGert-Jan Radstaake
 
Sitemaps uit de doeken gedaan - Nico Bouwman - #jd15nl
Sitemaps uit de doeken gedaan - Nico Bouwman - #jd15nlSitemaps uit de doeken gedaan - Nico Bouwman - #jd15nl
Sitemaps uit de doeken gedaan - Nico Bouwman - #jd15nlJoomla!Days Netherlands
 
Data optimaliseren voor tablet en mobiel
Data optimaliseren voor tablet en mobielData optimaliseren voor tablet en mobiel
Data optimaliseren voor tablet en mobielRené Kreijveld
 
Joomla Bugs, Patches & Fun - Joomladagen 2014
Joomla Bugs, Patches & Fun - Joomladagen 2014Joomla Bugs, Patches & Fun - Joomladagen 2014
Joomla Bugs, Patches & Fun - Joomladagen 2014Peter Martin
 
Joomla 3.6: nieuwe router - Joomla SEO Expert Sessie
Joomla 3.6: nieuwe router - Joomla SEO Expert SessieJoomla 3.6: nieuwe router - Joomla SEO Expert Sessie
Joomla 3.6: nieuwe router - Joomla SEO Expert SessieSander Potjer
 
Daarom Joomla! - Makkelijk content publiceren
Daarom Joomla! - Makkelijk content publicerenDaarom Joomla! - Makkelijk content publiceren
Daarom Joomla! - Makkelijk content publicerenSander Potjer
 
Templates maken met Helix 3 framework - Presentatie Eric Tiggeler Joomladage...
Templates maken met Helix 3 framework  - Presentatie Eric Tiggeler Joomladage...Templates maken met Helix 3 framework  - Presentatie Eric Tiggeler Joomladage...
Templates maken met Helix 3 framework - Presentatie Eric Tiggeler Joomladage...Eric Tiggeler
 
Joomla! gebruiksvriendelijker. 10 tips!
Joomla! gebruiksvriendelijker. 10 tips!Joomla! gebruiksvriendelijker. 10 tips!
Joomla! gebruiksvriendelijker. 10 tips!Sander Potjer
 
Top 10 Joomla SEO Bloopers - Joomla SEO Expert Sessie
Top 10 Joomla SEO Bloopers - Joomla SEO Expert SessieTop 10 Joomla SEO Bloopers - Joomla SEO Expert Sessie
Top 10 Joomla SEO Bloopers - Joomla SEO Expert SessieSander Potjer
 
Joomla core SEO - Joomla SEO Expert Sessie
Joomla core SEO - Joomla SEO Expert SessieJoomla core SEO - Joomla SEO Expert Sessie
Joomla core SEO - Joomla SEO Expert SessieSander Potjer
 
Jug010 120320-templates
Jug010 120320-templatesJug010 120320-templates
Jug010 120320-templatesHerman Peeren
 
Gebruiksvriendelijkheid verhogen met template overrides - Expert Sessie Jooml...
Gebruiksvriendelijkheid verhogen met template overrides - Expert Sessie Jooml...Gebruiksvriendelijkheid verhogen met template overrides - Expert Sessie Jooml...
Gebruiksvriendelijkheid verhogen met template overrides - Expert Sessie Jooml...Sander Potjer
 
Expert Sessie: Joomla Usability: Plugins
Expert Sessie: Joomla Usability: PluginsExpert Sessie: Joomla Usability: Plugins
Expert Sessie: Joomla Usability: PluginsYireo
 
Expert Sessie: Joomla Usability: Useful extensions
Expert Sessie: Joomla Usability: Useful extensionsExpert Sessie: Joomla Usability: Useful extensions
Expert Sessie: Joomla Usability: Useful extensionsYireo
 

What's hot (20)

Joomladagen 2016: Top 10 joomla SEO bloopers
Joomladagen 2016: Top 10 joomla SEO bloopersJoomladagen 2016: Top 10 joomla SEO bloopers
Joomladagen 2016: Top 10 joomla SEO bloopers
 
Versimpel beheer met Joomla modules
Versimpel beheer met Joomla modulesVersimpel beheer met Joomla modules
Versimpel beheer met Joomla modules
 
Joomladagen 2015 Joomla Performance
Joomladagen 2015 Joomla PerformanceJoomladagen 2015 Joomla Performance
Joomladagen 2015 Joomla Performance
 
Grandma & Joomla - Make Joomla User Friendly
Grandma & Joomla - Make Joomla User FriendlyGrandma & Joomla - Make Joomla User Friendly
Grandma & Joomla - Make Joomla User Friendly
 
Beter vindbaar met Onpage SEO - Maurice Lehr - #jd15nl
Beter vindbaar met Onpage SEO - Maurice Lehr - #jd15nlBeter vindbaar met Onpage SEO - Maurice Lehr - #jd15nl
Beter vindbaar met Onpage SEO - Maurice Lehr - #jd15nl
 
Presentatie nieuwsbrieven joomladagen
Presentatie nieuwsbrieven joomladagenPresentatie nieuwsbrieven joomladagen
Presentatie nieuwsbrieven joomladagen
 
Sitemaps uit de doeken gedaan - Nico Bouwman - #jd15nl
Sitemaps uit de doeken gedaan - Nico Bouwman - #jd15nlSitemaps uit de doeken gedaan - Nico Bouwman - #jd15nl
Sitemaps uit de doeken gedaan - Nico Bouwman - #jd15nl
 
Data optimaliseren voor tablet en mobiel
Data optimaliseren voor tablet en mobielData optimaliseren voor tablet en mobiel
Data optimaliseren voor tablet en mobiel
 
Joomla in een doosje
Joomla in een doosjeJoomla in een doosje
Joomla in een doosje
 
Joomla Bugs, Patches & Fun - Joomladagen 2014
Joomla Bugs, Patches & Fun - Joomladagen 2014Joomla Bugs, Patches & Fun - Joomladagen 2014
Joomla Bugs, Patches & Fun - Joomladagen 2014
 
Joomla 3.6: nieuwe router - Joomla SEO Expert Sessie
Joomla 3.6: nieuwe router - Joomla SEO Expert SessieJoomla 3.6: nieuwe router - Joomla SEO Expert Sessie
Joomla 3.6: nieuwe router - Joomla SEO Expert Sessie
 
Daarom Joomla! - Makkelijk content publiceren
Daarom Joomla! - Makkelijk content publicerenDaarom Joomla! - Makkelijk content publiceren
Daarom Joomla! - Makkelijk content publiceren
 
Templates maken met Helix 3 framework - Presentatie Eric Tiggeler Joomladage...
Templates maken met Helix 3 framework  - Presentatie Eric Tiggeler Joomladage...Templates maken met Helix 3 framework  - Presentatie Eric Tiggeler Joomladage...
Templates maken met Helix 3 framework - Presentatie Eric Tiggeler Joomladage...
 
Joomla! gebruiksvriendelijker. 10 tips!
Joomla! gebruiksvriendelijker. 10 tips!Joomla! gebruiksvriendelijker. 10 tips!
Joomla! gebruiksvriendelijker. 10 tips!
 
Top 10 Joomla SEO Bloopers - Joomla SEO Expert Sessie
Top 10 Joomla SEO Bloopers - Joomla SEO Expert SessieTop 10 Joomla SEO Bloopers - Joomla SEO Expert Sessie
Top 10 Joomla SEO Bloopers - Joomla SEO Expert Sessie
 
Joomla core SEO - Joomla SEO Expert Sessie
Joomla core SEO - Joomla SEO Expert SessieJoomla core SEO - Joomla SEO Expert Sessie
Joomla core SEO - Joomla SEO Expert Sessie
 
Jug010 120320-templates
Jug010 120320-templatesJug010 120320-templates
Jug010 120320-templates
 
Gebruiksvriendelijkheid verhogen met template overrides - Expert Sessie Jooml...
Gebruiksvriendelijkheid verhogen met template overrides - Expert Sessie Jooml...Gebruiksvriendelijkheid verhogen met template overrides - Expert Sessie Jooml...
Gebruiksvriendelijkheid verhogen met template overrides - Expert Sessie Jooml...
 
Expert Sessie: Joomla Usability: Plugins
Expert Sessie: Joomla Usability: PluginsExpert Sessie: Joomla Usability: Plugins
Expert Sessie: Joomla Usability: Plugins
 
Expert Sessie: Joomla Usability: Useful extensions
Expert Sessie: Joomla Usability: Useful extensionsExpert Sessie: Joomla Usability: Useful extensions
Expert Sessie: Joomla Usability: Useful extensions
 

Similar to Joomla backend-beheer vereenvoudigen - Joomladagen 2016

XPages Introductie
XPages IntroductieXPages Introductie
XPages IntroductieRob Bontekoe
 
Templates maken met helix framework Joomla User Group Utrecht 10 november 2014
Templates maken met helix framework  Joomla User Group Utrecht 10 november 2014Templates maken met helix framework  Joomla User Group Utrecht 10 november 2014
Templates maken met helix framework Joomla User Group Utrecht 10 november 2014Eric Tiggeler
 
The power of joomla!
The power of joomla!The power of joomla!
The power of joomla!Rick Spaan
 
The power of joomla!
The power of joomla!The power of joomla!
The power of joomla!Rick Spaan
 
Drupal introductie voor NCRV-i
Drupal introductie voor NCRV-iDrupal introductie voor NCRV-i
Drupal introductie voor NCRV-iBèr Kessels
 
Drupal 7 Theming
Drupal 7 ThemingDrupal 7 Theming
Drupal 7 ThemingHans Rossel
 
4.7 bootstrap 7
4.7 bootstrap 74.7 bootstrap 7
4.7 bootstrap 7mvanginkel
 
Drupal introductie - GoalGorilla - Oxilion Lunch &amp; Learn
Drupal introductie - GoalGorilla - Oxilion Lunch &amp; LearnDrupal introductie - GoalGorilla - Oxilion Lunch &amp; Learn
Drupal introductie - GoalGorilla - Oxilion Lunch &amp; Learntaccie
 
Website bouwen in 10 stappen
Website bouwen in 10 stappenWebsite bouwen in 10 stappen
Website bouwen in 10 stappenBart De Waele
 
20201026 profileer jezelf en je zaak op linkedin UNIZO deel 2 -bedrijfspagina
20201026  profileer jezelf en je zaak op linkedin UNIZO deel 2 -bedrijfspagina20201026  profileer jezelf en je zaak op linkedin UNIZO deel 2 -bedrijfspagina
20201026 profileer jezelf en je zaak op linkedin UNIZO deel 2 -bedrijfspaginaI Like Media
 
Template overrides - Joomladagen 2010 #jd10nl
Template overrides - Joomladagen 2010 #jd10nlTemplate overrides - Joomladagen 2010 #jd10nl
Template overrides - Joomladagen 2010 #jd10nlSander Potjer
 
De 10 geboden van WordPress Development
De 10 geboden van WordPress DevelopmentDe 10 geboden van WordPress Development
De 10 geboden van WordPress DevelopmentFloris Lof
 
1.7 terugblik module 1
1.7 terugblik module 11.7 terugblik module 1
1.7 terugblik module 1mvanginkel
 
Digitaal duurzame links - NDE Werelddag van de Digitale Duurzaamheid
Digitaal duurzame links - NDE Werelddag van de Digitale DuurzaamheidDigitaal duurzame links - NDE Werelddag van de Digitale Duurzaamheid
Digitaal duurzame links - NDE Werelddag van de Digitale DuurzaamheidLotte Belice Baltussen
 
NL Front-end Guidelines (HTML,CSS,Javascript)
NL Front-end Guidelines (HTML,CSS,Javascript)NL Front-end Guidelines (HTML,CSS,Javascript)
NL Front-end Guidelines (HTML,CSS,Javascript)Mathijs Jong
 
Frontend ontwikkeling
Frontend ontwikkelingFrontend ontwikkeling
Frontend ontwikkelingEdwin Vlieg
 
JCE editor optimaliseren (Joomla Den Bosc­h 2016)
JCE editor optimaliseren (Joomla Den Bosc­h 2016)JCE editor optimaliseren (Joomla Den Bosc­h 2016)
JCE editor optimaliseren (Joomla Den Bosc­h 2016)Peter Martin
 
Functioneel Ontwerp - brochure
Functioneel Ontwerp - brochureFunctioneel Ontwerp - brochure
Functioneel Ontwerp - brochureAnne-Mieke.nl
 
EMS Ehsal - production in a digital world 2013
EMS Ehsal - production in a digital world 2013EMS Ehsal - production in a digital world 2013
EMS Ehsal - production in a digital world 2013Hans Palmers
 

Similar to Joomla backend-beheer vereenvoudigen - Joomladagen 2016 (20)

XPages Introductie
XPages IntroductieXPages Introductie
XPages Introductie
 
Templates maken met helix framework Joomla User Group Utrecht 10 november 2014
Templates maken met helix framework  Joomla User Group Utrecht 10 november 2014Templates maken met helix framework  Joomla User Group Utrecht 10 november 2014
Templates maken met helix framework Joomla User Group Utrecht 10 november 2014
 
The power of joomla!
The power of joomla!The power of joomla!
The power of joomla!
 
The power of joomla!
The power of joomla!The power of joomla!
The power of joomla!
 
Drupal introductie voor NCRV-i
Drupal introductie voor NCRV-iDrupal introductie voor NCRV-i
Drupal introductie voor NCRV-i
 
Drupal 7 Theming
Drupal 7 ThemingDrupal 7 Theming
Drupal 7 Theming
 
4.7 bootstrap 7
4.7 bootstrap 74.7 bootstrap 7
4.7 bootstrap 7
 
Drupal introductie - GoalGorilla - Oxilion Lunch &amp; Learn
Drupal introductie - GoalGorilla - Oxilion Lunch &amp; LearnDrupal introductie - GoalGorilla - Oxilion Lunch &amp; Learn
Drupal introductie - GoalGorilla - Oxilion Lunch &amp; Learn
 
Website bouwen in 10 stappen
Website bouwen in 10 stappenWebsite bouwen in 10 stappen
Website bouwen in 10 stappen
 
20201026 profileer jezelf en je zaak op linkedin UNIZO deel 2 -bedrijfspagina
20201026  profileer jezelf en je zaak op linkedin UNIZO deel 2 -bedrijfspagina20201026  profileer jezelf en je zaak op linkedin UNIZO deel 2 -bedrijfspagina
20201026 profileer jezelf en je zaak op linkedin UNIZO deel 2 -bedrijfspagina
 
Drupal 7 Architectuur
Drupal 7 ArchitectuurDrupal 7 Architectuur
Drupal 7 Architectuur
 
Template overrides - Joomladagen 2010 #jd10nl
Template overrides - Joomladagen 2010 #jd10nlTemplate overrides - Joomladagen 2010 #jd10nl
Template overrides - Joomladagen 2010 #jd10nl
 
De 10 geboden van WordPress Development
De 10 geboden van WordPress DevelopmentDe 10 geboden van WordPress Development
De 10 geboden van WordPress Development
 
1.7 terugblik module 1
1.7 terugblik module 11.7 terugblik module 1
1.7 terugblik module 1
 
Digitaal duurzame links - NDE Werelddag van de Digitale Duurzaamheid
Digitaal duurzame links - NDE Werelddag van de Digitale DuurzaamheidDigitaal duurzame links - NDE Werelddag van de Digitale Duurzaamheid
Digitaal duurzame links - NDE Werelddag van de Digitale Duurzaamheid
 
NL Front-end Guidelines (HTML,CSS,Javascript)
NL Front-end Guidelines (HTML,CSS,Javascript)NL Front-end Guidelines (HTML,CSS,Javascript)
NL Front-end Guidelines (HTML,CSS,Javascript)
 
Frontend ontwikkeling
Frontend ontwikkelingFrontend ontwikkeling
Frontend ontwikkeling
 
JCE editor optimaliseren (Joomla Den Bosc­h 2016)
JCE editor optimaliseren (Joomla Den Bosc­h 2016)JCE editor optimaliseren (Joomla Den Bosc­h 2016)
JCE editor optimaliseren (Joomla Den Bosc­h 2016)
 
Functioneel Ontwerp - brochure
Functioneel Ontwerp - brochureFunctioneel Ontwerp - brochure
Functioneel Ontwerp - brochure
 
EMS Ehsal - production in a digital world 2013
EMS Ehsal - production in a digital world 2013EMS Ehsal - production in a digital world 2013
EMS Ehsal - production in a digital world 2013
 

Joomla backend-beheer vereenvoudigen - Joomladagen 2016

  • 1. #jd16nl De Joomla! backendvereenvoudigen Door: RickSpaan | @RickR2H| rick@r2h.nl Complexe websites eenvoudig(er) beheren …voor jezelf & voor je klanten 1
  • 2. #jd16nl Over mij…  Ontwikkelingtemplates & extensies  Websites enwebshops  Joomla! trainingen  Contributor aan het Joomla! project  Pizza Bugs &Fun  Binnenkortis R2H ook JLP(Joomla! Learning Partner) 2
  • 3. #jd16nl Mijn verhaal alsweb developer…  Weet de klantzelf wel wat hij wil en waarom?  Hoe groot is de ambitie enwat is de haalbaarheid?  Wat heeft deklant echt nodig aan functionaliteiten /tools?  Wie gaat desite beherenen wat is het kennisniveau vandeze persoon? “Simpel is niet eenvoudig” 3
  • 4. #jd16nl Dit is wat we regelmatig horen… “O ja, ik heb geen ervaring met computers, maar ik wil wel alles eenvoudig kunnen bijhouden” “Ik wil een simpele site net zoiets als BOL.com” “Ik ben aankomende periode even druk, maar zo gauw ik tijd heb, ga ik er voor zitten” “Zo moeilijk kan het niet zijn, ik heb ook met Wordpress gewerkt” 4 Wie vult mij aan…?
  • 5. #jd16nl Keepit simple… 5  Gebruiknietmeerfunctionaliteiten dan noodzakelijken “stickto the core”  Maak hetniet moeilijkerdan hetis. Metoverrideskan heelveel.  Maak eenstappenplan metuitbereidingenzodat het leerprocesgeleidelijkverloopt
  • 7. #jd16nl Handige tips voor eenvoudiger beheer… Consistentie in design en layout  Custom fields of CCK (Content Construction Kit)  Content templates  Images Tips&Trucs  Rechten van Administrators beperken  Note field bij demodules slim inzetten  Stylinginzetten als markerbij componenten  Language overrides gebruiken  Tooltip verder uitbreiden meteigen commentaar  Adminmenu optimaliseren  Custom support linkonder Help menu  New article link uitschakelen  Instructiesin de backend  Help module  Custom HTML module metlinks enomschrijving 7
  • 8. #jd16nl Gebruik maken van een CCK Voorbeelden van CCK’s(om zelf de indeling van Artikelen te bouwen):  Form2Content  K2  Seblod  Custom fields plugin (DPFields Joomla!3.6) of eigen plugin https://github.com/RickR2H/plg_customfields Voordelen:  Vaak via de frontend tebeheren  Zorgenvoor een consistente opmaak op dewebsite Nadelen:  Kosten (veel) tijd om te implementeren  Achteraf‘even snel’ wijzigen is lastig. Wijzigingen hebben effect op bestaande artikelen 8
  • 9. #jd16nl Content templates Voorbeelden van extensies die dit kunnen:  NoNumberContent Templates  JCETemplateManager  TinyMCEtemplates (Alleen in) Voordelen:  Snel aan tepassen  Nietcomplex om temaken Nadelen:  Kansnel tot fouten leiden omdat het in deeditor staat ennietalle markupzichtbaar is. 9
  • 10. #jd16nl TinyMCE templates <div class="myclass"> <h3>Your custom title</h3> <div class="inner_myclass"> <p>Just replace this text</p> </div> </div> media/editors/tinymce/templates/mysnippet.html 10
  • 12. #jd16nl Image uploader plugin Voordelen:  Afbeeldingen worden verkleind naarmaximumbreedte  Thumbnailsworden automatisch gemaakt  Zorgt voor eenconsistent afbeeldinggebruik  Thumbnailsladen sneller dan grote afbeeldingen Nadelen:  Kanvervuiling opleveren Hopelijk inJoomla! 3.6 de nieuwemedia manageraanwezig. Image uploader plugin (Werkt alleen met TinyMCE) https://github.com/RickR2H/plg_imguploader 12
  • 14. #jd16nl Backend interface Zo maak je de achterkant van de website eenvoudiger:  Stel Rechtenbeheergoed in  Manageriseengoedbeginniveau  Voegtoewateventueelnodigis  Schakeloverbodige modules uit  Logged-inUsers  PopularArticles  RecentlyAddedArticles (Ga naar: Modules > Pull down menulinkerkant> Administrator ) 14
  • 15. #jd16nl Meer overzicht d.m.v. Rechtenbeheer 15
  • 16. #jd16nl Note fieldbijde modules gebruiken  Note field kan als “Tag” worden ingezet  Filtering op het notefield is mogelijk Voeg bijvoorbeeld inals note: Important | Navigation | Menu 16
  • 17. #jd16nl Styling gebruiken voor highlights  Visuele indicator vanbelangrijke opties  Direct duidelijk welke informatie ingevoerd moet worden Custom.css toevoegen aan destandaard administrator template d.m.v. dupliceren template of: http://extensions.joomla.org/extension/admin-custom-css 17
  • 19. #jd16nl Styling gebruiken voor highlights Maak een custom.css file aan in de /css folder van hetIsis template 19
  • 20. #jd16nl Styling gebruiken voor highlights .view-article #attrib-basic .control-group:nth-child(4) .control-label { background-color: #DFF0D8; color: #3C763D; padding-left: 5px; padding-right: 5px; border-radius: 4px; } 20
  • 22. #jd16nl Language overrides gebruiken  Alle teksten in Joomla! kunnenworden overschreven met nieuweteksten  Label Tooltips kunnenworden aangepast met aanvullende informatie  Label Tooltips kunnenook worden gestyled 22
  • 23. #jd16nl Language overrides gebruiken  Gebruik het juistetaalbestand  Zoek naar een uniekgedeelte in de label tooltip tekst 23
  • 25. #jd16nl Custom support link inAdmin menu 25
  • 26. #jd16nl Custom support link inAdmin menu 26
  • 27. #jd16nl Nieuw Artikel submenu uitschakelen 27
  • 28. #jd16nl Custom HTMLmodule met info Waarom? Om Users handige informatie tetonen na het inloggen.  Algemeneinformatie over bijvoorbeeld afbeeldingen en module class suffix  Links naarverschillende onderdelen van Joomla opnemen in deze module zoals Snelkoppelingen  Custom HTML module in positie: cpanel (Isis template) 28
  • 29. #jd16nl Tutorial Module Waarom? Om relevanteuitleg tegeven direct inde backend.  Verticale slider met hulpteksten of video  Per component te schakelen  https://github.com/RickR2H/mod_tutorialmodule 29
  • 30. #jd16nl De Jip& Janneke uitleg / handleiding  Zorg voor een eenduidige beknopte handleiding  Veel screenshots enondersteunendetekst: Picpick: http://ngwin.com/picpick (Win) Skitch: (Mac OS X)  Gebruik film ter verduidelijking(Youtube nietopenbaar): Flashback Express Recorder: http://www.flashbackrecorder.com Quicktime Player:(native Mac OS X) 30
  • 31. #jd16nl Geen vragen? Mooi! Rick Spaan | R2H @RickR2H| rick@r2h.nl 31