Joomla 2.5 Featured Articles - Page Display OptionsWritten by Brad Markle
When creating a featured articles menu item type in Joomla 2.5, you will see a set of options labeled as Page Display Options. The Page Display Options control things such as your page title, page heading, and custom css classes for the page. In this tutorial, we'll walk you through the basics of the Page Display Options for featured article menu items.
To access a featured articles Page Display Options in Joomla 2.5:
- Log into your Joomla 2.5 admin
- In the top menu, hover over Menus and then click the menu item that includes your featured articles menu item
- In the list of menu items, find and click on the featured articles menu item that you want to edit. In the right menu, you will see a set of options labeled Page Display Options:
Browser Page Title
The Browser Page Title attribute controls the title tag for your page. If you don't enter a Browser Page Title, the document's title will default to the title of the menu item, which by default is "Home" (or whatever you typed in). When we set the Browser Page Title to, "My New Page Title", you can see below how it affects the page title:
<title>My New Page Title</title>
|No Browser Page Title set||When Browser Page Title is set to "My New Page Title"|
Show Page Heading
The Show Page Heading attribute toggles whether or not to show a heading on the page. If set to yes, a page heading will be shown right before the beginning of the page's content (as seen in the screenshots below).
<div class="blog-featured"><h1>My New Page Title</h1>
|When Show Page Heading is set to No||When Show Page Heading is set to Yes|
The Page Heading attribute allows you to set a custom page heading. For example, if you select the option discussed above to Show Page Heading, it will use the menu item's title as the page heading. If you wanted the title of the page to be different than the h1 tag, you can set a custom page heading value here.
The Page Class attribute allows you to set a custom page class to the container that holds the page's information. Adding this custom class will allow you to set custom css styles for this page only.
For example, if we set the page class to "custom_page_class", the code would be updated as:
If you type in a new page class starting with a space, as in " custom_page_class", it will look like two different classes, as in:
<div class="blog-featured custom_page_class">