{"id":11786,"date":"2017-01-04T11:37:08","date_gmt":"2017-01-04T11:37:08","guid":{"rendered":"http:\/\/nativewptheme.net\/support\/?p=11786"},"modified":"2017-02-08T12:59:43","modified_gmt":"2017-02-08T12:59:43","slug":"blog-posts","status":"publish","type":"post","link":"https:\/\/nativewptheme.net\/support\/wpbakery\/blog-posts","title":{"rendered":"Blog Posts"},"content":{"rendered":"

[vc_row][vc_column css=”.vc_custom_1485963458300{padding-right: 35px !important;padding-left: 35px !important;}” col_shadow=”box_shadow_enable:disable|shadow_horizontal:0|shadow_vertical:15|shadow_blur:50|shadow_spread:0|box_shadow_color:rgba(0%2C0%2C0%2C0.35)” col_shadow_hover=”box_shadow_enable:disable|shadow_horizontal:0|shadow_vertical:15|shadow_blur:50|shadow_spread:0|box_shadow_color:rgba(0%2C0%2C0%2C0.35)”][dfd_spacer screen_wide_spacer_size=”30″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″][vc_column_text]In order to display posts in Blog posts module, you have to create blog posts in the corresponding section of the admin panel. Check the Blog post creation<\/a> section of the theme documentation for more information.<\/p>\n

You may check the examples of the blog posts module on the Blog posts module<\/a>\u00a0page.<\/p>\n

Watch the video tutorial on Blog Posts module creation<\/a> for more details.<\/h5>\n

[\/vc_column_text][dfd_spacer screen_wide_spacer_size=”30″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″][dfd_tta_tabs border_radius=”4″ alignment=”left” active_section=”1″ active_tab_background=”#3b55e6″ tab_hover_text_color=”#3b55e6″ tab_active_color_text=”#ffffff” border_color_active=”#3b55e6″][vc_tta_section title=”General settings” tab_id=”1486545572585-2437c7e1-5371″][vc_column_text]<\/p>\n

General settings<\/h3>\n

<\/p>\n

    \n
  • Style<\/strong> – select the suitable style of the blog post\u00a0module for your site.\n
      \n
    • Standard<\/strong> – select this style of the posts to display the featured image of the posts, meta information, title and subtitle and the description below.<\/li>\n
    • Dark overlay<\/strong>\u00a0– the featured images have dark overlay mask added and the description of the posts appear on hover.<\/li>\n
    • News lists<\/strong> – the blog posts items are displayed as a list without media content (featured images) displayed.<\/li>\n
    • Tiny posts<\/strong> – the blog posts are displayed with the featured image set to 80x80px size.<\/li>\n<\/ul>\n<\/li>\n
    • Content style<\/strong> – select the style of the single posts\u00a0displaying on the page. For Standard<\/strong> and Dark overlay<\/strong> styles only.\n
        \n
      • Grid<\/strong> – the posts are aligned in the grid equal sections. The content is adjusted to take equal space and the thumbnails are cropped respectively.<\/li>\n
      • Masonry<\/strong> \u2013 the posts are aligned in\u00a0the masonry sections. The content takes as much space as needed and the thumbnails are not cropped and adjusted to it.<\/li>\n
      • Carousel<\/strong> – the posts with a standard displaying are added into carousel slide.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
        Extra features<\/h5>\n
          \n
        • Animation<\/strong> \u2013 choose between 14 preset animation effects.<\/li>\n
        • Custom CSS class<\/strong> \u2013\u00a0enter our\u00a0own unique class name for the item \u2013 this is a useful option for those who want to create a specific style. E.g.: you can type custom-style<\/strong> class and then go to Theme options<\/del>\u00a0General options<\/del>\u00a0Custom CSS\/JS<\/del> Custom CSS<\/del> field and write your own CSS code with this class to get your own style.<\/li>\n<\/ul>\n

          [\/vc_column_text][\/vc_tta_section][vc_tta_section title=”Content settings” tab_id=”1486545572829-e1c1304c-ee12″][vc_column_text]<\/p>\n

          Content settings<\/h3>\n

          <\/p>\n

          Posts settings<\/h5>\n
            \n
          • Categories<\/strong> – select the categories you would like to display.<\/li>\n
          • Posts to show<\/strong> – specify the number of posts you’d like to show in the module.<\/li>\n
          • Items offset<\/strong> –\u00a0add the space between the blog post items.\u00a0For Standard<\/strong> and\u00a0Dark overlay<\/strong> styles only.<\/li>\n
          • Image width<\/strong> – set the width for the featured image of the post. For Dark overlay<\/strong> style only.<\/li>\n
          • Image height<\/strong> –\u00a0set the height for the featured image of the post. For Dark overlay<\/strong> style only.<\/li>\n<\/ul>\n
            Layout settings<\/h5>\n
              \n
            • Number of columns<\/strong> – specify the number of columns for the blog post items.<\/li>\n
            • Thumb border radius<\/strong> –\u00a0set the border radius for the\u00a0featured image of the blog posts to have rounded corners. For Tiny posts\u00a0<\/strong>and\u00a0Dark overlay<\/strong> styles only.<\/li>\n
            • Auto slideshow<\/strong> – set it to Enable<\/strong>\u00a0to activate\u00a0the autoplay for the slider.\u00a0For Carousel content<\/strong> style only.<\/li>\n
            • Slideshow speed<\/strong> – specify the speed for the slideshow. For Carousel content<\/strong> style only.<\/li>\n<\/ul>\n
              Content elements<\/h5>\n

              <\/p>\n

                \n
              • Sort panel<\/strong> – set it to Enable<\/strong> to display the sort panel with the posts categories above the single posts.<\/li>\n
              • Media<\/strong> – set it to Enable<\/strong> to display the featured image of the post.\u00a0For Standard<\/strong> and\u00a0Dark overlay<\/strong> styles only.<\/li>\n
              • Category<\/strong> – switch it to Enable<\/strong> to display the featured image of the post.\u00a0For Standard<\/strong> and\u00a0Dark overlay<\/strong> styles only.<\/li>\n
              • Title<\/strong> – set it to Enable<\/strong> to display the post’s category on the\u00a0featured image of the post.<\/li>\n
              • Meta<\/strong> – switch it to Enable<\/strong> to display the meta information of the post.<\/li>\n
              • Date in post meta<\/strong> – show or hide the date of post’s publication in the post’s meta.<\/li>\n
              • Category in post meta<\/strong> – set to Enable<\/strong> to display the category in the post’s meta.<\/li>\n
              • Comments counter in post meta<\/strong> – show or hide the number of comments in the post’s meta.<\/li>\n
              • Likes in post meta<\/strong> – show or hide the number of likes in the post’s meta.<\/li>\n
              • Excerpt<\/strong> – switch it to Enable<\/strong> to display the excerpt of the blog posts as its description.\u00a0For Standard<\/strong> and\u00a0Dark overlay<\/strong> styles only.<\/li>\n
              • Author info<\/strong> –\u00a0show or hide the author information of the single post.\u00a0For Standard<\/strong> and\u00a0Dark overlay<\/strong> styles only.<\/li>\n
              • Tiled posts style<\/strong> – set it to\u00a0Enable\u00a0<\/strong>display the single posts on white background with shadow hover effect.\u00a0For Standard<\/strong> and\u00a0Dark overlay<\/strong> styles only.<\/li>\n
              • Sort panel alignment<\/strong> – select the horizontal alignment of the sort panel. Left<\/strong>, right<\/strong> and center<\/strong> positions are available.\u00a0For Standard<\/strong> and\u00a0Dark overlay<\/strong> styles only.<\/li>\n
              • Content alignment<\/strong> –\u00a0select the horizontal alignment of the content. Left<\/strong>, right<\/strong> and center<\/strong> positions are available.\u00a0For Standard,<\/strong>\u00a0Dark overlay<\/strong>\u00a0and\u00a0News lists<\/strong>\u00a0styles only.<\/li>\n
              • Delimiter style<\/strong> – select the most suitable style of the delimiter of the delimiter between single posts. For News lists<\/strong> style only.<\/li>\n<\/ul>\n

                [\/vc_column_text][\/vc_tta_section][vc_tta_section title=”Pagination settings” tab_id=”1486557863586-b94e6c49-93f4″][vc_column_text]<\/p>\n

                Pagination<\/h3>\n

                Available for Carousel<\/strong> content style only.<\/h4>\n

                <\/p>\n

                  \n
                • Pagination<\/strong> – set it to Enable<\/strong> to display the pagination for the blog posts carousel.<\/li>\n
                • Pagination style<\/strong> – select the most suitable pagination dots from the list of available ones.<\/li>\n<\/ul>\n

                  [\/vc_column_text][\/vc_tta_section][vc_tta_section title=”Typography settings” tab_id=”1486545573311-423c930f-c6e7″][vc_column_text]<\/p>\n

                  Typography settings<\/h3>\n

                  <\/p>\n

                  Title typography<\/h5>\n

                  These settings are inherited from Theme options<\/del> Typography\/Fonts<\/del> Headings typography<\/del>\u00a0Content title big Typography<\/del>.<\/p>\n

                    \n
                  • Font size<\/strong> \u2013 set the font size you need to use in the title.<\/li>\n
                  • Letter spacing<\/strong> \u2013 set the needed distance between letters.<\/li>\n
                  • Line-height<\/strong> \u2013\u00a0set the needed distance between lines in the title text.<\/li>\n
                  • Text color<\/strong> \u2013 set the color of the font.<\/li>\n
                  • Font style<\/strong> \u2013 select the font weight and style (bold, italic) for the title.<\/li>\n
                  • Custom font family<\/strong> \u2013 set it to Enable<\/strong> to use custom Google font.\n
                      \n
                    • Font Family<\/strong> \u2013 select the font family from the drop-down list.<\/li>\n
                    • Font style<\/strong> \u2013 select the font weight and style (bold, italic) for the title.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n

                      These meta typography settings are inherited from Theme options<\/del> Typography\/Fonts<\/del> Text typography<\/del>\u00a0Meta typography.<\/del><\/p>\n

                      The excerpt typography settings are inherited from Theme options<\/del>Typography\/Fonts<\/del>\u00a0Text typography<\/del>\u00a0Default text Typography<\/del>.<\/p>\n

                      The author text typography is inherited from Theme options<\/del>Typography\/Fonts<\/del>\u00a0Text typography<\/del>\u00a0Author and content subtitle Typography<\/del>.<\/p>\n

                      The typography settings for the quote posts format are inherited from from Theme options<\/del>Typography\/Fonts<\/del>\u00a0Text typography<\/del>\u00a0Blog quote post Typography<\/del>section.[\/vc_column_text][\/vc_tta_section][\/dfd_tta_tabs][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"

                      In order to display posts in Blog posts module, you have to create blog posts in the corresponding section of the admin panel.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[10,37,22,33],"_links":{"self":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/11786"}],"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=11786"}],"version-history":[{"count":4,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/11786\/revisions"}],"predecessor-version":[{"id":11792,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/11786\/revisions\/11792"}],"wp:attachment":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/media?parent=11786"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/categories?post=11786"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/tags?post=11786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}