This feature works on the following page types:
- Blog
Featured News Item
Add the following tag to the page:
featured: full
Base Tag
Add the following tag to the page:
layout_news
- Pinned Posts
- Blog Intro Text
- Press Release Layout
- Configure what each blog post is called
- Display Blog Posts on Specific Pages
- Hide Blog Post Author
- Hide Related Posts
- Headline Size
- Width Formatting
- Item Styles
Pinned Posts
Pin a post above all other posts using this tag on the post itself:
pinned
Note: this doesn’t work on “display all blog posts/events” blogs unless the post lives under that specific blog.
Blog Intro Text
You'll notice that Blog pages are the only page-type in NationBuilder that do not have an Intro content area. We've created this workaround if you'd like to have intro text above your list of blog posts.
First, create a Basic page as a subpage to your Blog page. Then, apply the following tag to the Basic page and you're all set.
layout_blog_intro
Display only After the flip content
By default, Before the flip content displays above your After the flip content on a Blog Post. However, you may want to hide the Before the flip content; it may be repetitive, you may want to have different content before users click "Read more", etc.
To display only the After the flip content on a Blog Post add the following tag:
layout_blog_content_flip
*the Before the flip content will still display before visitors click "Read more".
Press Release Layout
Add the following tag to format a single blog post like a press release; with the date at the top, a large headline, and the media contact person at the bottom.
layout_press_release
If you want an entire set of blog posts to format like a press release, add this tag to the Blog page (not an individual blog post).
Configure what each blog post is called
post:
Examples:
post: Update
Changes references of "Post" to "Update"
post: Article
Changes references of "Post" to "Article"
Display Blog Posts on Specific Pages
First, create a basic page and add the following page tag, replacing category-goes-here with your category:
items tag: category-goes-here
Next, when creating blog posts, add one or more of the category page tags:
category-goes-here
Hide Blog Post Author
item style: no_author
Hide Related Blogs Posts
By default all blog posts display the most recent/related posts at the bottom of the post. To hide the recent/related posts add the following tag to the main blog page.
layout_blog_no_related_posts
Headline Size
Width formatting
Add any of the following tags to the page to change how your posts are displayed.
Additionally, you can append any of the following to the width tags:
to fix the width regardless of the size of the window, append:
_fixed
to fix the width regardless of the page being viewed on a mobile device, append:
_fixed_mobile
to convert items into a slider, append:
_slider
Item Styles
layout_news
Vitae tortor condimentum lacinia quis vel
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut tortor pretium viverra suspendisse potenti nullam. Suspendisse interdum consectetur libero id faucibus nisl tincidunt.
Fermentum iaculis eu non diam
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed egestas egestas fringilla phasellus. Fermentum odio eu feugiat pretium nibh ipsum consequat nisl vel. Ut sem nulla pharetra diam sit amet.
Senectus et netus et malesuada
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Neque gravida in fermentum et sollicitudin ac orci phasellus egestas. Leo integer malesuada nunc vel risus.
layout_news, item style: overlay
Featured News Item
Add the following tag to the page:
featured: full
Vitae tortor condimentum lacinia quis vel
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut tortor pretium viverra suspendisse potenti nullam. Suspendisse interdum consectetur libero id faucibus nisl tincidunt.
Fermentum iaculis eu non diam
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed egestas egestas fringilla phasellus. Fermentum odio eu feugiat pretium nibh ipsum consequat nisl vel. Ut sem nulla pharetra diam sit amet.
Senectus et netus et malesuada
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Neque gravida in fermentum et sollicitudin ac orci phasellus egestas. Leo integer malesuada nunc vel risus.
layout_news, item style: headlines
Featured News Item
Add the following tag to the page:
featured: full
Vitae tortor condimentum lacinia quis vel
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut tortor pretium viverra suspendisse potenti nullam. Suspendisse interdum consectetur libero id faucibus nisl tincidunt.
Fermentum iaculis eu non diam
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed egestas egestas fringilla phasellus. Fermentum odio eu feugiat pretium nibh ipsum consequat nisl vel. Ut sem nulla pharetra diam sit amet.
Senectus et netus et malesuada
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Neque gravida in fermentum et sollicitudin ac orci phasellus egestas. Leo integer malesuada nunc vel risus.
layout_news, item style: images, item style: stacked
Featured News Item
Add the following tag to the page:
featured: full
Vitae tortor condimentum lacinia quis vel
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut tortor pretium viverra suspendisse potenti nullam. Suspendisse interdum consectetur libero id faucibus nisl tincidunt.
Fermentum iaculis eu non diam
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed egestas egestas fringilla phasellus. Fermentum odio eu feugiat pretium nibh ipsum consequat nisl vel. Ut sem nulla pharetra diam sit amet.
Senectus et netus et malesuada
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Neque gravida in fermentum et sollicitudin ac orci phasellus egestas. Leo integer malesuada nunc vel risus.