Joomla, WYSIWYG, and Other Funny Words to Take Seriously

The C.A.L.L. of ArkansasStatewide SummitOctober 15, 2011

Rob McBrydeOnline Marketing & Web Design Consultant

www.aristotleinteractive.com

Rob McBrydePersonal

Husband, father, and geek

Member of Fellowship North

North Little Rock, AR

www.robmcbryde.com

Professional

Online Marketing & Web Design Consultant

Aristotle Interactive

Little Rock, AR

www.aristotleinteractive.com

Who am I?

• Intro to Joomla! Content Management System– Getting familiar with the Article Manager– Create a new article– Edit an existing article– Formatting for SEO– Adding photos– Embedding video– Adding menu items to your county menu

• Bonus Round: Updating Google Calendar

Overview of this session

We just have 50 minutes.

I’m going to cover a lot, but not everything.

Slides will be available for your reference.

Any full-featured web development tool requires some technical understanding.

Age-old rule: Practice makes perfect!

Disclaimers

“Joomla is an award-winning content management system (CMS), which enables you to build Web sites and powerful online applications. Many aspects, including its ease-of-use and extensibility, have made Joomla the most popular Web site software available. Best of all, Joomla is an open source solution that is freely available to everyone.” Joomla.org

What is Joomla?

“acronym for What You See Is What You Get. The term is used in computing to describe a system in which content (text and graphics) displayed onscreen during editing appears in a form exactly corresponding to its appearance when printed or displayed as a finished product.” Wikipedia.org

WYSIWYG…what?

Verses this…

Logging into Joomla

Joomla Control Panel

Edit or add content

Select your section (county)

Create a new article

Or edit an existing article

WYSIWYG editor

Formatting for SEOSEO – search engine optimization, helps Google natural search results

What is SEO?the process of improving the visibility of a website or a web page in search engines via the "natural" or un-paid ("organic" or "algorithmic") search results. ~ wikipedia.org

Formatting for SEOGoogle the words “fostering adoption arkansas.” The C.A.L.L. comes up near the top of the list. This is largely due to the site’s SEO.

Adding photos

Adding photosAssuming you don’t already have the photo in the image gallery, you will need to upload it by selecting the Upload button highlighted below.

Adding photos

Adding photos

Adding photos

Adding photos

Adding photos

Embedding videoVimeo.com and YouTube.com provide “embed code” for you to use.

Embedding videoVimeo.com and YouTube.com provide “embed code” for you to use.

Embedding videoEmbed code has to be pasted into the HTML so you must click on [show/hide] to view the HTML editor.

Embedding videoEmbed code has to be pasted into the HTML so you must click on [show/hide] to view the HTML editor.

Adding menu items

Adding menu items

Adding menu items

Adding menu items

Adding menu items

Adding menu items

Adding menu items

Adding menu items

Key concepts

Articles (pages) must be created BEFORE the corresponding Menu items.

When you create the Menu item, you have to select the Article (or Section or Category) to link it to.

You can create Menu items that link to whole Sections (filing cabinet), whole Categories (drawers of the filing cabinet), or individual Articles (files in the drawers of filing cabinet)

County Page Example

www.joomla.org (official Joomla! website)

www.joomlablogger.net (helpful Joomla! blog)

Learn more about Joomla!

Bonus Round: Google CalendarIn your web browser, type in…calendar.thecallinarkansas.org

NOTE: This is specific to The C.A.L.L. website and not a function of Joomla. Each county’s Google Calendar is embedded into a Joomla article which appears on The C.A.L.L.’s website.

Bonus Round: Google Calendar

Bonus Round: Google Calendar

Bonus Round: Google CalendarCalendar events entered into your county’s Google Calendar will automagically appear on your county’s Upcoming Events page.

Bonus Round: Google CalendarLearn more at http://www.google.com/intl/en/googlecalendar/about.html

That’s all, folks!

Any questions?