Professional Documents
Culture Documents
Introduction
Peter Martin (pe7er), Nijmegen, Netherlands Joomla:
Joomla Forum & Joomla Community Leadership Team db8.nl since 2005 (website & extension development) Open Source Software, Linux (Debian / Linux Mint / Ubuntu), Music (electronic & alternative rock / Vinyl records), Arthouse movies, Trivia.
Business:
Interests:
Contents
A)Don't make me think B)JCE optimizing B1. Profiles B2. JCE Icons B3. Joomla Buttons C)JCE CSS Styling D)JCE addons (commercial)
3
JCE Editor
Reset the styling of the editor content. Forces left aligned, black text on a white background.
10
11
JCE Profiles
JCE Administration Editor Profiles
Create
different profiles
Order
12
JCE Profiles
Copy
13
14
Assignment: Front-end / Back-end / both Components: Assign editor to Components User Group: Assign editor to User Groups Users: Assign editor to individual users
Features:
16
Reduce
choices
Remove rarely used icons from Icon Bar Remove options that might mess up the layout
Organize
17
choices
= hyperlink ? Tables: are only for tables, NOT for layout Font family + Font size + Font color + Background color: or how easy your
18
is to
sitecompletely...
mess up
19
Logical
groups:
Optimized
Icon bar:
20
21
and more....
Plugin
Plugin
22
23
25
26
27
editor.css 1/5
Formatting text without Font / fontstyle / fontcolor icons? Create CSS template used by JCE /templates/$template/css/editor.css Back-end > Components > JCE Administration > Global Configuration: Editor Styles: Custom CSS Files Custom CSS Files: templates/$template/css/editor.css
28
editor.css 2/5
JCE
Import some template styles in JCE. Add to your editor.css @import url(system.css); @import url(template.css);
29
editor.css 3/5
Some
30
editor.css 4/5
Prevent
31
editor.css 5/5
Create
custom styles
.makethisred{color: #ff0000;}
Note:
32
33
JCE editor JCE MediaBox (free) lightbox images Commercial JCE addons (JCE plugins):
Captions File
JCE Add-ons
Add-ons
/ extra's for JCE editor No Joomla plugins, install using JCE Commercial license Set default settings! (in Plugin Parameters) Version 2! Drag & drop Checks upload size before uploading
35
captions to images
36
files to website
37
images to website
Demo:
upload images (with Image Manager XTD addon: autoresize to 800x600 + autocreate thumbnail), create small photogallery with lightbox effect (with free JCE MediaBox plugin)
38
videoclips to website
39
non-JCE tips
Remove
Remove
plugins
Quick
40
Icons
Use Quick Icon component: create shortcuts to back-end menu items / 3rd party components
Questions?
www.joomlacontenteditor.net
Don't make me think: Bob Smith Profiles: Sanja Gjenero Buttons: Tomasz Sowanski CSS: Svilen Milev Addons: Michael Faes
41