Displaying Articles in a Blog Layout

read_more

Sometimes you will want to have a menu item that leads to a page with multiple articles, arranged in a ‘blog’ layout with introductory text and a link to read the entire article.

You start by creating your articles as usual. Make sure all the articles you want to show together are in the same category.  In each article, insert a ‘read more’ separator after the first few sentences or paragraph. The ‘read more’ button is in the editing toolbar.

read_more


Then follow instructions for creating a new menu item:

To add an item to a menu:

IMPORTANT: The category that you want to link to must already be created. You cannot create a menu item for an item that doesn’t exist yet.

Once the item has been created, to add a menu item, go to ‘Menus’ and choose from the drop down the menu you want to add to.

Example: Menus, Main Menu. You will now see the ‘Menu Item Manager.’

Select ‘new’ on the right hand side menu. You will now see ‘Select Menu Item Type.’
For articles, select ‘Articles’ and then ‘Category Blog Layout’
You will now see the Menu Item: [ New ] Category Blog Layout page.
blog_layout.jpg

On the right hand side, you will see a drop down menu where you can select the category to be displayed. The #leading, #intro, columns, and #links settings allow you to control the layout of the page.

Leading = Number of articles to display at full width. Can also be set to 0.
Intro = Number of articles to show just the introduction to, with a link to read the full text
Columns = Number of columns on the page, usually 1 or 2
Links = Number of items that are displayed only as links

When you create a new menu item, it will be added as the last item in the menu. To change the order of the menu items, go to the Menu Item Manager. You will have two options for changing the order – the small green up and down arrows allow you to move a menu item up or down one line at a time. After you click on an up or down arrow, the page will automatically refresh, and you will see the new position. This is fine for moving a menu item up or down one or two positions, but is less useful for moving a menu item from position 20 to position 2. Instead, you can enter a number in the ‘order column’ and then click the small disk icon next to the order column, to save your choice. To move a menu item ‘Activities’ from 20 to 2, for example, you would enter ‘2’ in the order column for ‘Activities’ and click on the disk icon to make the change. The page will now refresh, and you can view the new order, and make further changes as needed.