Archive

Posts Tagged ‘Article Layout’

Joomla how to embed modules in articles

October 31st, 2009

There are many useful reasons why you would want to embed a module within article content on your website.

  • include a menu in an article
  • include a custom html module in an article
  • include search function in article

Any of your modules published within your module manager can be embedded.

Getting Started

If you already have a module in mind, its as easy as adding:

{loadposition user21}

Just add above syntax in your article where you would like the module to appear & edit “user21″ to reflect the position of the module you would like to embed & your done.

joomlogo

Here is a short tutorial showing how to make your own custom module and embed it in an article on your front page

From the control panel dashboard, click on your module manager

open your module manager

open your module manager

In the top right hand side of your module manager click “New”

Select "New" from the "module manager"

Select "New" from the "module manager"

Click “custom HTML” or click radial checkbox to the left of the text and click “next”

Select "Custom HTML" and click "Next"

Select "Custom HTML" and click "Next"

Enter your “Title” in this case were using “my custom module”

Create a new “user position” by typing one directly into the box, the value can be any number you want.

*TIP* Its best to start with a higher number to avoide using a position already used by your joomla template.

*TIP* Menu assignment, the all setting will allow the module to be embedded on any page in your site

Custom HTML module settings

Custom HTML module settings

Now if you scroll down past the settings to the bottom, you will see your editor.

This is where you create your custom module

Create the content to display in your "Custom Module"

Create the content to display in your "Custom Module"

When you are done editing your “Custom Module”, scroll back up to the top of the page and click save

(Top Right)

Click "Save" to finish your "Custom Module"

Click "Save" to finish your "Custom Module"

Once you have saved your “Custom Module”,

Click your article manager so you can embed your newly created “Custom Module”

(In this case we are embedding it on the home page of our site)

Click your article manager & select article you wish to include your "Custom Module"

Click your article manager & select article you wish to include your "Custom Module"

Type: {loadposition user21} into the article where you wish to display your new “custom HTML” module

*TIP* You can also center the syntax or place it in a table

if you wish to further control where the “Custom HTML” module displays

Type Syntax:{loadposition user21} into your article where you wish to display your new "Custom HTML" module

Type Syntax:{loadposition user21} into your article where you wish to display your new "Custom HTML" module

Now save your article and check it out!

Check out your page & see your new "Custom HTML" module

Check out your page & see your new "Custom HTML" module

ITS THAT EASY!

Blog & Website Help, CMS, joomla how to , , , , , , , , , , , , , ,

Joomla how to change the “welcome to the front page” title

October 26th, 2009

“Welcome to the front page” This message is displayed by default in a new installation of joomla.

To disable this or change to your desired welcome message:

From the joomla control panel dashboard select the *Main Menu from the Menus drop down box

Open your main menu

Open your main menu

Select your default home page

open your default home page

open your default home page

In the “Parameters (System)” box (bottom menu on the right hand side).

Parameters (System)

Parameters (System)

You will see the first setting at the top called

“Page Title” This is where you can change the message

The next setting,

“Show page title” will let you choose whether or not to show this title on your home page.

Its that easy!

Blog & Website Help, joomla how to , , , , , , , , , , , , , , , , , , , , , ,

Joomla How to change the front page article layout

October 25th, 2009

Changing the front page article layout in joomla can fix problems with articles running off the page in some templates.

From the control panel dashboard select the drop down menus & click on “Main Menu”

Select Menus>*Main Menu

Select Menus>*Main Menu

Select your default home page

Select your default home page

From the list of links select your home page (Your default home page with the star)

Now you will see all your settings for your home page in your  Joomla website

Joomla front page article layout settings

Joomla front page article layout settings

#Leading This setting determines the number of full width articles to be shown at the top of your front page (home page)

#Intro This setting shows the number of articles displayed below the leading articles:

TIP: Leading + Intro = Total articles displayed on front page.

#Columns This setting will split #Intro horizontally

#Links This will display links to articles with only the title of the article displayed as the link.

Here is an example:

“Leading 2″

” Intro 4″

“Columns 2″

This is what it would look like:

"Leading 2"    " Intro 4"  "Columns 2"

"Leading 2" " Intro 4" "Columns 2"

ITS THAT EASY!

Blog & Website Help, joomla how to , , , , , , , , , , , , , , , , , ,

How to create new website page with menu link in joomla

October 18th, 2009

Here is a short tutorial on:

how to easily create a new page on your Joomla website

And how to create a link to that new page in your website menu

(Click on picture to view full size in new window)

Log in to the administration back end of joomla

From the control panel dashboard

select new article

joomla control panel dashboard new article

joomla control panel dashboard new article

Or from the article manager

select new article

joomla new article
new article from article manager

First create your page for your website

Then when you are finished, change the settings, title the page and save your article

Create, adjust page settings & save
Create, adjust page settings & save

(Remember, you can always open the page later and edit)

When the page/article save is completed,

select the menu you would like the link to appear in from the “Menus” drop down menu.

Menus drop down selection
Menus drop down selection

Once you click on the menu you would like the page link to be displayed in,

The “menu item manager” window will load.

On the upper right hand side of the window you will need to select “new”

Select new menu item
Select new menu item

You will see a new window open now with a tree type structure.

Click the articles link & when the tree expands, you will want to click the Article Layout

This will display your article as a single page.

New menu item page
New menu item page

Once you click the “Article Layout” link, the “new menu item” settings window will open

where you can adjust your page link settings. When you are happy with the settings and link title, click “Save

New article link settings
New article link settings

Great! now you are done!

That was easy!

Check your new link & test it out!
Check your new link & test it out!

joomla how to , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Improve the web with Nofollow Reciprocity.
9 visitors online now
9 guests, 0 members
Max visitors today: 9 at 12:55 am GMT+8
This month: 31 at 07-15-2010 12:23 pm GMT+8
This year: 85 at 06-06-2010 12:38 am GMT+8
All time: 85 at 06-06-2010 12:38 am GMT+8
Easy AdSense by Unreal