This page will show you how to add Posts to your page after you have created both a page and a Post Type. By adding the Post Types element to your page, you will create what is called a "Post Browser."

Post Browsers list the posts that are collected in a Post Type, and allow you to change filtering and display options as needed.

Begin by clicking the "Pages" tab, located in HillTop's top menu. Locate the appropriate page in the list (ex. "Press Releases"), then click the Edit button (pencil icon) to the left of the page title. This will bring you to the content editor.

Here, click the Content Element labeled "Post Types," in the right sidebar. This will add a Post Browser to your page.

Post Types link

From the new Post Browser's content block, click the "+Existing Post Types" button near the bottom of the block, as seen below.

Add Posts - Existing Post Types

Next, select the Post Type(s) that you wish to display, from the list in the "Select Post Type" section. Once you have selected your Post Types, click the "Submit" button. This add the posts from your selected Post Type to the page.

Add Posts - Select Post Type

Optional - Settings

If you would like to change the default settings for displaying posts, click link labeled "Settings," in the top right section of the blue header. This will bring up the settings menus. There are five tabs in the settings: Display Options, Labels, Features, Variables, and Layout.

Note, some websites may display fewer settings, while others may have had extra, custom designed settings added. If you would like to increase your site's functionality by adding one or more of the settings described below, contact [email protected]. If you require assistance with settings that do not appear in this section of the User Guide, contact [email protected].

From these tabs, you will be able to change the display options of your Post Browser to create calendars or maps, filter your news articles by month or year, attach or remove labels, and more. Each tab and it's options are described in detail below.

Display Options

Below is a list of the fields you will see in your Post Browser's Disply Options tab, along with descriptions of each setting.

Layout:

The "Layout" options allow you to change the fundamental way in which your Post Browser functions. Each "Layout" changes the way your Posts are displayed on the page, as described below. The default setting is "Browse by Month & Year."

The "Browse by Month & Year" option is the default setting. This will create a a table, which lists the title of each Post, along with their creation/publication date, in separate columns. Each month will have it's own heading, as seen in the example below. The Post titles act as links to the content of the Post.

The example shown at the bottom of this page is set to "Browse by Month & Year."
The "Gallery" option creates an image gallery, for Post Types with image-based content. Gallery content can be browsed by clicking the arrows on the left or right of the current image. Clicking the image will forward visitors to the text content of the Post.
When choosing "Digest Format," the entire "Content" section of each Post is displayed within the Post Browser.
To create a calendar on your page, select "Calendar." Selecting a calendar-specific Post Type will populate your calendar with events.
The "List" layout creates a compact, single spaced version of the "Browse by Month & Year" format. This layout displays only the shorthand date of each Post, and omits the month and year headings.

Selecting "Map" will allow you to create a map on your page. This format uses addresses from your map-specific Post Type to create Points-of-Interest on an interactive map.
Selecting "Panels" uses a large, image-based format. Your newest Post will be displayed as a large 600 x 400 image, with the next three Posts appearing on the right as three equally sized thumbnail images. This layout is recommended for "Featured" posts, or other Post Types that include large, high quality images.
"Tiles" is another image-based layout. Your three newest Posts will be displayed as a row of three equally sized images, with a drop-down function that allows visitors to view later Posts. This layout is also recommended for "featured" Posts.

Template Placement:

This option determines which section of your page the Posts will be displayed on.

The default "Template Placement" is "Main Body." This will display your Post Browser within the central content area of your page.
Selecting "Sidebar" will display the Post Browser in the right (or left - depending on your specific site layout) margin of your page.

Display Group Title?:

The "Display Group Title?" option allows you to choose whether you would like the Group Title (which can be entered below "Post Type Group" in the Post Browser's content block), to be visible to visitors.

Detail Page:

This setting determines which page your Posts will be displayed on. Selecting the "Post Type Default Page" will redirect the visitor to the designated page for the Post Type you have added to your Post Browser. Selecting "This Page" will display the Post on the page where the Post Browser is located.

For example, if you are adding a Post Browser to your home page for news articles: "Post Type Default Page" will send visitors who click on a Post title link to your "News" page, when displaying the content of the post. "This Page" will display the Post directly on the home page. In this case, selecting "Post Type Default Page" is recommended, unless you have specifically designed your home page to display news articles.

Sort By:

The "Sort By" option allows you to sort your Posts by Date Written, Date Uploaded, or alphabetically by Title.

Sort Order:

This option determines the order of your "Sort By" selection.

For example: If you are sorting by "Date Written," selecting "Ascending" will display the newest Posts first, and "Descending" will display the oldest Posts first.

Items to Display:

This option allows you to set the number of Posts that will be displayed in your Post Browser. If you are using your Post Browser as a calendar, this should be set to "All."

Filter Bars:

This option allows your visitors apply filters to the Posts in the Post Browser. For example, by selecting the "Labels" filter, your visitors could filter calendar events by grade level or sports team - if the calendar entries have grade or team specific Labels attached to them.

"Default Set" filters by month and year.

Display Image?:

If you have images attached to your Posts, this gives you the option to display them within the Post Browser.

Image Size:

If you have chosen to display your images, this drop-down menu allows you to select the display size. "Thumbnail" displays a small 100x100 pixel image. "Featured" displays a larger 600x400 pixel image. The default option for this setting is "Thumbnail."

Display Date?:

This option allows you to select whether the date of the Post is visible to visitors. The default option is "Yes."

Display Time?:

This option allows you to select whether the exact time the post was published is visable. The default option is "No."

Limit Display To:

This setting allows you to limit which Posts are displayed on the page, relative to the current date. The default setting is "All," which displays every Post in the Post Type. "Upcoming" limits the available Posts to those with a future publishing date. "Past" displays only the Posts whose publishing date has already occurred.

Labels

Show filters for Posts with Labels from the Label Type(s):

If you have attached Labels to your Posts, this setting allows you to create a new drop-down menu in the Filter Bar, which allows visitors to choose from any of the Label Types you have selected in this section. Once a visitor has chosen a Label from the menu, only Posts with the selected will be displayed.

Only display Posts that match the Label(s):

By selecting a Label from the "Label Type" menus in this section, your Post Browser will display only those Posts with the selected Label attached. Posts without the selected Labels will not be viewable by visitors.

Features

The default setting for this tab is "Do Not Limit," which will display all Posts in the Post Type. If you have selected a Feature Groups in this tab, such as "Homepage," the Posts will be limited to those you have marked as "Featured." for your chosen Feature Group.

Variables

This tab is used by GSL Solutions developers to push specific data to a Post Browser. If you require assistance with this setting, contact [email protected].

Layout

If you have customized your Web page with the "Page Layout" feature, this option allows you to place your Post Browser in a specific section of your page.

Finish - Click Submit

Once you have selected the appropriate layout and settings for your Post Browser, click the "Submit" button to save your changes.

This is the most common layout for a Post Types browser. This layout creates a list of Posts, sorted by date with additional label filtering options available. To add this layout, click "Group Settings" then under the "Display Options" tab select the "Browse by Month & Year" option in the Layout section.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ipsum magna, congue et tristique a, lacinia sit amet enim. Mauris turpis nisi, feugiat nec semper ut, bibendum non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum eu velit justo, eu fringilla dui. Fusce ac metus nisl, gravida bibendum augue. Suspendisse imperdiet sollicitudin sem, id convallis erat scelerisque et. Ut vehicula placerat magna quis fermentum. Vestibulum aliquet justo id sem imperdiet vel dapibus dui euismod. Pellentesque vitae felis quam, sit amet dapibus dolor. Maecenas tincidunt imperdiet eros in mollis. Curabitur convallis lobortis risus in dignissim. Phasellus vestibulum sapien nec lorem facilisis vel suscipit leo convallis. Etiam eu faucibus mauris. Donec metus nisl, lobortis vitae porta et, condimentum at quam. Suspendisse potenti. Maecenas a ligula arcu. In eget ante leo. Maecenas vel erat orci, at faucibus risus. Suspendisse egestas enim vel lacus blandit pellentesque. Sed feugiat, nisl sit amet dignissim vulputate, lacus neque condimentum elit, pretium bibendum justo nulla aliquet mi.

Suspendisse est turpis, hendrerit quis accumsan quis, interdum id libero. Etiam vitae purus quis libero eleifend lobortis sit amet in dui. Praesent tincidunt sapien nec leo tincidunt blandit congue erat malesuada. Mauris ullamcorper turpis eu nulla pretium non feugiat lorem venenatis. Curabitur vestibulum eros justo. Integer vel accumsan massa. Pellentesque facilisis nunc eget nisi pellentesque hendrerit. Aliquam mattis rhoncus tellus, quis dictum lacus condimentum iaculis. Integer viverra mi vitae metus elementum eget eleifend ipsum elementum. Nulla facilisi. Donec purus velit, interdum eu lacinia non, condimentum nec ipsum. Proin ut arcu purus, sed ultrices leo.

Nullam sagittis congue sagittis. Fusce tortor augue, consectetur eu vestibulum nec, rutrum a sapien. Nunc molestie ultricies erat, et semper risus lobortis a. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In sodales purus quam, vel viverra elit. Suspendisse placerat lacinia quam eu fringilla. Cras ac diam quam, id elementum ligula. Nullam sagittis suscipit nisl eget tincidunt. Sed erat neque, imperdiet in pretium ut, porttitor a arcu. Cras at dolor in risus suscipit eleifend. Praesent a massa sed massa accumsan tincidunt. Morbi varius, velit hendrerit pretium malesuada, metus augue posuere neque, in dignissim turpis magna in velit. Cras posuere sapien at massa pellentesque pellentesque. Pellentesque ac purus et tellus scelerisque euismod facilisis vitae sem. Sed vitae nisl elit. Proin sed libero justo. Donec auctor magna a lacus venenatis posuere. Etiam nec lorem ac quam molestie faucibus ac a urna. Sed metus ligula, blandit ac varius vel, dignissim quis mauris. Nullam accumsan facilisis consequat.

Integer quis lorem erat. Nulla pellentesque tristique sem quis hendrerit. Suspendisse potenti. Aenean malesuada mauris ut elit tristique luctus. Phasellus ante tortor, consectetur et luctus ac, convallis eget massa. Ut quis neque mi. Pellentesque eget purus tellus, nec eleifend elit. Nullam facilisis, urna in pharetra tempor, massa orci faucibus mi, ac semper sem risus id tortor. Curabitur malesuada nibh a metus tempor rhoncus. Donec eleifend, tellus vitae gravida aliquet, enim risus ultricies risus, sed posuere erat nibh sit amet libero. Donec a leo sit amet neque tempus commodo in congue felis. In id quam nec mauris volutpat dictum eu quis sapien. In nisl metus, ornare nec gravida quis, ultricies in dui. Quisque ac mi felis, a rutrum nulla. Curabitur quis viverra tellus. Fusce purus quam, dignissim vel pellentesque ut, pharetra sit amet dolor. Ut sit amet facilisis odio. Proin ut erat leo.

Sed at massa in sem semper dictum. Suspendisse et est odio, eu fermentum lacus. Cras aliquam urna a erat dictum porta. Sed in dolor sem. Nunc nec tempus leo. In eget dolor at quam consectetur euismod. Donec rutrum nisi nec leo egestas quis placerat lectus sollicitudin. Morbi justo lorem, scelerisque ac rhoncus id, consectetur ac mi. Vivamus quis urna diam, at iaculis ante. In auctor sodales purus vel imperdiet. Sed hendrerit suscipit lacus vel pretium. Maecenas cursus euismod sapien, a mollis magna sollicitudin eu. Donec sagittis orci in nisi vulputate non lobortis massa mattis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Permalink: http://docs.hilltopcms.com/2010/9/test-2

Add Posts to a Page

Introduction

Adding a Post Type

Optional - Settings

Display Options

Labels

Features

Variables

Layout

Finish - Click Submit

Example Layout

Browse by Month & Year

Test 2

September 3, 2010