Including news from News Hub in news listings on individual sites
Procedure to include article on news hub in news listings on individual sites where both local posts and news hub posts need to be shown. Note: If all News is on the News Hub, use option 2 without the local taxonomy type and slug specified.
Option 1: This option is best used when most of the posts are local with a few News Hub posts included. Note: this is a change from using the network posts plugin to merger multiple streams and allows 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 to setting at the bottom of the post edit page.
- Turn off Search Engine access for the redirected post so the news hub version of the article shows up 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 allows us of 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