Weekend Special: Get 1 year of the Everything Club for $59! You save $85!
  Offer ends in 1
Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!

| Drupal

This tutorial will show you how to move your Drupal site from one server to another. This example uses two live servers, however the same principles also apply for moving to or from a local server.

Your Drupal Site

tutuploadsmedia_1284064777892.png

I'm going to move a straight-forward Drupal install to a new location. Each Drupal site has two halves - the files and the database. We're going to move one and then the other. Finally we'll make sure they can talk to each other.

Download the Files to Your Desktop

tutuploadsmedia_1284064850534.png

Step 1 is to download all of your Drupal site's files to your desktop.

Upload the Files to Your New Server

tutuploadsmedia_1284065113738.png

Step 2 is to upload them all your new server.

Export Your Old Database

tutuploadsmedia_1284065247021.png

For accesing the Drupal database I'm using phpMyAdmin which is commonly used by hosting companies and localhost setps. Find your site's database and click on "Export".

tutuploadsmedia_1284065288199.png

You'll need to export your database as SQL. I've chosen to also compress it using Gzip so that the process is a little quicker. Finally click Go.

Import to the New Database

tutuploadsmedia_1284065461180.png

I'm also using phpMyAdmin at the new site. Click "Import".

tutuploadsmedia_1284065493032.png

Choose the file that you just exported and click "Go" to import it into the new database.

tutuploadsmedia_1284065582137.png

Check to make sure that all the tables have imported sucessfully.

Change Settings.php

tutuploadsmedia_1284066038140.png

Finally we need to make sure that our files and database can talk to each other.

Login to your site's files and go to /sites/default/ and open settings.php. There are two things you'll need to change.

On line 92, chang the $db_url line to reflect the new database name, username and password.

tutuploadsmedia_1284066088958.png

On line 125, change $base_url to reflect the location of your new site.

That's it. Visit your Drupal site in it's new location and it should be live.

| Joomla

We had a question from a Joomla student:

"Several articles are locked. The message says: Checked Out (name) (date) (time). That particular person is logged out of the administrator. Why are these articles locked and what does Checked Out mean?"

Read on to find the answer:

Padlocks in Joomla

tutuploadsmedia_1284061382984.png

Sometimes when you look at a a Joomla article you'll see a little yellow padock next to the article. Hover over the padlock and you'll also information about a particular use together with a date and time. This is what the student mentioned when they asked about "Checked Out (name) (date) (time)"

tutuploadsmedia_1284062575844.png

You can also see the same effect on modules ...

tutuploadsmedia_1284061337774.png

... and menu links.

What Does This Mean?

When a user edits an article, module or menu link, Joomla! changes the file's status to Checked Out (represented by the padlock). The file is locked and only the User who has checked it out can modify it. This is a safety/security feature that prevents two Users from editing an Item at the same time, thus preventing the loss of any data upon saving.

Now here's the important bit that can often be confusing: the article, module or menu link remains "Checked Out" until the User clicks Apply, Save, or Cancel while editing it. If they don't (for example if they hit the back button instead) the padlock will stay for quite some time.

Removing the Padlock

tutuploadsmedia_1284063005349.png

Fortunately removing these padlocks is very easy. Simply go to Tools >> Global Check-in. Joomla will then show you all the items that are now free for editing as below:

tutuploadsmedia_1284063088181.png

However, if you have a site with multiple users, please be careful to ask your colleagues before doing this. If people really are editing the item, you don't want to bump them out before they've finished. If you do have large number of writers on your site, you might consider using this AutoSave plugin to avoid such mistakes.

| Joomla

Before you start to build your Joomla site, I recommend you delete all the sample content.

Is this a common problem?. A quick search for some of the default text shows over 4 millions sites who have forgotten to remove it. Also commonly indexed are Newsfeeds and Weblinks. The Joomla sample data isn't relevant to your site and can often clog up up the administrator area.

UPDATE: Mass Content is now called OSContent and is available from http://alledia.com.

Read more ...

| WordPress

This tutorial will show you how to install WordPress locally on your P.C..

We're going to use WAMP for this task. WAMP stands for "Windows, Apache, MySQL, PHP" which are the different elements that allow you to run WordPress on your computer.

Here's how you do it:

Video on How to Install WordPress Locally on a P.C.

Step 1: Install WAMP

  1. WAMP ServerDownload WAMP to your computer.
  2. Run through the WAMP installation process.
  3. In your taskbar, down the by the date in the bottom-right hand corner of your screen, look for the WAMP icon. Click on that icon.
  4. You should see a popup. Click "Start All Services" and then click "Localhost."
  5. Hopefully you'll see a white screen with the Wampserver logo in the top-left corner.

Step 2: Download WordPress

  1. Download WordPressGo to WordPress.org and click on the blue button saying "Download WordPress 3.0.x".
  2. The file you download should have a name like wordpress-3.0.1.zip

Step 3: Move WordPress to WAMP

  1. Click on the WAMP icon in your taskbar again and now click "www directory". This will take you to the folder where WAMP stores its websites.
  2. Move your WordPress folder from Step 2 into this directory.
  3. Extract the WordPress folder.
  4. It will be confusing to keep accessing the website through a folder called /wordpress-3.0.1/ so rename the folder to something simple such as /wordpress/

Step 4: Set up our database

  1. Click on the WAMP icon in your taskbar again and now click "phpMyAdmin". This will take you to the software where WordPress's databases are managed.
  2. Find the field labelled "Create new database" and enter "wordpress". Click "Create".
  3. Hopefully you'll see the name "wordpress" appear in the left column.

Step 5: Install WordPress

In your browser, visit this address: http://localhost/wordpress. You'll see the the WordPress installation screen as below:

Installation Step 1

On the first screen, simply click "Create a Configuration File".

tutuploadsmedia_1284131432591.png

Installation Step 2

On the second screen, simply click "Let's Go!".

tutuploadsmedia_1284131462569.png

Installation Step 3

Here you will need to enter the database information:

  • Host Name: Localhost
  • Username: root
  • Password: [leave this blank]
  • Database: wordpress
tutuploadsmedia_1284131492086.png

Installation Step 4

Simply click "Run the install".

tutuploadsmedia_1284131573369.png

Installation Step 5

Enter the name of your site plus the password and email you'd like to use.

tutuploadsmedia_1284131596463.png

Installation Step 6

You should now have a shiny new installation of WordPress on your P.C. where you can develop your website securely in your local environment.

tutuploadsmedia_1284131774008.png

 


| Joomla

It's really useful for writers on a website to be able to easily find and manage their articles. With Joomla, there's no central control panel for writers to do that. Fortunately there's an outstanding, free extension called Frontend User Article List which solves that problem. Here's how to use it:

Download Frontend User Article List

tutuploadsmedia_1283799527336_05928e3fdd3c632c44e4711304f0d896.png
tutuploadsmedia_1283799595895_22f38a50c5537e59a1edc5eb74846974.png

Click to download the component. The current version is com_frontenduserarticlelist_v2.0b.zip.

Install Frontend User Article List

tutuploadsmedia_1283799817783_767f0f764fb0993c7d22999f7545efdd.png

In your Joomla site administrator, go to Extensions >> Install/Uninstall and upload the file that you just downloaded. Then go to Components >> Extensions >> Frontend User Article List. There's almost nothing to control here except "Parameters" in the top-right corner.

Create a Menu Link

tutuploadsmedia_1283799873902_0e5496764040bff9a8552988e1694647.png

Go to Menus >> Main Menu >> click "New". Click "Frontend User Article List" and then choose "Default Layout".

tutuploadsmedia_1283799947096_274b769851fe6e23e010480b8a6ab373.png

Give your menu link a name. Also, set "Access Level" to "Registered". This is important because this component will only be useful to people who have accounts on your site. Click "Save".

View Frontend User Article List in Action

tutuploadsmedia_1283800169283_5e95e43670237b3b869ef905d123a029.png

Visit the front of your site and login. Click your new "My Articles" link and you'll see a page like the one above. People will be able to manage their articles including clicking "New Article" to submit new ones.

| WordPress

Rokbox is a popular plugin made by Rockettheme for Joomla. It allows you to display images inside a stylish pop-up. You can see the Joomla version of this tutorial by clicking here.

However, there is also a WordPress version available and here's how to use it:

Download Rokbox and Upload to Your Site

tutuploadsmedia_1283612086661.png

Click here to download the Rokbox plugin for WordPress. You'll then need to extract the folder onto your desktop. Upload it to the /wp-content/plugins/ folder on your site

Activate Rokbox

tutuploadsmedia_1283612153336.png

In your WordPress site admin area, go to the Plugins and click "Activate" next to RokBox Gallery

Add an Image to a Post

tutuploadsmedia_1283612245685.png

Go to one of your WordPress posts and click the "Add an image" button. Insert an image into your post. It end result should look like it does below:

tutuploadsmedia_1283612395032.png

View the HTML

tutuploadsmedia_1283612421134.png

Click the "HTML" tab in the top-right of your post.

Insert the RokBox Code

tutuploadsmedia_1283612573966.png

Insert rel="rokbox" into the HTML. The best place to do this is right after the opening Using Rokbox in Wordpress

| Drupal

The purpose of this tutorial is to show you how to find and fix problems with your Drupal templates. We're going to focus on CSS issues such as fonts, colors and padding.

Download and Install Firefox

tutuploadsmedia_1272633877883_c86f942595ae98592417dbc295fccafd.png

No question about it, Firefox is the best tool you can find for fixing problem on your website. Download from http://www.mozilla.com/firefox and install.

Install the Web Developer Plugin

tutuploadsmedia_1272633999346_0ec3909fa9a6aa31b4df38cd3b1a07ab.png

Firefox is useful for the same reason as Joomla ... it has 1000s of amazing addons. The one we're going to use is called "Web Developer". Visit https://addons.mozilla.org/en-US/firefox/addon/60 in your Firefox browser and click "Add to Firefox".

Visit Your Joomla Site

tutuploadsmedia_1283465887819.png

We're going to use a default Drual install for this tutorial.

Diagonse Your Problem

tutuploadsmedia_1283465932340.png

In this example, our welcome message is too small. We'd like to have "Welcome to your new Drupal website!" in larger text.

Start the Webdeveloper toolbar

tutuploadsmedia_1283465966628.png

Click "CSS" in the toolbar and then click "View Style Information"

Click the item you want to edit

tutuploadsmedia_1283466041231.png

Hover your mouse over any part of the page and a red box will appear around it. Click on that area.

See the CSS Code at the bottom of the page

tutuploadsmedia_1283466068610.png

At the bottom of the page you'll get a lot of information about why that item on your site looks like it does. Here's what's controlling the "Welcome to the Frontpage" line:
1: The file with it's exact location
2: The exact line number inside that file
3: The code at that line number
In this case you can see that the font-size is 170%. We now know exactly which line in which file to edit.

| Joomla

This tutorial will show you how to create a development site in Joomla. You can make changes to your test site and then, when you've tested and are happy with them, automatically push out those changes to your live site. This is professional development behavior, because it reduces the potential for mistakes and allows you eliminate most errors before they become public.

To create a development site we're going to use an extension called Working Copy.

Install Two Joomla Sites

tutuploadsmedia_1283445482694.png

In order to synchronize a Joomla live site and a Joomla development site, you first need to make sure you have both of them. So, I've installed a live site and then a development site inside it, in a folder called /child/. You can use other arrangements, but this is a simple way to get started.

Note: Please make sure that you keep your development site private from visitors and from search engines. That means at least password-protecting the folder.

Getting Working Copy Set Up

tutuploadsmedia_1283440999825.png

We need to install Working Copy on both of our Joomla websites. When we've done that, login in to one of them and go to Components >> Working Copy >> New.

tutuploadsmedia_1283442606589.png

There are three pieces of information you need to enter in this area:

1) Choose a name for this entry and enter the path to the child website.
2) Enter the database information for the child site. If you don't know it, you can find this in the site's configuration.php
3) Enter the database information for the main live site.

That's all you need to do here. There other, more advanced settings, but that's enough to test Working Copy and get it working.

However, don't forget to enter this exact same data into both your live site and your child site.

Make a Change To Your Child Site

tutuploadsmedia_1283444707036.png

Now let's make a change on our child site - it doesn't need to be large. In fact, to test Working Copy, I recommend making only a minor alteration. In this case I modified the name of one article. I then went to the front of the site to check that the change was complete.

Seeing the Changes in Working Copy

tutuploadsmedia_1283443770945.png

Now in your child site, go to Components >> Working Copy >> Differences and you'll see a list of the things that have changed. In this case it will an update to the jos_content table (when I edited my article) and an update to the jos_banner table (when I visited the site and saw the advertising banners).

Applying Changes to the Live Site

tutuploadsmedia_1283444044496.png

Select the changes you'd like to see made on your live site and click "Commit". You should see a blue "Commit completed" message.

Check Your Changes

tutuploadsmedia_1283444979433.png

Go to your live site and check to see whether the change has been made.

Changing Files

tutuploadsmedia_1283445775514.png

OK, OK, you might say. That was fairly simple. We were able to move some database tables over. Well, let's have a look at how can we also move over file updates.

For, this example I've uploaded a module from Rockettheme to my child site, but any extension will do. You can see that 2-15 are file changes and 16-17 are module updates.

Check the Changes

tutuploadsmedia_1283446080416.png

Now, go over to your live site and look for the new extension. It should have been successfully transferred.

Commit the Changes

tutuploadsmedia_1283445957394.png

Now select those changes, click "Commit" and you should get a message saying that you've successfully moved the test changes to your live site.

Webinar by the Creator of Working Copy

| WordPress

This tutorial will show you how to find, install and activate free themes for your WordPress site.

Video on Installing WordPress Themes

Go to the Themes Area

tutuploadsmedia_1283362689842.png

In the admin area of your Wordpress website, click on the "Appearance" tab and then click on "Themes".

Go the the Install Themes Area

tutuploadsmedia_1283362818950.png

Click "Install Themes" in the top of the themes area.

Choose a Keyword or Set of Features

tutuploadsmedia_1283362874577.png

One way to search for a theme is to enter a keyword and click "Search".

tutuploadsmedia_1283363006795.png

Alternatively you can choose the features you'd like and click "Find Themes". Be careful not to check too many boxes or you'll end up with few results when you search.

Theme Search Results

tutuploadsmedia_1283363550699.png

WordPress will return all the themes that match your search. Click on either "Install" if you know you want the theme or click "Preview" to see what it will look like. We're going to click on "Install" next to "Desk Mess Mirrored"

Install the Theme

tutuploadsmedia_1283363822661.png

You'll see a screenshot of the theme and a few details. Click "Install Now" to complete the installation or "Cancel" to go back.

Installation Complete

tutuploadsmedia_1283363894299.png

You'll hopefully get a message saying "Successfully installed the theme [THEME NAME]". Click on "Activate" to make the theme live.

Current Theme

tutuploadsmedia_1283363977870.png

You should now see your theme under the "Current Theme" heading. Voila! Your theme will now be live on your site.

| Drupal

This tutorial will show you how to create a custom RSS feed in Drupal. To do this you'll need to have the Views module uploaded and installed.

Add a New View

tutuploadsmedia_1281956782171.png

Click Administer > Site building > Views > Add

tutuploadsmedia_1281957015067.png

Enter a name for your new RSS feed, choose "Node" and then click "Next"

Create an RSS Feed View

tutuploadsmedia_1281957075011.png

On the left-hand side, choose "Feed" from the dropdown and click "Add display".

Choose the Types of Node Shown in Your RSS Feed

tutuploadsmedia_1281957133613.png

On the right-hand side, click the + icon next to "Filters". Choose "Node" from the dropdown menu and then check the box called "Node: Type". Click "Add".

tutuploadsmedia_1281957160984.png

Choose the node types that you want to include in your RSS feed and then click "Update default display".

Choose the Parts of the Node Shown in Your RSS Feed

tutuploadsmedia_1281957263244.png

On the middle of the Views screen, click the + icon next to "Fields". Choose "Node" from the dropdown menu and then check the box called "Node: Title". Click "Add".

tutuploadsmedia_1281957285620.png

You can change some of the setting for the RSS feed display here, but the first time you do this its best to click "Update" and move on.

Set the Path of Your RSS Feed

tutuploadsmedia_1281957368581.png

At the bottom left of the Views screen, click the "None" text next to "Path". Enter a path (URL) for your RSS feed and click "Update".

Set the Style of Your RSS Feed

tutuploadsmedia_1281957410785.png

At the top left of the Views screen, click "Missing style plugins" next to "Row style". Click "Update".

View Your Completed RSS Feed

tutuploadsmedia_1281957527699.png

Click "View "Feed"" in the top-right corner of the Views screen.

tutuploadsmedia_1281957550013.png

Your RSS feed should be ready!

| Joomla

This is Part 3 of a series of tutorials on Joomla's offline page:

Joomla allows a site to be taken offline with a setting in the Administrator Global Configuration panel.  When this happens, frontend access is no longer permitted and a special offline page is displayed. 

How is the Offline Page Created?

By default, the offline page is created from the System Template.  You'll find a file called offline.php in the /templates/system/ folder. The file itself is fairly straight-forward and can be divided into five parts:

Joomla Offline Page

Part 1. This single line provides error messages, for example if you try to login but enter the wrong information:

<jdoc:include type="message" />

Part 2. This places a Joomla logo on the page:

<div id="frame" class="outline">

<img src="/joomla_logo_black.jpg" alt="Joomla! Logo" align="middle" />

Part 3. This places your site name on the page:


<h1> <?php echo $mainframe->getCfg('sitename'); ?> </h1>

Part 4. This places an offline message on the page:

<p>

<?php echo $mainframe->getCfg('offline_message'); ?> </p>

Part 5. This final and longest part of the code places a login box. This code runs from:


<?php if(JPluginHelper::isEnabled('authentication', 'openid')) : ?>

all the way down to:
<?php echo JHTML::_( 'form.token' ); ?>
 

Creating Your Own Joomla Offline Page

You could of course just edit the default offline.php but you'd lose any changes as soon you upgraded your Joomla site. The best way to do this is to create a file called offline.php in your template folder. Copy the following files:

  • /templates/system/offline.php
  • /templates/system/css/offline.css
  • /templates/system/css/offline_rtl.css

and add those file to:

  • /templates/your_template/offline.php
  • /templates/your_template/css/offline.css
  • /templates/your_template/css/offline_rtl.css

This will give you a platform to safely customize the files.

| Joomla

MVC can be a scary acronym for the uninitiated.  It stands for Model-View-Controller and the concepts behind MVC are responsible for the extra flexibility that is now afforded to the designer.  While parts of the theory can be rather involved and complicated, the only part that the designer need worry about is the V for View.  This is the part that is concerned with output.

Different extensions display output in different ways.

Components

Components are fairly complex and have the ability to display different information in different ways.  For example, the Articles Component (com_content) is able to display a single article, or articles in a category, or categories in a section.  Each of the ways of representing the different types of data (an article, or a category, or a section) is called a view (this comes from our MVC terminology).  Most components will have many views.  However, the view doesn't actually display the output.  This is left up to what we call a layout and it is possible for a view to have a variety of layouts.

The main thing to remember here is that components can have multiple views, and each view can have one or more layouts.  Each view assembles a fixed set of information, but each layout can display that information in different ways.  For example, the Category view in the Articles component assembles a number of articles.  These articles could be displayed in a list or in a table (and probably other ways as well).  So this view may have a list layout and a table layout to choose from.

Modules

Modules, on the other hand, are very simple.  They generally display one thing one way.  Modules don't really have views but they do support a layout.  Some developers might even support a choice of layouts through module parameters.

Template versus Layout

It is very important to distinguish between the role of template and the role of layouts.  The template sets up a structural framework for the page of the Web site.  Within this framework are positions for modules and a component to display.  What actually gets displayed is governed by the module layout, or the combination of view and layout in the case of the component.

The following image shows the structural layout of a typical Joomla! template (rhuk_milkyway, the default for 1.5).  The module positions are displayed by adding tp=1 to the URL (eg, index.php?tp=1).  You can clearly see where the module output is contained within the overall template, as well as the main component output starting in the lower-centre region.  However, what is actually output in those regions, is controlled by the layouts.

Screenshot

Ancillary Customisation

While not strictly related to the MVC, there are two other important areas to consider when looking at customising the output of Joomla!.

In addition to layouts, modules have what we call chrome.  Chrome is the style with which a module is to display.  Most developers, designers and probably some end-users will be familiar with the different built-in styles for modules (raw, xhtml, etc).  It is also possible to define your own chrome styles for modules depending on the designer result.  For example, you could design a chrome to display all the modules in a particular position in a fancy javascript collapsing blind arrangement.

In the screenshot above, you can just make out the names of some of the built-in module chrome used (rounded, none and xhtml).

The second area has to do with controlling the pagination controls when viewing lists of data.

| Joomla

This tutorial will show you how to create tables inside Joomla articles. Because the default Joomla editor doesn't have a table-creation feature, we're going to recommend that you upgrade to Joomla Content Editor. Instructions on how to install it are here.

Getting Started

tutuploadsmedia_1279302864735.png

Open an article and put your cursor in the article where you'd like the table to be.

Insert a New Table

tutuploadsmedia_1279302938634.png

Click your mouse on the "Inserts a new table" button in the third row of your JCE Editor.

Choosing the Table Options

tutuploadsmedia_1279303033552.png

You'll see a pop-up looking like this. The first thing to do is choose the number of columns and row for your article. Cellpadding is the amount of space INSIDE each cell. Cellspacing is the amount of space BETWEEN each cell. Border will set a line around the outside of the whole table. Width and height allow you set fixed dimensions for the table, otherwise the table will adjust to fit the content inside. When you're done, click insert.

Writing Inside the Table

tutuploadsmedia_1279303232758.png

Click your mouse inside the table cells and start typing .... you should end up being able to fill in all the cells you need:

tutuploadsmedia_1279303548938.png

Modifying Your Table

tutuploadsmedia_1279303591717.png

You'll notice that when your table is selected, many new buttons along the 3rd row will light up. These are extra options for modifying our table. From left to right they are:

  • delete table
  • table row properties
  • table cell properties
  • insert row before
  • insert row after
  • delete row
  • insert column before
  • insert column after
  • delete column
  • split merged table cells
  • merge table cells

| Joomla

Custom HTML modules are a very useful feature in Joomla. You can insert any code you like from articles to photos to code. Here's a video explaining how it's done:

  1. Login to your Adminstrator area.
  2. Go to Extensions >> Module Manager.
  3. Click on the "New" button.
  4. Select "Custom HTML".
  5. Enter your code and click "Save".

Video on Adding a Custom HTML Module in Joomla


| Joomla

This tutorial came from a question in our support forum: "How do I know what the menu links to articles look like?" That's a good question. If you make a new menu link and choose "Articles", you're faced with 8 different types of layout. These are the 8 you'll see:

tutuploadsmedia_1278073133590.png

So what do they all do? Read on ...

Archived Article List

tutuploadsmedia_1278073323028.png

Joomla's archive system is not very sophisticated. If you choose "Archived Article List" you'll be take a search form like this. All articles that have been archived can be found here.

Article Layout

tutuploadsmedia_1278073353051.png

Article Layout is a fairly simple option: it links to the full text of one single article.

Article Submission Layout

tutuploadsmedia_1278073409079.png

Article Submission Layout allows anyone who is at the "author" level and above to submit articles.

Category Blog Layout

tutuploadsmedia_1278073464789.png

Category Blog Layout shows all the articles in one category. It shows them in a blog layout which means that you can use the "Read More" link to split the articles and show only teaser text.

Category List Layout

tutuploadsmedia_1278073639493.png

Notice that the articles in this Category List Layout are identical to those in Category Blog Layout above. The important difference is that they're shown in a list and people have to click on the article titles to read the text.

Front Page Blog Layout

tutuploadsmedia_1278073692139.png

This is very, very similar to Section Blog Layout and Category Blog Layout. Really the only difference is that the articles come from Content >> Frontpage Manager rather than from just one section or category.

Section Blog Layout

tutuploadsmedia_1278073715022.png

Section Blog Layout shows all the articles in one category. It shows them in a blog layout which means that you can use the "Read More" link to split the articles and show only teaser text.

Section Layout

tutuploadsmedia_1278073797764.png

Section Layout shows all of the categories in one section. Click on the category name and you'll be taken to a Category Blog Layout page (see above).

| Joomla

One of the most frequently asked questions on the Joomla forums is "What is the Itemid and what does it do?". I thought a quick tutorial would be useful because it's important for displaying both modules and templates:

If you have a brand-new Joomla installation that will be a big help in following along

Brand-New Joomla Site

tutuploadsmedia_1277996611809.png

If you have a brand new Joomla site installed, browse around and look at the URLs. For example, click on "Joomla Overview".

Joomla Overview URL

tutuploadsmedia_1277996702101.png

You'll notice the URL ends with Itemid=27. Try clicking on the next link down under "Main Menu". It should be called "Joomla License".

Joomla License URL

tutuploadsmedia_1277996805612.png

This time you'll notice the URL ends in Itemid=27. Try this on other pages and you'll see that each page is going to have a different Itemid at the end. The one you might be able to the see is the frontpage - the Itemd for that is always 1.

Where Else Can You See Itemids

tutuploadsmedia_1277997008000.png

Inside each menu there will be a column on the right-hand side listing Itemids

So What Do Itemids Do?

tutuploadsmedia_1277997159816.png

So we come to the key question .... notice on the frontpage, with an Itemid of 1, that there are lots of modules on the left, top and right. Now click on "Joomla License" which has an Itemid of 2:

tutuploadsmedia_1277997264819.png

Lots of those modules have vanished. However, let's just change the Itemid from 2 to 1:

tutuploadsmedia_1277997342900.png

And after doing that you'll see that all the frontpage modules have re-appeared. The Itemid controls which modules (and which templates) appear on a particular page:

tutuploadsmedia_1277997409813.png

Try going around the rest of your site and changing the Itemids on the URLs. See how the modules shift around. This is how Joomla controls which modules and templates appear on some pages but not others. If you have a problem with the modules appearing or not appearing where they should, it's very likely to be an Itemid issue.

Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!