Dynamic strings are special placeholders that automatically display real-time content such as the current year, date, site title, and logged-in username. Use them in the Customizer’s text fields to keep your site content always up to date \u2014 no manual edits needed.<\/p>\n\n\n\n
The Business Interface<\/strong> theme offers a powerful and flexible header builder built directly into the WordPress Customizer. This guide will walk you through setting up and styling your main header.<\/p>\n\n\n\n To access the header settings, navigate to Appearance \u2192 Customize<\/strong> in your WordPress dashboard, then go to Header \u2192 Main Header<\/strong>.<\/p>\n\n\n\n The theme provides predefined layout structures for your header elements (like your logo and navigation menu).<\/p>\n\n\n\n To change your layout:<\/strong><\/p>\n\n\n\n You can control how the header container aligns with the rest of your site content.<\/p>\n\n\n\n Adding extra functionality to your header is easy using Header Widgets. You can add elements like a search icon or a call-to-action button.<\/p>\n\n\n\n If you use multiple widgets, you can add a stylish separator line between them. Under Widgets Separator<\/strong>, choose:<\/p>\n\n\n\n You can control exactly where these widgets appear. Use the Device Visibility<\/strong> dropdown to show widgets on all devices, or hide them specifically on mobile, tablet, or both.<\/p>\n\n\n\n The Business Interface theme gives you granular control over the colors and styling of the header area.<\/p>\n\n\n\n Scroll down to the Design Options<\/strong> section to access these settings:<\/p>\n\n\n\n Control the background of the entire header area.<\/p>\n\n\n\n Customize the text colors within the header:<\/p>\n\n\n\n Add definition to your header by applying borders:<\/p>\n\n\n\n Once you are happy with your header configuration, click the blue Publish<\/strong> button at the top of the Customizer to apply the changes to your live site.<\/p>\n\n\n\n The Business Interface<\/strong> 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 To customize your blog appearance, navigate to Appearance \u2192 Customize<\/strong> in your WordPress dashboard, then go to Blog \u2192 Blog Page \/ Archive<\/strong>.<\/p>\n\n\n\n The theme offers two primary structures for displaying your post feed:<\/p>\n\n\n\n When using the Horizontal layout, you get additional options:<\/strong><\/p>\n\n\n\n Control how the thumbnails look across your blog feed.<\/p>\n\n\n\n Under 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 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 Under Post Elements<\/strong>, you will see a list of items:<\/p>\n\n\n\n How to customize:<\/strong><\/p>\n\n\n\n (Note: The Post Elements sorter is primarily designed for the Vertical layout option).<\/em><\/p>\n\n\n\n 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 Under Post Meta<\/strong>, use the drag-and-drop sorter to organize or hide these details:<\/p>\n\n\n\n Additional Meta Options:<\/strong><\/p>\n\n\n\n Control how much text is previewed before the user has to click through to read the full article.<\/p>\n\n\n\n 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 Publish<\/strong> button at the top of the Customizer to save your settings.<\/p>\n\n\n\n The Business Interface<\/strong> theme makes it easy to establish your brand identity globally. Instead of changing colors and fonts on every single page, you can set global rules that apply across your entire website.<\/p>\n\n\n\n To manage your site’s color palette, navigate to Appearance \u2192 Customize<\/strong> in your WordPress dashboard, then go to General \u2192 Base Colors<\/strong>.<\/p>\n\n\n\n The Accent Color<\/strong> is the most important color setting on your site. It is used subtly throughout the theme to call attention to key elements, such as buttons, active menu items, and highlights. Set this to your primary brand color.<\/p>\n\n\n\n Expand the Content<\/strong> section to manage the colors used in the main body of your website:<\/p>\n\n\n\n If you are using a “Boxed” layout (configurable under General \u2192 Layout), you can define the Boxed Content – Background Color<\/strong> here. This is the color of the “paper” your text sits on, usually white or a very light grey.<\/p>\n\n\n\n To manage the fonts used across your site, navigate to General \u2192 Base Typography<\/strong> in the Customizer.<\/p>\n\n\n\n The Business Interface theme integrates seamlessly with Google Fonts, giving you access to hundreds of high-quality typefaces.<\/p>\n\n\n\n Expand the Body & Content<\/strong> section to set the font for all standard paragraph text.<\/p>\n\n\n\n Expand the Headings (H1 – H6)<\/strong> section to control your title fonts.<\/p>\n\n\n\n Once your colors and fonts are perfectly aligned with your brand, click the blue Publish<\/strong> button at the top of the Customizer to save your settings.<\/p>\n\n\n\n Our theme offers a highly customizable footer area that you can build using WordPress widgets. This guide will help you configure the layout and styling of your site\u2019s main footer.<\/p>\n\n\n\n Our theme gives you complete control over how individual blog posts look. From the position of the title to the ordering of meta details, you can craft the perfect reading experience.<\/p>\n\n\n\n Our theme provides flexible sidebar management, allowing you to set global defaults while giving you granular control over specific post types and pages.<\/p>\n\n\n\n Available Dynamic Strings Dynamic strings are special placeholders that automatically display real-time content such as the current year, date, site title, and logged-in username. Use them in the Customizer’s text fields to keep your site content always up to date \u2014 no manual edits needed. Main Header Configuration Guide The Business Interface theme offers a … Continue reading Business Interface<\/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":[2],"tags":[],"class_list":["post-684","post","type-post","status-publish","format-standard","hentry","category-free-theme"],"_links":{"self":[{"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/posts\/684","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=684"}],"version-history":[{"count":11,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/posts\/684\/revisions"}],"predecessor-version":[{"id":708,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/posts\/684\/revisions\/708"}],"wp:attachment":[{"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/media?parent=684"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/categories?post=684"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/tags?post=684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n\n\n\nAccessing the Header Settings<\/h3>\n\n\n\n
\n\n\n\n1. Header Layout Options<\/h3>\n\n\n\n
\n
\n
\n\n\n\n2. Header Width<\/h3>\n\n\n\n
\n
\n\n\n\n3. Header Widgets<\/h3>\n\n\n\n
How to add a widget:<\/strong><\/h4>\n\n\n\n
\n
Widget Separators<\/h4>\n\n\n\n
\n
Device Visibility<\/h4>\n\n\n\n
\n\n\n\n4. Design & Styling Options<\/h3>\n\n\n\n
Background<\/h4>\n\n\n\n
\n
Font Colors<\/h4>\n\n\n\n
\n
Borders<\/h4>\n\n\n\n
\n
\n\n\n\nSaving Your Changes<\/h3>\n\n\n\n
\n\n\n\nBlog and Archive Customization Guide<\/h2>\n\n\n\n
\n\n\n\nAccessing Blog Settings<\/h3>\n\n\n\n
\n\n\n\n1. Blog Layout Styles<\/h3>\n\n\n\n
\n
\n
\n\n\n\n2. Featured Image Settings<\/h3>\n\n\n\n
\n\n\n\n3. Post Elements Visibility & Order<\/h3>\n\n\n\n
\n
\n
\n\n\n\n4. Post Meta Configuration<\/h3>\n\n\n\n
\n
\n
\n\n\n\n5. Excerpt Settings<\/h3>\n\n\n\n
\n
...<\/code> or […]<\/code>, but you can change it to something like (continue reading)<\/code>.<\/li>\n<\/ul>\n\n\n\n
\n\n\n\nSaving Your Changes<\/h3>\n\n\n\n
\n\n\n\nGlobal Colors & Typography Guide<\/h2>\n\n\n\n
\n\n\n\nGlobal Colors<\/h3>\n\n\n\n
1. Accent Color<\/h4>\n\n\n\n
2. Content Colors<\/h4>\n\n\n\n
\n
#333333<\/code>) is best for readability.<\/li>\n\n\n\n3. Boxed Content Background<\/h4>\n\n\n\n
\n\n\n\nGlobal Typography<\/h3>\n\n\n\n
1. Base Font Size & Smoothing<\/h4>\n\n\n\n
\n
REM<\/code> base of the root HTML element. Adjusting this slider will proportionally scale all typography across your entire site. The default is usually 16px.<\/li>\n\n\n\n2. Body Typography<\/h4>\n\n\n\n
\n
3. Headings Typography<\/h4>\n\n\n\n
\n
4. Emphasized Text<\/h4>\n\n\n\n
\n
<em><\/code> tags used inside<\/em> of headings. This allows you to create beautiful, magazine-style typographic elements by italicizing specific words in a title with a completely different font family (like a script or serif font).<\/li>\n<\/ul>\n\n\n\n
\n\n\n\nSaving Your Changes<\/h3>\n\n\n\n
\n\n\n\nFooter Configuration Guide<\/h2>\n\n\n\n
\n\n\n\nSingle Post Settings Guide<\/h2>\n\n\n\n
\n\n\n\nSidebar Setup Guide<\/h2>\n\n\n\n