Including news from News Hub in news listings on individual sites
Follow this procedure to include an article on the news hub in the news listings on individual sites where both local posts and news hub posts need to be shown.
Note: If all your site's News is on the News Hub, use option two without specifying the local taxonomy type and slug.
Option 1: This option is best suited for use when most of the posts are local, with a few News Hub posts included.
Note: This change replaces the use of the network posts plugin, which previously merged multiple streams, with a new approach. It also enables the use of the WP Post Grid to display and manage categories.
- Create a post on the local site with the same name and excerpt.
- Redirect the local post to the news hub post using the Page Links setting at the bottom of the post edit page.
- Disable Search Engine access for the redirected post so that the news hub version of the article appears in Google Search.
- If you are creating a new news listing, you will need to get the unit news and unit mobile news grid templates from the Digital Support Team.
Option 2: This option is best used when most of the posts are on the News Hub posts, local, with a few local posts.
Note: This option does not allow us to use the WP Post Grid to display and manage categories.
- On the local site, set a tag that is unique from the news hub, such as sitename-news.
- Assign all local articles to this tag.
- On the local News Page, insert the Network Posts Extended shortcode with the unit category or unit tag taxonomy type and slug and the tags taxonomy type and local slug.
Inline - set the id of the row to news.
[netsposts taxonomy="taxonomy-term" include_blog="668" taxonomy_type='unit-tag' days="0" include_post="" titles_only="false" show_author="false" hide_source="true" thumbnail="true" image_size="thumbnail" image_class="align-left" auto_excerpt="false" paginate="false" list="4" include_link_title="true" date_format="F j, Y" post_height="" excerpt_letters_length="270" use_layout="inline" link_open_new_window="true"]
Horizontal - set the id of the row to column-news
[netsposts taxonomy="taxonomy-term" include_blog="668" taxonomy_type='unit-tag' days="0" include_post="" titles_only="false" show_author="false" hide_source="true" thumbnail="true" image_size="thumbnail" image_class="align-left" auto_excerpt="false" paginate="false" list="4" include_link_title="true" date_format="F j, Y" post_height="" excerpt_letters_length="270" use_layout="inline" link_open_new_window="true"]
Include the following CSS in the page for Option 2:
/*News Section */
#column-news .netsposts-block-wrapper {
display: flex;
}
#column-news .align-left.wp-post-image {
width: 380px;
margin-bottom: 10px;
}
.netsposts-column:nth-of-type(2n),.netsposts-column:nth-of-type(3n) {
border-left: 2px dotted #0039a6;
padding-left: 30px;
}
.netsposts-column {
flex: 1;
}
#news .netsposts-content .inline-post > .netsposts-text-content {
width: 54% !important;
}
#news .netsposts-content .inline-post > .align-left.netsposts-post-thumbnail {
width: 40% !important;
}
.align-left.netsposts-post-thumbnail {
padding-bottom: 15px;
}
@media (min-width: 1024px) and (max-width:1365px) {
#news .netsposts-content .inline-post > .align-left.netsposts-post-thumbnail {
width:44%!important;
}
}
@media (max-width:770px) {
#column-news .netsposts-block-wrapper {
display: block;
}
.netsposts-column:nth-of-type(2n), .netsposts-column:nth-of-type(3n) {
border-left: none;
padding-left: 0;
}
#news .netsposts-content .inline-post > .netsposts-text-content {
width: 100% !important;
}
#news .netsposts-content .inline-post > .align-left.netsposts-post-thumbnail {
width: 100% !important;
}
}
#column-news .netsposts-block-wrapper {
display: flex;
}
#column-news .align-left.wp-post-image {
width: 380px;
margin-bottom: 10px;
}
.netsposts-column:nth-of-type(2n),.netsposts-column:nth-of-type(3n) {
border-left: 2px dotted #0039a6;
padding-left: 30px;
}
.netsposts-column {
flex: 1;
}
#news .netsposts-content .inline-post > .netsposts-text-content {
width: 54% !important;
}
#news .netsposts-content .inline-post > .align-left.netsposts-post-thumbnail {
width: 40% !important;
}
.align-left.netsposts-post-thumbnail {
padding-bottom: 15px;
}
@media (min-width: 1024px) and (max-width:1365px) {
#news .netsposts-content .inline-post > .align-left.netsposts-post-thumbnail {
width:44%!important;
}
}
@media (max-width:770px) {
#column-news .netsposts-block-wrapper {
display: block;
}
.netsposts-column:nth-of-type(2n), .netsposts-column:nth-of-type(3n) {
border-left: none;
padding-left: 0;
}
#news .netsposts-content .inline-post > .netsposts-text-content {
width: 100% !important;
}
#news .netsposts-content .inline-post > .align-left.netsposts-post-thumbnail {
width: 100% !important;
}
}
Contact us at gsu.uservoice.com or tickets@gsu.uservoice.com for assistance setting up the network posts extended shortcode and customizing css for layout.
Keywords: newshub css, posts, posts on sites