{"title":"News Single Page Configuration and Options","id":49594,"link":"https:\/\/env.averta.net\/en\/step\/news-single-page-configuration-and-options\/","parent":[50516],"content":"<p><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/single-portfolio.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignright wp-image-48797\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/single-portfolio-288x300.png\" alt=\"\" width=\"400\" height=\"417\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-portfolio-288x300.png 288w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-portfolio-166x173.png 166w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-portfolio.png 760w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/a><strong>?News Single Page?<\/strong>shows one of your posts individually on a separate page.<\/p>\n<p>You can create as many single pages as you want, and classified them by specifying tags and categories for them. Also, it is possible to represent each post with image, video, title, metadata, etc.<\/p>\n<p>To add news single pages, follow the below steps:<\/p>\n<ol>\n<li>Select on <strong>News?<\/strong>which is added to your<strong> WordPress Admin Panel Dashboard<\/strong><\/li>\n<li>Click <strong>Add New<\/strong>, to create a news single page<\/li>\n<li>Add a <strong>featured image <\/strong>for each page for better appearance<\/li>\n<\/ol>\n<div style=\"clear: both;\"><\/div>\n<p>Phlox has different options to customize and edit news. With <strong>Page Options Panel?<\/strong>on?<strong>WordPress Admin<\/strong>?<strong>Panel <\/strong>under <strong>WordPress Text Editor<\/strong>?you can customize each news single page individually, without affecting other news posts.<br \/>\nBesides,?you are able to customize?<strong>News Single Page Settings <\/strong>on?<strong>WordPress Customizer Tool<\/strong>.<\/p>\n<p>Also, Please note that?These changes will apply to?all of the news single pages. It means the changes are globally.<\/p>\n<p>Follow below steps to individually customize news single page options:<\/p>\n<ol>\n<li>Go to your <strong>WordPress Admin Panel<\/strong><\/li>\n<li>Click the?<strong>News &gt; All News<\/strong><\/li>\n<li>Choose the news post you want to customize<\/li>\n<li>Find <strong>News Options <\/strong>section on the bottom of the text editor<\/li>\n<\/ol>\n<p>To customize your news posts globally, follow the below steps:<\/p>\n<ol>\n<li>Go to your <strong>WordPress Admin Panel<\/strong><\/li>\n<li>Click the?<strong>Appearance &gt; Customize<\/strong><\/li>\n<li>Navigate <strong>News &gt; Single News<\/strong><\/li>\n<\/ol>\n<hr \/>\n<h3>Single News Setting on Customizer<\/h3>\n<h3><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news-sidebar.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-50508 size-full alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news-sidebar.jpg\" alt=\"\" width=\"300\" height=\"337\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news-sidebar.jpg 300w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news-sidebar-267x300.jpg 267w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news-sidebar-154x173.jpg 154w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>Single News Sidebar Position<\/h3>\n<p>The sidebar on a news page, can have different positions.<\/p>\n<div style=\"clear: both;\"><\/div>\n<div class=\"row\"><div class=\"column col-third\">\n<div id=\"attachment_35360\" style=\"width: 161px\" class=\"wp-caption alignleft\"><img aria-describedby=\"caption-attachment-35360\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-35360\" src=\"http:\/\/env.averta.net\/envato\/wp-content\/uploads\/no-sidebar.png\" alt=\"no-sidebar\" width=\"151\" height=\"150\" \/><p id=\"caption-attachment-35360\" class=\"wp-caption-text\">No Sidebar<\/p><\/div>\n<\/div><div class=\"column col-third\">\n<div id=\"attachment_35361\" style=\"width: 214px\" class=\"wp-caption alignleft\"><img aria-describedby=\"caption-attachment-35361\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-35361\" src=\"http:\/\/env.averta.net\/envato\/wp-content\/uploads\/right-sidebar.png\" alt=\"right-sidebar\" width=\"204\" height=\"150\" \/><p id=\"caption-attachment-35361\" class=\"wp-caption-text\">Primary Sidebar on Right<\/p><\/div>\n<\/div><div class=\"column col-third\">\n<div id=\"attachment_35362\" style=\"width: 209px\" class=\"wp-caption alignleft\"><img aria-describedby=\"caption-attachment-35362\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-35362\" src=\"http:\/\/env.averta.net\/envato\/wp-content\/uploads\/left-sidebar.png\" alt=\"left-sidebar\" width=\"199\" height=\"150\" \/><p id=\"caption-attachment-35362\" class=\"wp-caption-text\">Primary Sidebar on Left<\/p><\/div>\n<\/div><\/div>\n<div class=\"row\"><div class=\"column col-third\">\n<div id=\"attachment_35363\" style=\"width: 233px\" class=\"wp-caption alignleft\"><img aria-describedby=\"caption-attachment-35363\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-35363\" src=\"http:\/\/env.averta.net\/envato\/wp-content\/uploads\/two-left-sidebars.png\" alt=\"two-left-sidebars\" width=\"223\" height=\"150\" \/><p id=\"caption-attachment-35363\" class=\"wp-caption-text\">Primary &amp; Secondary Sidebars on Left<\/p><\/div>\n<\/div><div class=\"column col-third\">\n<div id=\"attachment_35364\" style=\"width: 233px\" class=\"wp-caption alignleft\"><img aria-describedby=\"caption-attachment-35364\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-35364\" src=\"http:\/\/env.averta.net\/envato\/wp-content\/uploads\/two-right-sidebars.png\" alt=\"two-right-sidebars\" width=\"223\" height=\"150\" \/><p id=\"caption-attachment-35364\" class=\"wp-caption-text\">Primary &amp; Secondary SIdebars on Right<\/p><\/div>\n<\/div><div class=\"column col-third\">\n<div id=\"attachment_35365\" style=\"width: 205px\" class=\"wp-caption alignleft\"><img aria-describedby=\"caption-attachment-35365\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-35365\" src=\"http:\/\/env.averta.net\/envato\/wp-content\/uploads\/left-and-right-sidebar.png\" alt=\"left-and-right-sidebar\" width=\"195\" height=\"150\" \/><p id=\"caption-attachment-35365\" class=\"wp-caption-text\">Primary\/Right &amp; Secondary\/Left Sidebars<\/p><\/div>\n<\/div><\/div>\n<p>&nbsp;<\/p>\n<div id=\"attachment_35366\" style=\"width: 208px\" class=\"wp-caption alignleft\"><img aria-describedby=\"caption-attachment-35366\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-35366\" src=\"http:\/\/env.averta.net\/envato\/wp-content\/uploads\/right-and-left-sidebars.png\" alt=\"right-and-left-sidebars\" width=\"198\" height=\"150\" \/><p id=\"caption-attachment-35366\" class=\"wp-caption-text\">Primary\/Left &amp; Secondary\/Right Sidebars<\/p><\/div>\n<p>&nbsp;<\/p>\n<div style=\"clear: both;\">\n<h3><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-50509 size-full alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news-sidebar-style.jpg\" alt=\"\" width=\"300\" height=\"211\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news-sidebar-style.jpg 300w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news-sidebar-style-246x173.jpg 246w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<h4>Single News Sidebar Style<\/h4>\n<p>You can change the style of news sidebar style to Simple, Bordered, and Overlap Background sidebar.<\/p>\n<h4><\/h4>\n<div style=\"clear: both;\">\n<p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-35372\" src=\"http:\/\/env.averta.net\/envato\/wp-content\/uploads\/normal-sidebar-e1475498990479.png\" width=\"253\" height=\"200\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-35371\" src=\"http:\/\/env.averta.net\/envato\/wp-content\/uploads\/bordered-sidebarstyle-e1475499023589.png\" width=\"264\" height=\"200\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-35373\" src=\"http:\/\/env.averta.net\/envato\/wp-content\/uploads\/filled-sidebarstyle-e1475499094687.png\" alt=\"filled-sidebarstyle\" width=\"255\" height=\"200\" \/><\/p>\n<\/div>\n<\/div>\n<div style=\"clear: both;\"><\/div>\n<h4><\/h4>\n<h3><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news11.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignright wp-image-49627 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news11-e1509968409436.jpg\" alt=\"\" width=\"298\" height=\"489\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news11-e1509968409436.jpg 298w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news11-e1509968409436-183x300.jpg 183w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news11-e1509968409436-105x173.jpg 105w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><\/a><\/h3>\n<h4>Single News Featured Color<\/h4>\n<p>Your news post can have different colors. Here you can choose a color for your post.<\/p>\n<h4>Title Alignment<\/h4>\n<p>Your title can be aligned to Left or Center.<\/p>\n<h4>Content Style<\/h4>\n<p>There are two styles defined for your content. The content can be Simple or Narrow. The narrow content has lower with.<\/p>\n<h4>Display News Info:<br \/>\nNews Date, News Author, News Categories, and Like Button<\/h4>\n<p>To display news date, categories, author name, and like button, first of all you need to enable News Info. Then you can enable each of mentioned options you want.<\/p>\n<h4>Display Tags Section<\/h4>\n<p>By enabling this option, tags section will appear under the news content.<\/p>\n<h4>Display Author Section:<br \/>\nAuthor Biography Text and Author Socials<\/h4>\n<p>If you want to show author information after news content, you can enable Author Section. After that, you can choose to have Author Biography Text and Author Socials too.<\/p>\n<p><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news2.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignleft wp-image-49629 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news2-e1509968447516.jpg\" alt=\"\" width=\"298\" height=\"548\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news2-e1509968447516.jpg 298w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news2-e1509968447516-163x300.jpg 163w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news2-e1509968447516-94x173.jpg 94w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><\/a><\/p>\n<h4>Display Next &amp; Previous News<\/h4>\n<p>If you want to add next and previous button below your single news page, you can use this option and set it to Yes.<\/p>\n<h4>Skin for Next &amp; Previous Links<\/h4>\n<p>By selecting Yes for previous option, you will be able to choose a skin for next and previous section. It can be:<\/p>\n<ul>\n<li>Minimal(default)<\/li>\n<li>Thumbnail with Arrow<\/li>\n<li>Thumbnail without Arrow<\/li>\n<li>Navigation with Light Background<\/li>\n<li>Navigation with Dark Background<\/li>\n<li>Sticky Thumbnail with Arrow<\/li>\n<\/ul>\n<div style=\"clear: both;\"><\/div>\n<h4><\/h4>\n<h4><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news-title1.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignright wp-image-50510 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news-title1-e1509968696335.jpg\" alt=\"\" width=\"298\" height=\"1787\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news-title1-e1509968696335.jpg 298w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news-title1-e1509968696335-50x300.jpg 50w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news-title1-e1509968696335-171x1024.jpg 171w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news-title1-e1509968696335-29x173.jpg 29w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><\/a>Display Title Bar Section<\/h4>\n<p>Enable this option to add title bar section to your page.<\/p>\n<h4>Layout Presets<\/h4>\n<p>There are eight?available layout presets:<\/p>\n<ul>\n<li>Default<\/li>\n<li>Aligned Center Title Bar with Light Overlay Which Is Aligned Center<\/li>\n<li>Fullscreen Title Bar with Light Overlay on Background<\/li>\n<li>FullscreenTitle Bar with Dark Overlay on Background<\/li>\n<li>Fullscreen Title Bar with Border Around the Title<\/li>\n<li>Fullscreen Title Bar with Dark Box Around the Title<\/li>\n<li>Title Aligned Left with Dark Overlay on Background<\/li>\n<li>Tile Overlaps the Title Area Section and is Aligned Center<\/li>\n<\/ul>\n<p>To see these layouts, check out <a href=\"https:\/\/env.averta.net\/en\/step\/news-single-page-configuration-and-options\/?b=49594,49594\" title=\"News Single Page Configuration and Options\">this article.<\/a>\n<h4>Enable Advanced Setting<\/h4>\n<p>Some more options for title section can be customized, if you enable advanced setting.<\/p>\n<h4>Content Width<\/h4>\n<p>The width of content can be changed to Boxed,?Fullwidth Content with Space on Sides, Fullwidth Content.<\/p>\n<h4>Title Section Height<\/h4>\n<p>The title section can be Auto Height, Full Height. Full height is a fullscreen title section.<\/p>\n<h4>Border for Heading<\/h4>\n<p>You can set a border for your title and subtitle on title section.<\/p>\n<h4>Boxed Title<\/h4>\n<p>If you want to wrap the title and subtitle into a box, you can enable this option.<\/p>\n<h4>Title Box Color<\/h4>\n<p>Choose a background color for the box you have set.<\/p>\n<p>&nbsp;<\/p>\n<div style=\"clear: both;\"><\/div>\n<h4><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news3-1-e1509968742993.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-49632 size-full alignleft\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news3-1-e1509968776718.jpg\" alt=\"\" width=\"294\" height=\"1322\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news3-1-e1509968776718.jpg 294w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news3-1-e1509968776718-67x300.jpg 67w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news3-1-e1509968776718-228x1024.jpg 228w\" sizes=\"(max-width: 294px) 100vw, 294px\" \/><\/a><\/h4>\n<h4>Display News Meta<\/h4>\n<p>To show the page information below the title, enable news meta which contains date and author name.<\/p>\n<h4>Display Breadcrumb<\/h4>\n<p>Enable this option to add a?secondary navigation scheme to your title section.<\/p>\n<h4>Border for Breadcrumb<\/h4>\n<p>Here you can add a border around your breadcrumb.<\/p>\n<h4>Breadcrumb Separator<\/h4>\n<p>You can change the separator between your items of breadcrumb. This separator can be Slash, gt, or Arrow.<\/p>\n<p><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/News-Slash.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-49633 alignnone\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/News-Slash.png\" alt=\"\" width=\"126\" height=\"40\" \/><\/a><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/News-gt.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-49634 alignnone\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/News-gt.png\" alt=\"\" width=\"126\" height=\"41\" \/><\/a><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/News-Arrow.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-49635 alignnone\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/News-Arrow.png\" alt=\"\" width=\"126\" height=\"41\" \/><\/a><\/p>\n<h4>Text Align<\/h4>\n<p>The title section text can be aligned to Left, Center, or Right.<\/p>\n<h4>Vertical Position<\/h4>\n<p>Here you can specify the position of title vertically to Top, Middle, Bottom, and Bottom Overlap<\/p>\n<h4>Scroll Down Arrow<\/h4>\n<p>If you have a full height title section, you are able to add a scroll down arrow. It will scroll down the page easily.<\/p>\n<h4>Overlay Color<\/h4>\n<p>You can add an overlay color for the background of title section. It is better to choose a transparent one, specially if you use a background image for this section.<\/p>\n<h4>Overlay Pattern<\/h4>\n<p>This overlay can be simple or you can add a Hash style to it.<\/p>\n<h4>Color Mode<\/h4>\n<p>To change the text color on your title section, you can use this option.<\/p>\n<div style=\"clear: both;\"><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news-4.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-49636 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news-4.jpg\" alt=\"\" width=\"299\" height=\"1490\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news-4.jpg 299w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news-4-60x300.jpg 60w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/single-news-4-35x173.jpg 35w\" sizes=\"(max-width: 299px) 100vw, 299px\" \/><\/a><\/h4>\n<h4>Enable Title Background<\/h4>\n<p>You can set a background for title section.<\/p>\n<h4>Enable Parallax Effect<\/h4>\n<p>Except Bottom Overlap for Vertical Position option, you are able to add parallax effect to the background of title section.<\/p>\n<h4>Background Color<\/h4>\n<p>This option will add a background color for title bar.<\/p>\n<h4>Background Size<\/h4>\n<p>Title background can be Auto, Contain, and Cover<\/p>\n<h4>Background Image<\/h4>\n<p>Like title section, title bar can have background image, too.<\/p>\n<h4>Background Video MP4, Ogg, and WebM<\/h4>\n<p>Title background ca have video in three formats.<\/p>\n<p>&nbsp;<\/p>\n<div><\/div>\n<p>&nbsp;<\/p>\n","type":"solution"}