{"id":77,"date":"2018-01-14T09:16:27","date_gmt":"2018-01-14T09:16:27","guid":{"rendered":"http:\/\/www.getyourquotes.com\/user-two\/wordpress\/?p=77"},"modified":"2018-01-14T09:16:27","modified_gmt":"2018-01-14T09:16:27","slug":"how-to-use-a-post-block-properly","status":"publish","type":"post","link":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/blog\/how-to-use-a-post-block-properly\/","title":{"rendered":"How to use a post block properly?"},"content":{"rendered":"<p><b style=\"color: red\">Note: <\/b> When you want to make a page like <b>Homepage<\/b>, you need to know how to use the &#8216;Post Block&#8217; elements..<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-78\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/boxaddonbg.png\" alt=\"\" width=\"765\" height=\"565\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/boxaddonbg.png 765w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/boxaddonbg-300x222.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/boxaddonbg-60x44.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/boxaddonbg-150x111.png 150w\" sizes=\"(max-width: 765px) 100vw, 765px\" \/><\/p>\n<p>There are many options available, which will help you to make an interactive website using Pantograph WordPress theme. You can see the option fields for each post block when you edit\/add a post block in your page..<\/p>\n<p><b style=\"color: green\">Helpline : <\/b> You can see the post block layout beside each post block name. The common option fields for each blocks are explained here:<\/p>\n<ol>\n<li><b>Heading : <\/b> Heading means a post block Headline. You can use or not. If you don&#8217;t need Headline keet it blank and save the post blcok.<\/li>\n<li><b>Select Category : <\/b> You can choose a category for showing posts in this post block.<\/li>\n<li><b>Do you want Image Animate? : <\/b> We can see this effect when mouse hover on the image. If you want click on <b>Yes<\/b> or don&#8217;t need to make change.<\/li>\n<li><b>Do you want Border? : <\/b> Border can help you to make box style post block. If you want to make box style then click on <b>Yes<\/b> checkbox.<\/li>\n<li><b>Block Border Color : <\/b> After clicking on <b>Yes<\/b> checkbox to make border. Will available border color feature. So if you need to change border color for this post block you can do.<\/li>\n<li><b>Block Background Color : <\/b> After clicking on <b>Yes<\/b> checkbox to make border. Will available Block Background color feature. So if you need to change Block Background color for this post block you can do. By default it contains white color.<\/li>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-80\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions1.png\" alt=\"\" width=\"652\" height=\"530\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions1.png 652w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions1-300x244.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions1-60x49.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions1-150x122.png 150w\" sizes=\"(max-width: 652px) 100vw, 652px\" \/><\/li>\n<li><b>Do you want Next &#8211; Prev button? : <\/b> This feature only for Block 1 and Block 6 which is use to make pagination. If you want you can choose <b>Yes<\/b> to make Next-Previous pagination<\/li>\n<li><b>Do you want Tab options? : <\/b> This feature only for Block 1 and Block 6 which is use to make tab item post category.<\/li>\n<li><b>Choose Category For Top Tab : <\/b> After clicking on <b>Yes<\/b> checkbox for Tab options, will available this feature to select Top Tab item for this block post.<\/li>\n<li><b>Choose Category For Top Tab Dropdown : <\/b> After clicking on <b>Yes<\/b> checkbox for Tab options, will available this feature to select Top Tab Dropdown item for this block post.<\/li>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-81\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions2.png\" alt=\"\" width=\"654\" height=\"409\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions2.png 654w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions2-300x188.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions2-60x38.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions2-150x94.png 150w\" sizes=\"(max-width: 654px) 100vw, 654px\" \/><\/li>\n<li><b>Choose Background For Tab Dropdown : <\/b> After clicking on <b>Yes<\/b> checkbox for Tab options, will available this feature to select Top Tab Dropdown background color. If text color and background color will same then users can see the text. That&#8217;s why we can change the background color for dropdown items.<\/li>\n<li><b>Large Post ID (Optional) : <\/b> Most of the post blocks have 1 post as Large. So if you can show a post permanently for this post block you can use a post ID.<\/li>\n<li><b>Large Post Title Limit In Character (Optional) : <\/b> Just Character limit for this large post title<\/li>\n<li><b>Large Post Excerpt Limit In Word (Optional) : <\/b> Description word limit for the large post.<\/li>\n<li><b>Post Item : <\/b> How many post want to show for this post block, You can limit with this.<\/li>\n<p> <img loading=\"lazy\" class=\"alignnone size-full wp-image-82\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions3.png\" alt=\"\" width=\"648\" height=\"535\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions3.png 648w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions3-300x248.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions3-60x50.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions3-150x124.png 150w\" sizes=\"(max-width: 648px) 100vw, 648px\" \/><\/li>\n<li><b>Another Posts Title Limit In Character (Optional) : <\/b> Just Character limit for this post block another post title excerpt large post.<\/li>\n<li><b>Another Posts Excerpt Limit In Word : <\/b> Description word limit for this post block another post title excerpt large post.<\/li>\n<li><b>Block color : <\/b> This option use to change block posts hover color, meta, author link. But you can use individually options for hover, meta and post title. Apply this feature and you can see some of difference on the post block.<\/li>\n<li><b>Block Heading Color : <\/b> Block Heading Color can change by this feature<\/li>\n<li><b>Block Heading Background Color : <\/b> To change Heading Background Color. By deafult Heading Background Color is white. When heading color will use white then it will make a conflict. So if you need to use white heading color you can change heading background color. After that you can see the text. Not only for this reason, you can choose heading background color for your necessity.<\/li>\n<p><img loading=\"lazy\" class=\"alignnone size-large wp-image-84\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions4.png\" alt=\"\" width=\"651\" height=\"664\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions4.png 651w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions4-294x300.png 294w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions4-60x60.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions4-147x150.png 147w\" sizes=\"(max-width: 651px) 100vw, 651px\" \/><\/li>\n<li><b>Block Post Title color : <\/b> Just to change the post title color, By default this color is black.<\/li>\n<li><b>Block Text color : <\/b> You can change the block text color if you need.<\/li>\n<li><b>Block Link Hover color : <\/b> You can set Hover Color for all links in this block posts.<\/li>\n<li><b>Block Date &amp; Meta color : <\/b> Available option to change Date and Time color<\/li>\n<li><b>Order By : <\/b> You can set order by options to show the post according this options<\/li>\n<li><b>Order : <\/b> You can set Ascending or Descending order to show the posts<\/li>\n<\/ol>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-83\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions5.png\" alt=\"\" width=\"651\" height=\"525\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions5.png 651w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions5-300x242.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions5-60x48.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/blockoptions5-150x121.png 150w\" sizes=\"(max-width: 651px) 100vw, 651px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Note: When you want to make a page like Homepage, you need to know how to use the &#8216;Post Block&#8217; elements.. There are many options available, which will help you to make an interactive website using Pantograph WordPress theme. You can see the option fields for each post block when you edit\/add a post block [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[],"_links":{"self":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/posts\/77"}],"collection":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/comments?post=77"}],"version-history":[{"count":0,"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/posts\/77\/revisions"}],"wp:attachment":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/media?parent=77"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/categories?post=77"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/tags?post=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}