jce, kan ik er wat mee?jce, wat kan ik er mee?deze wysiwyg content editor maakt het managen van Joomla!-content leuker en makkelijker.

Joomla! content editor

http://www.joomladagen.nl/2013/programma/presentaties/mastering-jce

http://www.joomlacontenteditor.net/

Wat staat ons te wachten?

• Dia 1 tot en met 10: belangrijke functies toepassen

• Dia 12 tot en met 18:downloaden en installeren

• Dia 19 tot en met 24:configureren

• Dia 25 tot slot

jce, wat kan ik er mee?

‘office’ knoppen die gebruikers snappen1) Beelden uploaden verkleinen en bewerken2) Links invoegen en configureren3) Video invoegen4) Highlighting Code editor5) Google™ spelling controle (setting)6) Documenten invoegen + Google dos viewer

1 Beelden

• Diverse settings, voorinstellen in JCE kan ook. • Rollover van twee even grote plaatjes + een link voor een eenvoudig

knop-effect• Speel met instellingen voor een mooie pop-up• Hier kun je bestanden toevoegen en bijvoorbeeld eenvoudig zonder

code zoiets doen:

<a href="http://www.fanpop.com/clubs/animals/images/31940446/title/frog-wallpaper" title="website met kikkerplaatje" target="_blank" onclick="window.open(this.href,'kikkervierkant1','scrollbars=yes,resizable=yes,location=yes,menubar=yes,status=yes,toolbar=yes,left=0,top=0');return false;"><img src="images/kikkervierkant1.jpg" width="300" height="300" alt="kikkervierkant1" onmouseout="this.src='images/kikkervierkant3.jpg';" onmouseover="this.src='images/kikkervierkant2.jpg';" /></a>

• meteen kleiner maken!• handige knopjes voor

het eenvoudig bewerken van de afbeelding en miniatuur

• rechtermuis werkt ook

2 links invoegen

• maak een link naar een artikel of een menu item

• externe link: Doel ‘open in nieuw venster’ mogelijk

• titel, pop-ups e.d.

3 video invoegen

• ondersteunt de meeste mediatypen• plak eerst de url, juiste mediatype wordt automatisch herkend

4 Highlighting broncode

4 knopjes voor broncodeweergave zoals gewenstmet of zonderregelnummers, highlights, regelafbreking

6 documenten invoegen

Download JCE http://www.joomlacontenteditor.net

Ga naar de Joomla!-Extension manager en upload de zip-file

JCE Geïnstalleerd

Plugins voor JCE

• Captions• Emotions• File Manager• Fullpage• Iframes• Image Manager Extended• Media Manager• Template Manager• JCE Popups for Rocketheme Rokbox• JCE Popups for Yootheme WidgetKit Lightbox

JCE plugins installatie

Stel JCE in als default editor

Nederlandse taal in JCEDownload de taalbestanden Van JCE websitewww.joomlacontenteditor.net/downloads/languages

JCE: Install add-ons, languagesinstalleer jce_language_nl-NL_231.zip

configureren• Maak een nieuw profiel aan in

profielen, tekstverwerking • Kies voor welke gebruikers dit

profiel geldt• Knoppen kun je wegslepen en

toevoegen onder de tab functies & weergave

• Knop ‘schakelen werkbalken’ is makkelijk om knoppen die je minder vaak gebruikt te verbergen

• voor tablet en mobiel er een speciale knoppenbalk beschikbaar met grotere knoppen die je met je vingers kunt aanklikken

Tekstverwerker parametersLoop je de opties onder deze tab langs en zet je uit wat niet wordt gebruikt dan draagt dat bij aan het overzicht

browser boven

onder de tab bestandsbeheerkun je positie bestandsbrowser op ‘boven’ zetten

het lijkt namelijk logisch om eerst een bestand te kiezen en daarna de titels en waarden in te vullen

tab ‘plugin parameters’om voor iedere plugin de gewenste standaard instellingen vooraf in te voeren

Configuratie opslaan

• volledige configuratie kan uren duren • kan worden hergebruikt op andere websites • selecteer het profiel en klik op exporteren• sla het xml-bestand op• ga naar de administrator van de volgende

website en import je settingsbestand en maak hiervan de standaard weergave

Nieuw of extra

• wysiwyg functie geeft een meer realistisch voorbeeld, ook in de dropdown van de titels

• geïntegreerde Google spelling controle• jce filebrowser die beter en makkelijker werkt

makkelijker dan de originele mediamanager• volledige support voor updates, wel altijd eerst

back-up maken want dat is gewoon good practice