Help4.x

Help4.x:Menu Item: Featured Articles

From Joomla! Documentation


Other languages:

Description

The Featured Articles menu item type is used to show all Articles that have been tagged as Featured in a Blog Layout.

How To Access

To create a new Featured Articles menu item:

  • Select Menus  [name of the menu] from the Administrator menu (for example, Menus  Main Menu). Then...
    • Select the New Toolbar button. Then...
    • Select the Menu Item Type Select button Help-4x-Menu-Item-Type-Select-Button-en.png. Then...
    • In the modal dialog select the Articles item to open a list and then select the Featured Articles item.

To edit an existing Featured Articles menu item:

  • Select its Title in Menu Items list.

Screenshot

Help-4x-Menus-Menu-Item-Article-Featured-screen-en.png

Form Fields

  • Menu Title: The title that will display for this menu item.
  • Alias. The internal name of the item, also used in the URL when Site Global Configuration SEO Setting is activated. Normally, you can leave this blank and Joomla! will fill in a default value. The default value is the Title or Name in lower case and with dashes instead of spaces. You may enter the Alias manually. The Alias should consist of lowercase letters and hyphens (-). No blank spaces or underscores are allowed. Non-Latin characters can be allowed in the alias if you set the Unicode Aliases option to Yes in the Site Global Configuration SEO settings. If this option is set to No and the title includes non-Latin characters, the Alias will default to the current date and time (for example "2012-12-31-17-54-38").

Details Tab

Left Panel

  • Menu Item Type. Select from the types available in a modal dialog.
  • Link: Link for this menu.
  • Target Window. Select from the drop-down list.
  • Template Style. Select from the drop-down list.

Right Panel

  • Menu: Shows which menu the link will appear in.

Layout Tab

Help-4x-Menus-Menu-Item-Article-Featured-layout-options-subscreen-en.png

A Blog Layout in Joomla! has 3 main areas: Leading Articles, Other Articles, and Links. Articles in the Leading Area usually display in one column, using the full display width. Articles in the Other Articles Area may display in one, two, or three columns, depending on the Blog Class setting. The parameters below control the number of Articles in each area and the order in which they display. If an Article has a "Read more..." break, only the text before the break (called the Intro Text) will display, along with a "Read more..." link.

Help30-articles-featured-example-en.png
  • Select Categories. Select the categories you want to include in this layout. Use Ctrl+Click to select more than one category. Use Shift+Click to select a range of categories. Click the 'X' in the category box to remove category
Help30-category-selection-subscreen-en.png
  • # Leading Articles. Number of Articles to show using the full width of the main display area. "0" means that no Articles will show when using the full width. If an Article has a "Read more..." break, only the part of the text before the break (the Intro text) will display. Leave blank to use the default value from the component options.
  • # Intro Articles. Determines the number of Articles to display after the leading Article. These Articles will display in the number of columns set in the Columns parameter below. If an Article has a "Read more..." break, only the text before the break (Intro text) will display, followed by a "Read more..." link. The order in which to display the articles is determined by the Category Order and Article Order parameters below. Leave blank to use the default value from the component options.
  • # Columns: The number of columns to use in the Intro Text area. This is normally between 1 and 3 (depending on the template you are using). If 1 is used, the Into Text Articles will display using the full width of the display area, just like the Leading Articles. Leave blank to use the default value from the component options.
  • # Links. The number of Links to display in the 'Links' area of the page. These links allow a User to link to additional Articles, if there are more Articles than can fit on the first page of the Blog Layout. Leave blank to use the default value from the component options.
  • Multi Column Order. In multi-column blog layouts, whether to order articles Down the columns or Across the columns.
    • Use Global: Use the value from the component options screen.
    • Down: Order articles going down the first column and then over to the next column, for example:
Help-4x-Blog-Layout-down-en.png
  • Across: Order articles going across the columns and then back to the first column, for example:
Help-4x-Blog-Layout-across-en.png
  • Category Order. Order of Categories in this Layout. The following options are available.
Help30-category-order-en.png
  • Use Global: Use the default value from the component options screen.
  • No Order: Articles are ordered only by the Article Order, without regard to Category.
  • Title Alphabetical: Categories are displayed in alphabetical order (A to Z)
  • Title Reverse Alphabetical: Categories are displayed in reverse alphabetical order (Z to A)
  • Category Manager Order: Categories are ordered according to the Order column entered in the Articles: Categories page.
  • Article Order. Order of articles in the Featured Articles Layout. The following options are available.
Help30-article-order-en.png
  • Use Global: Use the default value from the component options screen.
  • Featured Articles Order: Articles are ordered according to the Order column entered in Articles: Featured.
  • Most recent first: Articles are displayed starting with the most recent and ending with the oldest.
  • Oldest first: Articles are displayed starting with the oldest and ending with the most recent.
  • Title Alphabetical: Articles are displayed by Title in alphabetical order (A to Z)
  • Title Reverse Alphabetical: Articles are displayed by Title in reverse alphabetical order (Z to A)
  • Author Alphabetical: Articles are displayed by Author in alphabetical order (A to Z)
  • Author Reverse Alphabetical: Articles are displayed by Author in reverse alphabetical order (Z to A)
  • Most Hits: Articles are displayed by the number of hits, starting with the one with the most hits and ending with the one with the least hits
  • Least Hits: Articles are displayed by the number of hits, starting with the one with the least hits and ending with the one with the most hits
  • Article Manager Order: Articles are ordered according to the Order column entered in the Articles.
  • Date for Ordering. The date used when articles are sorted by date. The following options are available.
    • Created: Use the article created date.
    • Modified: Use the article modified date.
    • Published: Use the article start publishing date.
  • Pagination. Hide or Show Pagination support. Pagination provides page links at the bottom of the page that allow the User to navigate to additional pages. These are needed if the listed items will not fit on one page. An example is shown below.
Help30-pagination-en.png
The following options are available.
  • Use Global: Use the default value from the component options screen.
  • Auto: Pagination links shown if needed.
  • Show: Pagination links shown if needed.
  • Hide: Pagination links not shown. Note: In this case, Users will not be able to navigate to additional pages.
  • Pagination Results. Hide or Show the current page number and total pages (e.g., "Page 1 of 2") at the bottom of each page. Use Global will use the default value from the component options.

Options Tab

The Featured Articles Layout has the following Article Options, as shown below. These options determine how the articles will show in the blog layout.

Help-4x-Menus-Menu-Item-Article-Featured-options-subscreen-en.png

In addition to Yes/No or Hide/Show, these options allow the following settings.

  • Use Global: Use the default value from Article Manager Options.
  • Use Article Settings: Use the value from the Article Manager Edit. This setting allows you to have different options for different articles in the blog layout. For example, one article could show the author and other articles could hide the author.

The Article Options are as follows:

  • Show Title. (Use Global/Use Article Settings/Hide/Show). Whether or not to show the Article's Title.
  • Linked Titles. (Use Global/Use Article Settings/No/Yes). If the Article's Title is shown, whether to show it as a link to the article.
  • Show Intro Text. (Use Global/Use Article Settings/Hide/Show). If set to Show, the Intro Text of the article will show when you drill down to the article. If set to Hide, only the part of the article after the "Read More" break will show.
  • Position of Article Info. (Use Global/Use Article Settings/Above/Below/Split). Puts the article information block above or below the text or splits it into two separate blocks. One block is above and the other is below.
  • Article Info Title: (Use Article Settings/Hide/Show) Display the 'Article Info' title on top of the article information block.
  • Show Category. (Use Global/Use Article Settings/Hide/Show). Whether or not to show the Article's Category.
  • Link Category. (Use Global/Use Article Settings/No/Yes). If the Article's Category is shown, whether to show it as a link to a Category layout (list or blog) for that Category.
  • Show Parent. (Use Global/Use Article Settings/Hide/Show). Whether or not to show the Article's Parent Category.
  • Link Parent. (Use Global/Use Article Settings/No/Yes). If the Article's Parent Category is shown, whether to show it as a link to a Category layout (list or blog) for that Category.
  • Show Associations. Multilingual only. If set to Show, the associated articles flags or URL Language Code will be displayed.
  • Show Author. (Use Global/Use Article Settings/Hide/Show) Whether to show the author of the Article.
  • Link Author. (Use Global/Use Article Settings/No/Yes). If the Article's author is shown, whether to show it as a link to a Contact layout for that author. Note that the author must be set up as a Contact in the Contacts page.
  • Show Create Date. (Use Global/Use Article Settings/Hide/Show). Whether or not to show the Article's create date.
  • Show Modify Date. (Use Global/Use Article Settings/Hide/Show). Whether or not to show the Article's modify date.
  • Show Publish Date. (Use Global/Use Article Settings/Hide/Show). Whether or not to show the Article's start publishing date.
  • Show Navigation. (Use Global/Use Article Settings/Hide/Show). Whether or not to show a navigation link (for example, Next or Previous article) when you drill down to the article.
  • Show Voting. (Use Global/Use Article Settings/Hide/Show). Whether or not to show the a voting icon for the article.
  • Show Read More. (Use Global/Hide/Show). Whether or not to show a "Read More" link to allow a drill down to the entire article.
  • Show Title with Read More. (Use Global/Hide/Show). If set to Show, the Article's title will show in the "Read More" button.
  • Show Icons. (Use Global/Use Article Settings/Hide/Show). If set to Show, Print and Email will use icons instead of text.
  • Show Print Icon. (Use Global/Use Article Settings/Hide/Show). Show or Hide the Print Article button.
  • Show Email Icon. (Use Global/Use Article Settings/Hide/Show). Show or Hide the Email Article button.
  • Show Hits. (Use Global/Use Article Settings/Hide/Show). Show or Hide the number of times the article has been hit (displayed by a user).
  • Show Tags: (Use Global/Hide/Show) Show the tags for each article.


  • Show Unauthorised Links. (Use Global/No/Yes). If Yes, the Intro Text for restricted articles will show. Clicking on the "Read More" link will require users to log in to view the full article content.

Integration Tab

The Featured Articles layout has the following Integration Options.

Help-4x-Menus-Menu-Item-Article-Categories-integration-options-parameters-en.png

These determine whether a news feed will be available for the page and what information it will show.

  • Show Feed Link. (Use Global/Hide/Show) Whether to Hide or Show a link to a news feed (RSS Feed). If set to Show, a Feed Link will show up as a feed icon in the address bar of most modern browsers.
  • For each feed item show. (Use Global/Intro Text/Full Text) If Intro Text, only the article's intro text will show in the feed. Otherwise, the entire text of the article will show.

Common Options

See Menus: Edit/New Item for help on fields common to all Menu Item types, including:

  • Link Type Options
  • Page Display Options
  • Metadata Options

Module Assignments Tab

See Menus: Edit/New Item for help on fields in this Menu Item.

Toolbar

At the top of the page you will see the toolbar shown in the Screenshot above. The functions are:

  • Save. Saves the menu item and stays in the current screen.
  • Save & Close. Saves the menu item and closes the current screen.
  • Save & New. Saves the menu item and keeps the editing screen open and ready to create another menu item.
  • Save as Copy. Saves your changes to a copy of the current menu item. Does not affect the current menu item. This toolbar icon is not shown if you are creating a new menu item.
  • Cancel. Closes the current screen and returns to the previous screen without saving any modifications you may have made. Or
  • Close. Closes the current screen and returns to the previous screen without saving any modifications you may have made.
  • Help. Opens this help screen.

Quick Tips

  • To see an example of the featured layout, install Joomla! with the sample data and select the Home page.

Related Information

Related Help Screens Description
Articles: Options Used to set global defaults for menu items that display articles. These default values will be used when "Use Global" is selected for an option in an Articles menu item. For example, to show the 'Create Date' for an article in your Articles menu items, then set that option to "Show" here and it will be the default value. You do not need to set any of these options. Your Joomla site will work with the default settings.
Articles The Article list is used to find, mark featured, add and edit articles.
Articles: Edit This is the Administrator screen where you can add and edit Articles. The same screen is used for adding a new Article and editing an existing Article. You can also select the Section and Category for an Article and indicate whether or not it is Published and if it is selected to appear on the Front Page.

The Article's content is edited using the editor selected in the User Profile. The default editor is called TinyMCE.

Articles: Featured Used to control which 'Featured Articles' are displayed on the Front Page and in what order they are displayed. The Front Page is often the Home page of a web site, but it can be any page in the site.
Menus: List All Categories Used to show a hierarchical list of Categories. Depending on the selected options for this layout, you can click on a category Title to show the articles in that category.
Menus: Category Blog Used to show articles belonging to a specific Category in a blog layout. Controls the Introduction or Leading Article, additional Articles with introductory text, and additional links to more Articles in the same category. Some examples of settings for the Blog Layout format include: number of articles, article columns, across or down layouts, and number of additional links.
Menus: Category List Used to show articles belonging to a specific Category in a list layout.
Menus: Create Article Allows users to submit an article. Normally this is available only to users who have logged in to the front end of the site. Users must have permission to create articles.
Menus: Featured Articles Used to show all Articles that have been tagged as Featured. Articles are shown in a Blog Layout.
Menus: Single Article Used to show one article.