#jd16nl

De Joomla! backend vereenvoudigen

Door: Rick Spaan | @RickR2H | rick@r2h.nl

Complexe websites eenvoudig(er) beheren…voor jezelf & voor je klanten

1

#jd16nl

Over mij…

Ontwikkeling templates & extensies

Websites en webshops

Joomla! trainingen

Contributor aan het Joomla! project

Pizza Bugs & Fun

Binnenkort is R2H ook JLP (Joomla! Learning Partner)

2

#jd16nl

Mijn verhaal als web developer…

Weet de klant zelf wel wat hij wil en waarom?

Hoe groot is de ambitie en wat is de haalbaarheid?

Wat heeft de klant echt nodig aan functionaliteiten / tools?

Wie gaat de site beheren en wat is het kennisniveau van deze 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

Keep it simple…

5

Gebruik niet meer functionaliteiten dan noodzakelijk en “stick to the core”

Maak het niet moeilijker dan het is. Met overrides kan heel veel.

Maak een stappenplan met uitbereidingen zodat het leerproces geleidelijk verloopt

#jd16nl

Hopelijk kunnen we 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 de modules slim inzetten

Styling inzetten als marker bij componenten

Language overrides gebruiken

Tooltip verder uitbreiden met eigen commentaar

Admin menu optimaliseren

Custom support link onder Help menu

New article link uitschakelen

Instructies in de backend

Help module

Custom HTML module met links en omschrijving

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 te beheren

Zorgen voor een consistente opmaak op de website

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:

NoNumber Content Templates

JCE Template Manager

TinyMCE templates (Alleen in )

Voordelen:

Snel aan te passen

Niet complex om te maken

Nadelen:

Kan snel tot fouten leiden omdat het in de editor staat en niet alle markup zichtbaar 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 naar maximum breedte

Thumbnails worden automatisch gemaakt

Zorgt voor een consistent afbeeldinggebruik

Thumbnails laden sneller dan grote afbeeldingen

Nadelen:

Kan vervuiling opleveren

Hopelijk in Joomla! 3.6 de nieuwe media manager aanwezig.

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 Rechtenbeheer goed in Manager is een goed begin niveau

Voeg toe wat eventueel nodig is

Schakel overbodige modules uit Logged-in Users

Popular Articles

Recently Added Articles

(Ga naar: Modules > Pull down menu linkerkant > Administrator )

14

#jd16nl

Meer overzicht d.m.v. Rechtenbeheer

15

#jd16nl

Note field bij de modules gebruiken

Note field kan als “Tag” worden ingezet

Filtering op het note field is mogelijk

Voeg bijvoorbeeld in als note: Important | Navigation | Menu

16

#jd16nl

Styling gebruiken voor highlights

Visuele indicator van belangrijke opties Direct duidelijk welke informatie ingevoerd moet worden

Custom.css toevoegen aan de standaard 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 het Isis 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! kunnen worden overschreven met nieuwe teksten

Label Tooltips kunnen worden aangepast met aanvullende informatie

Label Tooltips kunnen ook worden gestyled

22

#jd16nl

Language overrides gebruiken

Gebruik het juiste taalbestand

Zoek naar een uniek gedeelte in de label tooltip tekst

23

#jd16nl

Language overrides gebruiken

24

#jd16nl

Custom support link in Admin menu

25

#jd16nl

Custom support link in Admin menu

26

#jd16nl

Nieuw Artikel submenu uitschakelen

27

#jd16nl

Custom HTML module met info

Waarom? Om Users handige informatie te tonen na het inloggen.

Algemene informatie over bijvoorbeeld afbeeldingen en module class suffix

Links naar verschillende onderdelen van Joomla opnemen in deze module zoals Snelkoppelingen

Custom HTML module in positie: cpanel (Isis template)

28

#jd16nl

Tutorial Module

Waarom? Om relevante uitleg te geven direct in de 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 en ondersteunende tekst:Picpick: http://ngwin.com/picpick (Win)Skitch: (Mac OS X)

Gebruik film ter verduidelijking (Youtube niet openbaar):Flashback Express Recorder: http://www.flashbackrecorder.comQuicktime Player: (native Mac OS X)

30

#jd16nl

Geen vragen? Mooi!

Rick Spaan | R2H@RickR2H | rick@r2h.nl

31