After creating news articles, you'll need to provide your users/partrons a way to navigate to this content. There are various ways to accomplish this, including as a content block on your homepage or other landing pages, or by adding links to the news article listing page via menu links, header buttons, other Stacks features, or as a footer link.
No one method is necessarily the best; ultimately, the best method is determined by how you want your users/patrons to find and navigate to content on your site.
This article will explain these various methods for directing users/patrons to your news articles, as well as the settings that can be configured to control the display of the new article listing page and the content seen on the news article detail view.
Content Block on the Homepage (or other Landing Pages)
A content block can be added to any section on your homepage or any other landing page as you see fit.
To add the news article block to an existing section:
- Navigate to the page you wish to add the block to
- Click the Layout tab just under the header
- Scroll to the section where the block should be placed
- Click + Add block
- A window will open on the right listing the content that can be added to the section
- Content will be organized by feature type, scroll to the System Blocks section, then click News Articles
- In the next window, configure the appearance of the block, starting with the Heading, here you have 3 options
- Leave the heading as is, by default this will be visible to your users/patrons
- Change the heading name, click into the field and type in a new heading name
-
Hide the heading, if you do not wish to show any heading, click the eyeball icon to the right
- The heading field (and the helper text field below) will then be "greyed-out" and cannot be edited
-
Helper Text, if applicable, enter a short description or instructions to provide guidance to the user/patron
- This will appear as an 'i' icon to the right of the heading, users/patrons can click or hover over the icon to view the helper text
- Subheading, if applicable, enter a value to display as a subheading
- Sub-Title URL, if applicable, enter the full URL to the page you wish to direct users/patrons to when they click the displayed subheading
- Open in new tab/window, if adding a Sub-Title URL, check this box to open that page in a new browser tab/windowIn the window that opens a default heading will be displayed, you have 3 options
- Click Add Block
- In the next window, configure the appearance of the block, starting with the Heading, here you have 3 options
- Content will be organized by feature type, scroll to the System Blocks section, then click News Articles
- A window will open on the right listing the content that can be added to the section
For more information on how to also add new sections to your homepage or other landing pages, please see Adding Sections and Content section of the Creating Landing Pages and Adding Content article.
Menu Links
Stacks has 2 menu areas, the main menu and the top menu, either will allow for custom links for navigating to your news article listing page.
Main and Top Menu
To add menu links:
- From the Dashboard, click the Menus tile
- Click the List Links button to the right of Main Menu or Top Menu, depending on where you wish to place the link
- Click the +Add link button
- Menu link title, enter a title for the menu link, this is the value users/patrons will see in the menu
-
Link, enter the path to the news listing page, in this case /news
- Note: for internal Stacks pages, the full URL is not required in the link field, just the path mentioned above
- Enabled, ensure this box is checked to enable the link to appear in the menu
- Description, if required, enter a description for the menu link
- Show as expanded, when checked, this will expand the menu link if there are child links added under the main link
- Language, select the appropriate language, if applicable
-
Parent Link, select the appropriate option
- <Main menu>, select this option to display the link in the main menu
- <--link name>, select from other menu links listed to embed this link as a child link under the selected option
- <Top menu>, select this option to display the link in the top menu
-
Weight, enter a numerical value to determine the order of appearance
- Alternatively, after saving, click and drag the 4-way arrow in the list link page to change the order of appearance
- Click Save to complete the creation of the menu link
Header Button
Call to Action (or CTA) buttons are up to 4 custom buttons that can be enabled in the header and used for navigating to content, other Stacks pages, or external websites. Depending on the header layout, these buttons typically appear beside or just under the main search bar in your header.
- From the Dashboard, click the System Configuration tile
- Click the Header tile, then the Header CTA Buttons option from the menu on the left
- Enable, check this box to enable the CTA button feature
-
Header Button 1 through 4
- Title, enter the button name, this will be visible to the user/patron
-
URL, enter the path or URL to the page users/patrons will be directed to when the button is clicked
- For the news article listing page, enter the path /news in the URL field
- Click Save configuration when done
Other Stacks Features
Another method to direct users/patrons to your news listing page is through another Stacks feature such as a Callout, Slider, or Custom Block as example. The advantage of using features like this in particular, are the image options that can be used as a way of drawing attention to the content the user/patron may want to access.
As described in the sections above, the key to directing people to your directory listing page is by using the path /news in the appropriate Link or URL field.
For more information on creating or editing content such as Callouts, Sliders, Custom Blocks, etc. please see the associated user guide article(s) for the desired feature type.
Footer Link
The footer of your Stacks site allows for the addition of custom content and links that can be used for navigating throughout your site, including the news listing page.
- From the Dashboard, click the System Configuration tile
- Click the Footer tile, then the Contact Info option from the menu on the left
- In the Staff Directory URL field, enter the full URL to your directory listing page
- Unlike other areas, this requires the full URL (example: https://yoursitename.com/news)
- Click Save configuration when done
Settings for the News Listing Page
There are a few settings that can be configured to control the appearance list and detail views when viewing articles.
- The Listing View will be the default view users/patrons will see when navigating to the /news page of your Stacks site, where they will see a list of all published news articles
- The Details View will be the view users/patrons will see when they click on any one article to read/view the full article
- From the Dashboard, click the News articles tile
- Click the Settings tab near the top of the screen,
- Click the Listing View sub-tab
-
Enable Listing View, when checked this enables access to the listing view for the news articles
- If disabled, when a user attempts to load the URL for this content, they will be redirected to the homepage
- Title, edit the title for the page if desired, the default value is News
- Description, enter a description for the page if desired, this will be visible to users/patrons
-
Display section
- Expand First Group by Default, check this box to expand the items, when they are grouped
- Display search form, check this box to display a search bar for news articles
- Display A-Z Link Index, check this box to display a link on the list view when "Group by None" is selected
-
Enable Rss Feeds, check this box to display the RSS icon at the top of the articles list
- When a user/patron clicks this icon, the XML for the feed will be generated
- Note: any filters or search terms applied will be respected when the feed when the icon is clicked
- When a user/patron clicks this icon, the XML for the feed will be generated
- Enable Add to saved list button, check this box to enable a save to list button
-
Defaults section
- Default Page Limit, select the number of articles to be displayed before pagination is enforced
-
Default Grouping, select the default value articles should be grouped by
- Note: users/patrons can change this when viewing the list of articles
- Default Sort Field, select the default value articles should be sorted by
-
Default Sort Order, select the default order in which articles should be sorted
- Note: users/patrons can change this when viewing the list of articles
-
Field Visibility section
- Check the box beside each field that should be made visible to users/patrons when viewing the list of articles
- Click Save configuration when finished
-
Enable Listing View, when checked this enables access to the listing view for the news articles
- Click the Details View sub-tab
-
Field Visibility section
- Check the box beside each field that should be made visible to users/patrons when viewing the list of articles
- Enable Add to saved list button, check this box to enable a save to list button
- Click Save configuration when finished
-
Field Visibility section