This feature works on the following page types:
- Blog
Featured News Item
Add the following tag to the page:
featured: full
Base Page 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/Byline
- Hide Related Posts
- Blog Post Outdated Notice
- Gated Blog 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/Byline
item style: no_author
Configure This Setting Site-wide
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
Blog Post Outdated Notice
By default, blog posts become outdated after 18 months. You can use a theme setting rule to adjust that.
Gated Blog Posts
Require a visitor to opt-in to read a blog or single blog post content.
Learn More About Gated Content
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
Gated Blog Post
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Ungated Blog Post
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
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.
layout_news, item style: headlines
Gated Blog Post
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Ungated Blog Post
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
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.
layout_news, item style: images, item style: stacked
Gated Blog Post
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Ungated Blog Post
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
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.