{"id":4,"date":"2016-11-25T07:36:31","date_gmt":"2016-11-25T07:36:31","guid":{"rendered":"http:\/\/nativewptheme.net\/support\/?p=4"},"modified":"2017-03-31T08:47:27","modified_gmt":"2017-03-31T08:47:27","slug":"blog-creation","status":"publish","type":"post","link":"https:\/\/nativewptheme.net\/support\/post-types\/blog-creation","title":{"rendered":"Blog Page Creation"},"content":{"rendered":"<p>To create Blog page, simply navigate to <strong>Pages<\/strong> section of the WordPress admin area and click on <strong>Add new<\/strong>.<\/p>\n<p>Select <strong>Blog page template<\/strong> in <strong>Page Attributes<\/strong> section in the right sidebar. The single posts will be automatically added on this page according to their publication date: firstly the newest posts are displayed.<\/p>\n<p>This template inherits its settings from the <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Blog options<\/del> <del>Blog page<\/del> options section.<br \/>\nYou may also overwrite these options from the <strong>Blog page options<\/strong> meta box.<br \/>\nThe changes set in the <strong>Blog page options<\/strong> meta box of the page will be applied on this page only, they will not influence on other pages.<\/p>\n<h5>Watch the video tutorial on <a href=\"https:\/\/youtu.be\/QCNVwK9VrJM\" target=\"_blank\">blog page creation<\/a> for more details.<\/h5>\n<h3>Blog page options<\/h3>\n<h4>The settings in this meta box will help you in customizing your blog page in order to create unique, stylish blog.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12430\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Bog-page-options-NEWS-1.jpg\" alt=\"\" width=\"978\" height=\"930\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Bog-page-options-NEWS-1.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Bog-page-options-NEWS-1-300x285.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Bog-page-options-NEWS-1-768x730.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<h5>Layout settings<\/h5>\n<h6 class=\"cmb_metabox_title\">Operating with the options from Layout settings meta box will help you to select the layout style for your blog page.<\/h6>\n<ul>\n<li><strong>Categories and tags dropdown<\/strong>\u00a0&#8211; adds categories, tags and author drop-down sorter before post items. If you choose <strong>theme default<\/strong> the displaying will correspond to the theme options settings.<\/li>\n<li><strong>Blog layout style<\/strong> &#8211; allows you\u00a0to set the layout style for the Blog page.\n<ul>\n<li><strong>Inherit<\/strong> &#8211; applies the theme default the displaying set in <del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">Blog options<\/del>\u00a0<del>Blog page<\/del> options section.<\/li>\n<li><strong>Side Image<\/strong> &#8211;\u00a0the featured image of the single post is displayed at one side and description is displayed on opposite one.\n<ul>\n<li><strong>Inherit <\/strong>&#8211; applies the theme default the displaying set in <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Blog options<\/del> <del>Blog page options<\/del>\u00a0section.<\/li>\n<li><strong>Left image<\/strong> &#8211; the featured image is displayed at left and description is set to right. Check the <a href=\"http:\/\/nativewptheme.net\/home\/blog-side-image-left-1-column-left-sidebar\/\">example<\/a>.<\/li>\n<li><strong>Right image<\/strong> &#8211; the featured image is displayed at right and description is set to left. The example can be found <a href=\"http:\/\/nativewptheme.net\/home\/blog-with-right-sidebar\/\">here<\/a>.<\/li>\n<li><strong>Mixed<\/strong> &#8211;\u00a0the featured images of the posts are displayed in a mixed way, having both: left and right feature image displaying. Follow this link to check the <a href=\"http:\/\/nativewptheme.net\/home\/blog-1-column\/\">example<\/a>.<\/li>\n<li><strong>Full content<\/strong> &#8211; the content of all the posts is displayed fully on the page according to the publication date of the posts.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Masonry<\/strong> &#8211; the posts are aligned into a masonry sections. The content takes as much space as needed and the thumbnails are not cropped and adjusted to it. Find the example of the page <a href=\"http:\/\/nativewptheme.net\/home\/blog-masonry-full-width\/\">here<\/a>.<\/li>\n<li><strong>Grid<\/strong> &#8211; the posts are aligned into a grid equal sections. The content is adjusted to take equal space and the thumbnails are cropped respectively. Grid page example can be found <a href=\"http:\/\/nativewptheme.net\/home\/blog-grid-full-width\/\">here<\/a>.<\/li>\n<li><strong>Metro<\/strong>\u00a0&#8211;\u00a0the posts are aligned into a grid equal sections, the featured images have the style set\u00a0for each of the posts in <del class=\"support-arrow-right\">Single post editor<\/del> <del> Single posts settings<\/del>. Check the <a href=\"http:\/\/nativewptheme.net\/home\/blog-grid-full-width\/\">example<\/a>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Blog content style<\/strong> &#8211; set layout style for the single blog post.\n<ul>\n<li><strong>Inherit<\/strong> &#8211; applies the theme default the displaying set in <del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">Blog options<\/del>\u00a0<del>Blog page options<\/del>\u00a0section.<\/li>\n<li><strong>Simple\u00a0<\/strong>&#8211; allows you to have transparent background without hover effect. Follow <a href=\"http:\/\/nativewptheme.net\/home\/blog-simple-content-style\/\">this link<\/a> to check the simple style.<\/li>\n<li><strong>Tiled<\/strong>\u00a0&#8211; allows you to have white background with shadow hover effect. Check the example <a href=\"http:\/\/nativewptheme.net\/home\/blog-tiled-content-style\/\">here<\/a>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Number of columns<\/strong> &#8211; select the number of columns for single posts on blog page. Five columns are the\u00a0maximum value (for Grid, Metro and Masonry styles only!).<\/li>\n<li><strong>Sort panel<\/strong> &#8211; allows you to enable or disable post categories sorter above blog post items.<\/li>\n<\/ul>\n<h5 class=\"cmb_metabox_title\">Content settings<\/h5>\n<h6>Here you&#8217;ll be able to customize the content of the blog page, such as meta, description, author information etc.<br \/>\nSettings for this meta box will be applied on this page only.<\/h6>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-72 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Content-settings.jpg\" alt=\"content-settings\" width=\"980\" height=\"450\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Content-settings.jpg 980w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Content-settings-300x138.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Content-settings-768x353.jpg 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/p>\n<ul>\n<li><strong>Category<\/strong> &#8211; allows you to show or hide the category of the blog post.<\/li>\n<li><strong>Title<\/strong>\u00a0&#8211; allows you to show or hide the title of the blog post.<\/li>\n<li><strong>Meta<\/strong> &#8211; allows you to show or hide publication date, category, comments counter, likes of the single blog post.\n<ul>\n<li><strong>Date<\/strong> &#8211; select whether the date of single posts will be shown or hidden.<\/li>\n<li><strong>Category in meta<\/strong> &#8211; select the category to be either shown or hidden in meta of the single post on blog page.<\/li>\n<li><strong>Comments count<\/strong> &#8211; allows you to show or hide the comments count of the single blog post.<\/li>\n<li><strong>Likes<\/strong> &#8211; you to show or hide the likes count of the single blog post.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Description<\/strong> &#8211; allows you to show or hide excerpt of the single blog post.<\/li>\n<li><strong>Content alignment<\/strong> &#8211; select the description, title, meta position of the single blog post. <strong>Center<\/strong>, <strong>right<\/strong> and <strong>left<\/strong> positions are available.<\/li>\n<li><strong>Author box under post<\/strong>\u00a0&#8211; select whether\u00a0to show or hide Author information under the single blog post.<\/li>\n<\/ul>\n<h5 class=\"cmb_metabox_title\">Advanced settings<\/h5>\n<h6>Here additional settings for the blog page can be added. You can select the number of works to be displayed per one page, items offset, select the categories and set the appear effect for the single posts.<\/h6>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-74 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Advacned-settings.jpg\" alt=\"advacned-settings\" width=\"980\" height=\"382\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Advacned-settings.jpg 980w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Advacned-settings-300x117.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Advacned-settings-768x299.jpg 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/p>\n<ul>\n<li><strong>Works per page<\/strong> &#8211; enter the number of items to be displayed on the blog page.<\/li>\n<li><strong>VC Content position<\/strong> &#8211; select the position for the Visual Composer content displaying. Two variants are available: <strong>above<\/strong> or <strong>below<\/strong> the post items.<\/li>\n<li><strong>Items offset in px<\/strong> &#8211; adds space between single posts on the blog page.<\/li>\n<li><strong>Blog Category<\/strong> &#8211; select the categories of the blog posts to be displayed on blog page.<\/li>\n<li><strong>Items appear effect<\/strong> &#8211; allows you to select the animation appear effect for the single posts.\u00a0If you choose <strong>theme default<\/strong> the displaying will correspond to the settings in <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Blog Options<\/del> <del>Blog page options<\/del> section.<\/li>\n<\/ul>\n<h3 class=\"dfd-header_img_metabox active\">Custom Header Options<\/h3>\n<h4>In Custom Header Options meta box you can customize the custom header style for your blog page.\u00a0The changes set in this meta box for blog page will be applied on this page only, they will not influence on other pages.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-89 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/custom-header-settings.jpg\" alt=\"custom-header-settings\" width=\"980\" height=\"730\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/custom-header-settings.jpg 980w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/custom-header-settings-300x223.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/custom-header-settings-768x572.jpg 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/p>\n<h5 class=\"cmb_metabox_title\">Custom header settings<\/h5>\n<h6>Meta box to style unique Custom header for a blog page in case you want to add something special to your blog page.<\/h6>\n<ul>\n<li><strong>Custom header<\/strong> &#8211; select whether custom header will be enabled or disable for your blog page.\u00a0If you choose <strong>theme default<\/strong> the displaying will correspond to settings in <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Blog options<\/del> <del>Blog page options<\/del>.<\/li>\n<\/ul>\n<h5 class=\"cmb_metabox_title\">Background settings<\/h5>\n<h6>The meta box for styling the background for custom header on blog page.<\/h6>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-92 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Background-settngs-1.jpg\" alt=\"background-settngs\" width=\"980\" height=\"594\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Background-settngs-1.jpg 980w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Background-settngs-1-300x182.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Background-settngs-1-768x466.jpg 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/p>\n<ul>\n<li><strong>Background element style<\/strong> &#8211; select the style for the custom header. <strong>Image<\/strong> and <strong>Gallery<\/strong> variants are available.\n<ul>\n<li><strong>Image<\/strong> &#8211; the single image will be shown in custom header.<\/li>\n<li><strong>Gallery<\/strong>\u00a0&#8211; several images will be displayed as a slideshow in custom header.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Background image<\/strong> &#8211; upload the background image for custom header. If <strong>Gallery<\/strong> is set, select several images for the slide show in custom header.<\/li>\n<li><strong>Background image position<\/strong> &#8211; set the position of the image or images selected for custom header.<\/li>\n<li><strong>Background size<\/strong> &#8211; allows adjusting the background image displaying. You can select: <strong>cover<\/strong>, <strong>contain<\/strong> and <strong>initial<\/strong> values or <strong>inherit<\/strong> the value set for <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Header options<\/del> <del>Custom Header options<\/del> section.<\/li>\n<li><strong>Background attachment style<\/strong> &#8211; sets the background image attachment style:\n<ul>\n<li><strong>Scroll<\/strong> &#8211; background image scrolls with the content.<\/li>\n<li><strong>Fixed<\/strong> &#8211; the background image is fixed and content scrolls over it.<\/li>\n<li><strong>Initial<\/strong> &#8211; the background image and content will be fixed.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Background repeat<\/strong> &#8211; select whether the custom header background image will be repeated or not repeated. You can select <strong>horizontal repeat<\/strong>, <strong>vertical repeat<\/strong> or <strong>disable repeat<\/strong> of the image.<\/li>\n<li><strong>Background color<\/strong> &#8211; select the background color for the custom header, which will be shown if the image is not set for the custom header.<\/li>\n<li><strong>Background color scheme style<\/strong> &#8211; select whether <strong>dark<\/strong> or <strong>light<\/strong> color scheme is used for custom header. According to the color scheme you choose the text colors will be changed to make it more readable. If you choose <strong>theme default<\/strong> the displaying will\u00a0inherit the settings from\u00a0<del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Header options<\/del> <del>Custom Header options section<\/del>.<\/li>\n<\/ul>\n<h5>Custom header video settings<\/h5>\n<h6>In this section, you can set the video as a background for the stunning header for your blog page.<\/h6>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-96 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/customer-header-video-settings-new.jpg\" alt=\"customer-header-video-settings-new\" width=\"980\" height=\"422\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/customer-header-video-settings-new.jpg 980w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/customer-header-video-settings-new-300x129.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/customer-header-video-settings-new-768x331.jpg 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/p>\n<ul>\n<li><strong>Custom header video<\/strong> &#8211; allows you to set video background for the custom header.<\/li>\n<li><strong>Custom header video source<\/strong> &#8211; select the source for the video for custom header. You can use <strong>self-hosted video<\/strong>, videos from <strong>YouTube<\/strong> and <strong>Vimeo<\/strong> resources.\n<ul>\n<li><strong>Self-hosted video file<\/strong>\u00a0can be uploaded in mp4 format and\u00a0in webM format. Select\u00a0the video in mp4 format for IE, Chrome and Safari browsers and the webM\/ogg video for Firefox and Opera.<br \/>\nSimply upload the video to Media Library and insert the link to the video.<\/li>\n<li><strong>oEmbed YouTube video<\/strong> &#8211; allows you to set the video from YouTube resource.\n<ul>\n<li><strong>Custom header background video style<\/strong> &#8211; allows you to select whether the video will be set as background for custom header or will have full screen size.<\/li>\n<li><strong>Youtube video ID<\/strong> &#8211; enter the video ID to be displayed in custom header. To find the video ID, look at the URL of that page, and at the end of it, you should see a combination of numbers and letters after an equal sign (=). Copy the numbers of an equal sign (=) and enter the ID.<\/li>\n<\/ul>\n<\/li>\n<li><strong>oEmbed Vimeo video<\/strong> &#8211; allows you to set the video from Vimeo resource.\n<ul>\n<li><strong>Custom header background video style<\/strong> &#8211; allows you to select whether the video will be set as background for custom header or will have full screen size.<\/li>\n<li><strong>Vimeo video ID<\/strong> &#8211; enter the video ID to be displayed in custom header. To find the video ID , copy the numeric code that appears at the end of its URL at the top of your browser window.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li><strong>Loop video<\/strong> &#8211; enable it to loop the video.<\/li>\n<li><strong>Mute video<\/strong> &#8211;\u00a0enable it to mute the video.<\/li>\n<\/ul>\n<h5 class=\"cmb_metabox_title\">Content settings<\/h5>\n<h6>Select the content settings for the custom header on blog page.<\/h6>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-85 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/content-settins-for-custom-header.jpg\" alt=\"content-settins-for-custom-header\" width=\"980\" height=\"576\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/content-settins-for-custom-header.jpg 980w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/content-settins-for-custom-header-300x176.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/content-settins-for-custom-header-768x451.jpg 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/p>\n<ul>\n<li><strong>Custom header parallax effect<\/strong> &#8211; switch it to <strong>Enable<\/strong> if you want to have parallax effect for custom header.<\/li>\n<li><strong>Title<\/strong> &#8211; select whether the title of the page will be shown or hidden in custom header.<\/li>\n<li><strong>Subtitle<\/strong> &#8211; allows you to select whether subtitle of the page will be shown or hidden in custom header.<\/li>\n<li><strong>Page subtitle<\/strong> &#8211; enter page subtitle text to be displayed in custom header.<\/li>\n<li><strong>Breadcrumbs<\/strong> &#8211;\u00a0show or hide the navigation links in custom header.<\/li>\n<li><strong>Full window height<\/strong> &#8211; sets full window height for custom header.\n<ul>\n<li><strong>Custom header height in px<\/strong> &#8211; if the full window height options is disabled, you can set the height for your custom header. Note, the height should be set in px.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Text alignment<\/strong> &#8211; sets the text position in custom header. <strong>Center<\/strong>, <strong>left<\/strong> and <strong>right<\/strong> positions are available.<\/li>\n<\/ul>\n<h3 class=\"dfd-page_bg_metabox active\">Page options<\/h3>\n<h4>You can set the Background for the whole blog page in this meta box. You can also enable parallax effect for the blog page, add the\u00a0white frame around etc.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-87 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Page-options.jpg\" alt=\"page-options\" width=\"980\" height=\"600\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Page-options.jpg 980w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Page-options-300x184.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Page-options-768x470.jpg 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/p>\n<h5 class=\"cmb_metabox_title\">Layout settings<\/h5>\n<h6>You can set the layout width and sidebar configurations for the whole blog page in this meta box.<\/h6>\n<ul>\n<li><strong>Layout width<\/strong> &#8211; set your page content width to full width or boxed.<\/li>\n<li><strong>Sidebar configuration<\/strong> &#8211; choose sidebars and their position.\u00a0You can set the sidebar to be displayed on the <strong>left<\/strong>, <strong>right<\/strong> and as well as to use <strong>both<\/strong> sidebars or <strong>none<\/strong> of them.<\/li>\n<\/ul>\n<h5 class=\"cmb_metabox_title\">Background settings<\/h5>\n<h6>Customize the background for the blog page to add the individuality to your blog page.<\/h6>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-122 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/page-options-akcground-settings.jpg\" alt=\"page-options-akcground-settings\" width=\"980\" height=\"359\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/page-options-akcground-settings.jpg 980w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/page-options-akcground-settings-300x110.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/page-options-akcground-settings-768x281.jpg 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/p>\n<ul>\n<li><strong>Background color<\/strong> &#8211; select the background color for the blog page to be seen if the image background is not set for the page or image does not cover the whole page.<\/li>\n<li><strong>Fixed background<\/strong>\u00a0&#8211; enable fixed background to make the background image fixed, so the content will scroll separately over it. When <strong>Disable<\/strong> is selected , the background image scrolls with the content.<\/li>\n<li><strong>Background image<\/strong> &#8211; upload the image to be displayed as a background of the blog page or enter the URL of the image.<\/li>\n<li><strong>Background image repeat<\/strong> &#8211; select whether the page background image will be repeated or not repeated. You can select <strong>horizontal repeat<\/strong>, <strong>vertical repeat<\/strong> or<strong> disable repeat<\/strong> of the image.<\/li>\n<li><strong>Background size<\/strong> &#8211;\u00a0allows adjusting the background image displaying. You can select: <strong>cover<\/strong>, <strong>contain<\/strong> and <strong>initial<\/strong> values or <strong>inherit<\/strong> the value set for <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Header options<\/del> <del>Custom Header options<\/del> section.<\/li>\n<\/ul>\n<h5>Advanced settings<\/h5>\n<h6>Customize your blog page using additional settings available for you.<\/h6>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-128 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/page-options-advanced.jpg\" alt=\"page-options-advanced\" width=\"980\" height=\"228\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/page-options-advanced.jpg 980w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/page-options-advanced-300x70.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/page-options-advanced-768x179.jpg 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/p>\n<ul>\n<li><strong>Page frame<\/strong> &#8211; switch it to <strong>Enable<\/strong>, if you want to have the\u00a0frame around the blog page. The color and width of the frame can be set in <del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">General options<\/del>\u00a0<del class=\"support-arrow-right\">Layout settings<\/del>\u00a0<del class=\"support-arrow-right\">Layout frame size<\/del> and\u00a0<del>Layout frame color<\/del>.<\/li>\n<li><strong>Parallax footer<\/strong> &#8211; switch it to\u00a0<strong>Enable <\/strong>to have fixed the footer with content scrolling over it.<\/li>\n<li><strong>Start images lazy load outside of viewport<\/strong> &#8211; enable it if you want to have the images to be preloaded when they are not visible.<\/li>\n<\/ul>\n<h3>Pagination Type<\/h3>\n<h4>Customize the pagination style for your blog page using Pagination type meta box.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-203 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Pagination-Type.jpg\" alt=\"pagination-type\" width=\"976\" height=\"518\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Pagination-Type.jpg 976w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Pagination-Type-300x159.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Pagination-Type-768x408.jpg 768w\" sizes=\"(max-width: 976px) 100vw, 976px\" \/><\/p>\n<h5>Pagination settings<\/h5>\n<h6>Select the most suitable style for your blog page in order to arrange the blog posts on it in the best way.<\/h6>\n<ul>\n<li><strong>Pagination type<\/strong> &#8211; select the style of the pagination &#8211; it&#8217;s the way extra content is loaded.\n<ul>\n<li><strong>Pagination<\/strong> &#8211; adds numbers of pages with extra content. You may see the example <a href=\"http:\/\/nativewptheme.net\/home\/blog-pagination-style-1\/\">here<\/a>.\n<ul>\n<li><strong>Pagination style<\/strong> &#8211; select among 5 styles available for the number on the blog page. You can also select <strong>Inherit<\/strong> value, so the settings will be inherited from <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Styling options<\/del> <del class=\"support-arrow-right\">Content Styling options<\/del>\u00a0<del>Pagination style<\/del>.<\/li>\n<\/ul>\n<\/li>\n<li><label for=\"dfd_pagination_type2\"><strong>Load more button<\/strong> &#8211; the button will be displayed,\u00a0check the example <a href=\"http:\/\/nativewptheme.net\/home\/blog-load-more-pagination\/\">here<\/a>.<\/label><\/li>\n<li><strong>Lazy load on scroll<\/strong> &#8211; select it if you want to have lazy load animation. It is set in\u00a0<del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">General options<\/del> <del class=\"support-arrow-right\">Layout settings<\/del>\u00a0<del>Lazy Load Pagination image.<\/del> Check the animation example <a href=\"http:\/\/nativewptheme.net\/home\/blog-lazy-load-pagination\/\">here<\/a>.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3>Preloader options<\/h3>\n<h4>Set certain preloader style for blog page on the site.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-206 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Preloader-options.jpg\" alt=\"preloader-options\" width=\"977\" height=\"730\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Preloader-options.jpg 977w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Preloader-options-300x224.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Preloader-options-768x574.jpg 768w\" sizes=\"(max-width: 977px) 100vw, 977px\" \/><\/p>\n<h5>Preloader styling options<\/h5>\n<h6>Customize the unique preloader style for the blog page.<\/h6>\n<ul>\n<li><strong>Enable preloader<\/strong> &#8211; allows you to enable site preloader. It appears while the content is loading and prevents the visitors from seeing the content restructures while all the images and text are rendered.<\/li>\n<li><strong>Preloader style<\/strong> &#8211;\u00a0select the preloader style for your page.\n<ul>\n<li><strong>Theme default<\/strong> &#8211; will inherit the settings from <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">General options<\/del> <del>Site preloader option<\/del> section.<\/li>\n<li><strong>None<\/strong> &#8211; no style is selected for site preloader.<\/li>\n<li><strong>\u0421SS Animation<\/strong> &#8211;\u00a0adds animated element to the preloader.\n<ul>\n<li><strong>Animation style<\/strong> &#8211; select the animation elements site for the preloader.<\/li>\n<li><strong>Animation base color<\/strong> &#8211; set the color of the animated element.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Image<\/strong> &#8211; set the image that will be displayed on the preloader (*.gif images can be used as well).\n<ul>\n<li><strong>Preloader image<\/strong> &#8211; upload the image for the site preloader.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Progress bar<\/strong> &#8211; adds the horizontal progress bar to the preloader.\n<ul>\n<li><strong>Preloader bar height in px<\/strong> &#8211; set the height of the progress bar. <code>Note<\/code> you don&#8217;t have to add px to the input field.<\/li>\n<li><strong>Preloader bar background color<\/strong> &#8211; select the color for your preloader bar to be displayed on the page.<\/li>\n<li><strong>Preloader bar position<\/strong> &#8211; allows you to select the preloader bar position. <strong>Top<\/strong>, <strong>middle <\/strong>and <strong>bottom<\/strong> positions are available. You may also select <strong>Inherit<\/strong> value to apply the settings from\u00a0<del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">General options<\/del> <del>Site preloader option<\/del> section.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5 class=\"cmb_metabox_title\">Preloader background settings<\/h5>\n<h6>Set the background for the site preloader for your blog page.<\/h6>\n<ul>\n<li><strong>Background image<\/strong> &#8211;\u00a0upload the image to set it as site preloader background.<\/li>\n<li><strong>Background position<\/strong> &#8211; select the position for the image for its better displaying.<\/li>\n<li><strong>Background color<\/strong> &#8211; pick up the site preloader background color to be displayed as a background for the preloader.<\/li>\n<li><strong>Background size<\/strong> &#8211;\u00a0allows adjusting the background image displaying. You can select: <strong>cover<\/strong>, <strong>contain<\/strong> and <strong>initial<\/strong> values or <strong>inherit<\/strong> the value set <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">General options<\/del>\u00a0<del>Site preloader option<\/del> section.<\/li>\n<li><strong>Background repeat<\/strong> &#8211;\u00a0select whether the site preloader background image will be repeated or not repeated. You can select <strong>horizontal repeat<\/strong>, <strong>vertical repeat<\/strong> or <strong>disable repeat<\/strong> of the image.<\/li>\n<li><strong>Background attachment<\/strong> &#8211;\u00a0sets the background image attachment style:\n<ul>\n<li><strong>Scroll<\/strong> &#8211; background image scrolls with the content.<\/li>\n<li><strong>Fixed<\/strong> &#8211; the background image is fixed and content scrolls over it.<\/li>\n<li><strong>Initial<\/strong> &#8211; the background image and content will be fixed.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5 class=\"cmb_metabox_title\">Counter settings<\/h5>\n<h6>Set the counter style for the preloader.<\/h6>\n<ul>\n<li><strong>Counter<\/strong> &#8211; set it to <strong>Enable<\/strong> to display percents counter for the page loading.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>To create Blog page, simply navigate to Pages section of the WordPress admin area and click on Add new. Select Blog page template in Page Attributes section in the right<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[10,37,38],"_links":{"self":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/4"}],"collection":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/comments?post=4"}],"version-history":[{"count":156,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/4\/revisions"}],"predecessor-version":[{"id":12432,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/4\/revisions\/12432"}],"wp:attachment":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/media?parent=4"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/categories?post=4"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/tags?post=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}