{"id":719,"date":"2026-06-10T03:48:27","date_gmt":"2026-06-10T03:48:27","guid":{"rendered":"https:\/\/docs.wpinterface.com\/?p=719"},"modified":"2026-06-10T03:48:27","modified_gmt":"2026-06-10T03:48:27","slug":"blog-and-archive-customization-guide","status":"publish","type":"post","link":"https:\/\/docs.wpinterface.com\/blog-and-archive-customization-guide\/","title":{"rendered":"Blog and Archive Customization Guide"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Our theme provides extensive options to control how your blog posts are displayed on archive pages, category pages, search results, and your main blog page.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Accessing Blog Settings<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To customize your blog appearance, navigate to <strong>Appearance \u2192 Customize<\/strong> in your WordPress dashboard, then go to <strong>Blog \u2192 Blog Page \/ Archive<\/strong>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">1. Blog Layout Styles<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The theme offers two primary structures for displaying your post feed:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Vertical:<\/strong> The traditional blog layout. The featured image is displayed at the top, followed by the title, meta information, and the post excerpt below it.<\/li>\n\n\n\n<li><strong>Horizontal:<\/strong> A modern, list-style layout where the featured image is displayed on one side, and the post content (title, excerpt) is displayed alongside it on the other side.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>When using the Horizontal layout, you get additional options:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Show Post Categories:<\/strong> Display a list of categories above the post title.<\/li>\n\n\n\n<li><strong>Show Read More Button:<\/strong> Toggle the visibility of a dedicated &#8220;Read More&#8221; button.<\/li>\n\n\n\n<li><strong>Featured Image Position:<\/strong> Choose whether the image sits on the <strong>Left<\/strong> or the <strong>Right<\/strong> side of the content.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">2. Featured Image Settings<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Control how the thumbnails look across your blog feed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Under <strong>Featured Image Size<\/strong>, you can select the exact dimensions the theme should use when cropping your post thumbnails. The dropdown lists all available image sizes registered on your WordPress site (e.g., Thumbnail, Medium, Large, or custom sizes). Choosing a uniform size ensures a clean, aligned grid.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">3. Post Elements Visibility &amp; Order<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Business Interface theme uses a drag-and-drop sortable interface allowing you to build the perfect post card layout.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Under <strong>Post Elements<\/strong>, you will see a list of items:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Title<\/li>\n\n\n\n<li>Post Meta (Author, Date, etc.)<\/li>\n\n\n\n<li>Featured Image<\/li>\n\n\n\n<li>Summary (The excerpt)<\/li>\n\n\n\n<li>Read More (Summary footer)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How to customize:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Reorder:<\/strong> Click and drag the hamburger icon next to an element to move it up or down. For example, you can drag the &#8216;Title&#8217; above the &#8216;Featured Image&#8217;.<\/li>\n\n\n\n<li><strong>Hide\/Show:<\/strong> Click the eye icon next to an element to hide it completely from the blog feed.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><em>(Note: The Post Elements sorter is primarily designed for the Vertical layout option).<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">4. Post Meta Configuration<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Post Meta refers to the informational details about the post, such as who wrote it and when it was published.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Under <strong>Post Meta<\/strong>, use the drag-and-drop sorter to organize or hide these details:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Author<\/li>\n\n\n\n<li>Publish Date<\/li>\n\n\n\n<li>Comments count<\/li>\n\n\n\n<li>Categories<\/li>\n\n\n\n<li>Tags<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Additional Meta Options:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Show avatar and icons in post meta:<\/strong> Toggle this on to display the author&#8217;s profile picture (avatar) next to their name, and to show small, elegant icons next to the date, categories, and comments.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">5. Excerpt Settings<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Control how much text is previewed before the user has to click through to read the full article.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Excerpt Length:<\/strong> Use the slider to set the maximum number of words displayed in the summary. The default is usually around 55 words, but you can increase or decrease this to fit your design.<\/li>\n\n\n\n<li><strong>Excerpt More:<\/strong> Define the text or characters appended to the end of a cut-off excerpt. The default is usually <code>...<\/code> or <code>[&amp;hellip;]<\/code>, but you can change it to something like <code>(continue reading)<\/code>.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Saving Your Changes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">As you make adjustments, the live preview on the right will update to reflect your new blog design. Once you are satisfied, click the blue <strong>Publish<\/strong> button at the top of the Customizer to save your settings.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our theme provides extensive options to control how your blog posts are displayed on archive pages, category pages, search results, and your main blog page. Accessing Blog Settings To customize your blog appearance, navigate to Appearance \u2192 Customize in your WordPress dashboard, then go to Blog \u2192 Blog Page \/ Archive. 1. Blog Layout Styles &hellip; <a href=\"https:\/\/docs.wpinterface.com\/blog-and-archive-customization-guide\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Blog and Archive Customization Guide<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[21],"class_list":["post-719","post","type-post","status-publish","format-standard","hentry","category-general","tag-business-interface"],"_links":{"self":[{"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/posts\/719","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/comments?post=719"}],"version-history":[{"count":1,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/posts\/719\/revisions"}],"predecessor-version":[{"id":721,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/posts\/719\/revisions\/721"}],"wp:attachment":[{"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/media?parent=719"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/categories?post=719"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/tags?post=719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}