{"id":219,"date":"2021-03-24T00:46:49","date_gmt":"2021-03-24T00:46:49","guid":{"rendered":"https:\/\/total.wpexplorer.com\/boomerang\/?page_id=208"},"modified":"2021-03-24T00:46:49","modified_gmt":"2021-03-24T00:46:49","slug":"docs","status":"publish","type":"page","link":"https:\/\/catalogue.webmediarm.com\/boomerang\/docs\/","title":{"rendered":"Boomerang Demo Notes"},"content":{"rendered":"<p>Every Total theme demo uses the same Total theme and features, they are simply setup in different ways to achieve a specific look. The notes below can help you see how various parts of this particular demo was setup so you can tweak them to your liking.<\/p>\n<h3>Layout<\/h3>\n<ul>\n<li>This demo is set to display with a content width of 1200px as defined under <em><strong>Appearance &gt; Customize &gt; Layout &gt; Desktop Widths &gt; Main Container Width.<\/strong><\/em><\/li>\n<\/ul>\n<h3>Fonts<\/h3>\n<ul>\n<li>The demo is using the Lato font which is a Google hosted font selected under <em><strong>Appearance &gt; Customize &gt; Typography &gt; Body<\/strong><\/em> and a default body font size of 16px.<\/li>\n<\/ul>\n<h3>Header<\/h3>\n<ul>\n<li>The demo is using Header Style 1 with a few customizations as made under <em><strong>Appearance &gt; Customize &gt; Header<\/strong><\/em>.<\/li>\n<\/ul>\n<h3>Page Titles<\/h3>\n<ul>\n<li>The page titles by default are set to display with a blue background with breadcrumbs disabled. Some pages like the homepage, features and Get started pages have the default theme page header title disabled via the \u00ab\u00a0<a href=\"https:\/\/wpexplorer-themes.com\/total\/docs\/page-settings-metabox\/\">Theme Settings<\/a>\u00a0\u00bb metabox so that they can have a custom row added to the top of the page for a more unique layout.<\/li>\n<\/ul>\n<h3>Blog<\/h3>\n<ul>\n<li>The main Blog page is setup under <em><strong>Pages &gt; Blog<\/strong><\/em> using the page template \u00a0\u00bb Blog &#8211; Content Above\u00a0\u00bb so it can also have a custom page title display and the blog category menu inserted.\u00a0 For this to work the setting under <em><strong>Appearance &gt; Reading<\/strong><\/em> for \u00ab\u00a0<strong>Posts Page<\/strong>\u00a0\u00bb must be left blank.<\/li>\n<li>Blog Archives (categories\/tags) are also setup using a \u00ab\u00a0Dynamic Template\u00a0\u00bb named \u00ab\u00a0<em><strong>Archive \u2013 Blog (Category\/Tags)<\/strong><\/em>\u00a0\u00bb where they have a custom page header and are using the Post Card element to display the entries via the \u00ab\u00a0<a href=\"https:\/\/total.wpexplorer.com\/features\/cards\/blog-6\/\">Blog 6<\/a>\u00a0\u00bb card style.<\/li>\n<li>There is a template named \u00ab\u00a0<em><strong>Menu \u2013 Blog Categorie<\/strong><\/em>s\u00a0\u00bb which is used for the category menu displayed on the blog before the posts. Which uses a menu created under <em><strong>Appearance &gt; Menu<\/strong><\/em>.<\/li>\n<li>The Blog posts are setup using a template which you can find under <em><strong>Theme Panel &gt; Dynamic Templates &gt; Single \u2013 Blog Posts. <\/strong><\/em>You can either modify this template or switch to using the standard blog by un-selecting the template via the Customizer under <strong><em>Appearance &gt; Customize &gt; Blog &gt; Single Post\u00a0 &gt; Dynamic Template<\/em><\/strong>.<\/li>\n<li>The blog post template section that displays other posts under \u00ab\u00a0Latest Articles\u00a0\u00bb simply displays the latest posts since the demo doesn&rsquo;t have many posts categorized but this can be altered to display \u00ab\u00a0<strong>related<\/strong>\u00a0\u00bb posts. <a href=\"https:\/\/wpexplorer-themes.com\/total\/docs\/related-items-dynamic-template\/\" target=\"_blank\" rel=\"noopener\">Learn more here<\/a>.<\/li>\n<\/ul>\n<h3>Portfolio, Testimonials Staff<\/h3>\n<ul>\n<li>This demo doesn&rsquo;t make use of any of these post types but remain enabled so you can use them. You can go to the main Theme Panel if you wish to disable them.<\/li>\n<\/ul>\n<h3>Other<\/h3>\n<ul>\n<li>A sample Coming soon and Custom 404 page is included in the demo and the 404 page should already be selected under <em><strong>Theme Panel &gt; Custom 404<\/strong><\/em> but if you want to make use of the Coming soon page to set your site in a \u00ab\u00a0closed to the public\u00a0\u00bb state then you can do so by assigning the Coming Soon page via <em><strong>Theme Panel &gt; Under Construction<\/strong><\/em>. And of course you can customize or create your own versions of the templates.<\/li>\n<li>The demo has some default preset colors under Theme Panel &gt; Color Palette which you can customize to fit your needs or delete. If you delete any color though and it&rsquo;s being used in a builder module those builder modules will no longer have the colors assigned to them and could look strange. Such as the homepage icon boxes and icon boxes on the Features page.<\/li>\n<li>If you are going to use this layout, be sure to edit the homepage and the blog post template and add your newsletter form URL to the newsletter forms, it uses the Total newsletter by default as an example. Of course you want to customize everything, but I mention this as it&rsquo;s often overlooked.<\/li>\n<\/ul>\n<h3>Assets<\/h3>\n<ul>\n<li>All illustrations were sourced from: <a href=\"https:\/\/undraw.co\/illustrations\">https:\/\/undraw.co\/illustrations<\/a><\/li>\n<\/ul>\n<h3>Hex Color Codes Used in Demo<\/h3>\n<ul>\n<li>Main accent: #438cfb<\/li>\n<li>Light blue background used in header: #f3f7fa<\/li>\n<li>Light gray used in some backgrounds: #f3f7fa<\/li>\n<li>Red: #f9423e (used for button colors as set under Appearance &gt; Customize &gt; Links &amp; Buttons)<\/li>\n<li>Green: #21d467<\/li>\n<li>Green &#8211; Pastel: #dcf7e8<\/li>\n<li>Orange: #ff9519<\/li>\n<li>Orange &#8211; Pastel: #fff6d7<\/li>\n<li>Purple: #9a51e0<\/li>\n<li>Purple &#8211; Pastel: #ebdcf9<\/li>\n<li>Blue: #2e80ec<\/li>\n<li>Blue &#8211; Pastel: #ddf6fd<\/li>\n<\/ul>\n<hr \/>\n<p>Make sure to reference the <a href=\"https:\/\/wpexplorer-themes.com\/total\/docs\/\">Total theme docs<\/a> for how to use the theme features, what&rsquo;s available and more. And if you have any issues or questions please be sure to reach out to us for help.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Every Total theme demo uses the same Total theme and features, they are simply setup in different ways to achieve a specific look. The notes below can help you see how various parts of this particular demo was setup so you can tweak them to your liking. Layout This demo is set to display with&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/catalogue.webmediarm.com\/boomerang\/wp-json\/wp\/v2\/pages\/219"}],"collection":[{"href":"https:\/\/catalogue.webmediarm.com\/boomerang\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/catalogue.webmediarm.com\/boomerang\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/catalogue.webmediarm.com\/boomerang\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/catalogue.webmediarm.com\/boomerang\/wp-json\/wp\/v2\/comments?post=219"}],"version-history":[{"count":0,"href":"https:\/\/catalogue.webmediarm.com\/boomerang\/wp-json\/wp\/v2\/pages\/219\/revisions"}],"wp:attachment":[{"href":"https:\/\/catalogue.webmediarm.com\/boomerang\/wp-json\/wp\/v2\/media?parent=219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}