Archive

Posts Tagged ‘joomla tutorials’

Uploading Images to Joomla

April 13th, 2009

In a Joomla site, or any for that matter, there should be standards regarding how things look. Standards imply that someone has taken the time to write something like what you’re reading. Reason for this: Good looking stuff doesn’t just happen. It takes some planning.

Anatomy of a Joomla Story

First, all stories (same thing as what others call a “post”) have at least four elements.
1.) A descriptive title 2.) Some intro copy 3.) A thumbnail image and 4.) The rest of the story

anatomy-of-a-joomla-story

The Thumbnail

All stories should have an intro thumbnail. Why? Because people relate to images, not text, and it looks better. So decide on a size and stick to it for all stories. Suggested size is something about 150 or less in width. You can vary the height based on the amount of intro text. (It’s more important to lock the width than trying to do both)

the-thumbnail

Intro Text

Every story should have about the same amount of intro text.You do this because at some point, you’re going to display multiple stories on the same page. This is especially important when you’re displaying in more than one column. Look at any newspaper. The front page is always the same. The story begins, but then has you flipping back to page 8 to read the rest. Same concept applies here.

intro-text

Above is an example of how a 2 column layout might appear with similar sized thumbnails and intro text.

Read More vs Page Break

You use Read More when there’s just one more page to view. If however you have 10 pages that make up a story, it’s better to use the Page Break function so that readers can jump to any page within.

read-more-vs-page-break

Uploading Images with Media Manager

You have two ways to do this. FTP or the Joomla Media Manager. As we have already written one of these for FTP, this time we’ll cover the Media Manager. Both Joomla 1.0.x and 1.5, to get to the Media Manager, log into the backend and look for the button:

uploading-images-with-media-manager

Find The Image

For a story, you will need to upload two (or more) images. The thumbnail and the other one(s).

find-the-image

When you’re done finding the image, then click …

click

Where are my images?

It’s important to remember where you upload your images. Therefore, this too should be included as part of your documented process. e.g., All images that you plan to use within stories, should be in the /stories directory. If you have lots of categories, then it’s a good idea to have category directories within. e.g., stories/cat1

where-are-my-images

If you don’t remember where you uploaded images, it will be tough to insert them into the actual stories later.

Inserting the Thumbnail

inserting-the-thumbnail

Remember where you put that image?

You must indicate the location of the image, usually starting with images.

remember-where-you-put-that-image

Align Thumbnails LEFT

Thumbnails should be aligned left, generally speaking. (sometimes people like to align right)
If you are a lefty, then do this:

align-thumbnails-left

Help , , , , , , , , , , , , , ,

Training Exercise for Joomla BE

April 10th, 2009

When you install with sample data, you begin with content you eventually will not want. What follows are the steps that one might take to remove said content.

install-with-sample-data

To get rid of all this, login as an admin


login-as-an-admin


This is what the backend login looks like


backend-login


Get rid of the Modules first. So go to Extensions/Module Manager


module-manager


It’s best to disable modules. Don’t delete them. You might need them later.

Modules to disable:
Banners, Footer, Resources, Key Concepts, Example Pages, Polls, Who’s Online, Advertisement, Random Image, Syndication, Latest News, Popular


modules-to-disable


Next, get rid of the main menu items


main-menu-items


Select the ones to remove, then TRASH them!


trash


Next remove the top menu items


remove-top-menu-items


This is what it looks like to remove menu items


remove-menu-items


Now get rid of the content


get-rid-of-content


You can kill most of the items that come with the Joomla install


joomla-install


Get rid of that Welcome to the Front Page


welcome-front-page


Trash the sample categories


trash


Now your site should look something like this


site-should-look-something-like-this
Note: In the real world, you would only do this for training purposes. If you plan to build multiple Joomla sites, the best method is to create an empty install, then use that copy of the database for future ones. All of the above clicking is of real benefit when learning a new system as the best way to drill something into your noggin is with repetition.

Help , , , , , , , , , ,