BizBudding Docs
Documentation
Mai Theme is a different theme than you’re used to. The power of Mai Theme lies in it’s flexible customization settings including banner area, unique “Sections” template, content settings, and powerful shortcodes. With these unique features Mai Theme makes it simple to create beautiful sites quickly. The Mai Lifestyle Theme demo is just one of …
Requirements Please have the following ready or already installed. Latest version of WordPress installed on your hosting Latest version of the Genesis Framework Mai Theme Genesis A comprehensive guide to the Genesis Framework and it’s use is available here https://www.studiopress.com/download/genesis-for-beginners-v2.pdf. Mai Theme documentation does not cover standard Genesis Theme Settings unless their use is extended by Mai Theme itself. …
There are 2 methods available for importing all Class Mai Theme’s demo content: Automatic demo setup via our Mai Demo Importer plugin. Manual demo setup via xml/wie/dat files and public import/export plugins. OPTION 1: Mai Demo Importer plugin Mai Demo Importer Note: Mai Demo Importer works best with a clean install of WordPress. If you …
Mai Theme has a nice feature built in to let you easily import/configure your home page without needing to deal with other content, settings, widgets, etc. Here are the simple steps to setup a page like our demos. Create a page and set it to use the Sections Template. Save/Update your page. If using WordPress 5+, …
Align the logo by setting your menus NOTE: Site Identity/Logo upload requires Genesis 2.6 and above. If you are using an older version of Genesis but not showing an update, please go to Customizer > Theme Settings > Updates and make sure the box is checked to “Check For Updates”. Then visit Dashboard > Updates …
Header & Footer customizer settings for Mai Theme Header Style Options: Standard Header Sticky Header (always available as the user scrolls – disabled on mobile) Reveal Header (hides when scrolling down and reveals itself when scrolling up quickly) Sticky/Shrink Header (always visible and shrinks smaller when scrolling down – dis) Reveal/Shrink Header (hides when scrolling …
Menus are used for navigating the content on your site. You can create menus and add items for existing content such as pages, posts, categories, tags, formats, or custom links. Menu Locations Mai Theme supports 5 menu locations: Primary Header Left Header Right Footer Mobile You can create as many menus as you want, but …
Mai Theme comes with 9 built-in page layouts. Layouts can be configured for archives, pages and posts – each post type can have a unique layout, and/or a default layout can be configured. Mai Lifestyle Theme is configured with the following settings – the page in this Live Preview is an Archive page. You can …
Single post/page settings, and blog, category, tag, etc. archive settings The Genesis Content Archives settings allow you to control the way content displays on category, tag, author, date, and taxonomy archive pages. MaiTheme renames and extends this functionality with the Mai Archive Settings configuration area on Archive pages. Content Singular Settings Content (Blog/Category/Tag) Archives Make …
The banner Area can be enabled or disabled globally via the Customizer. If enabled, it can be configured globally or per page/post by adding an image from the media library or upload. Here are some of the many possibilities: Create customizable and beautiful full-width banners easily with Mai Theme. The banner area is enabled globally …
Mai Theme supports 10 widget areas, plus as many footer widgets as are configured in Theme Settings. The home page in the Mai Theme demo doesn’t use all 10 widget areas – only the widget areas in use are displayed NOTE: Genesis logic allows only 1 additional footer widgets to become available at a time. …
Breadcrumbs are a navigation aid that allows users to keep track of their location on a website relative to the home page. This option lets you define the pages where the Breadcrumbs will be displayed. Breadcrumbs can be defined within the MaiTheme Customizer or here on the Genesis Theme Settings screen. MaiTheme extends the standard …
How to use the Sections template in Mai Theme Sections Template Mai Theme utilizes a unique Section template to setup full width pages. Generally this is used for the Home page but can also be used on any other page, you aren’t limited to widgets on the front page like many (most?) Genesis child themes. …
Custom CSS to change basic colors in Mai Theme If you’d like to customize colors (and fonts) without using any code, you’ll love our Mai Styles plugin available in the Mai Theme Plugin Pack. The following code can be added directly to the style.css file in your theme. Copy/paste it right in, and adjust the colors as needed. …
Changing fonts in Mai Theme If you’d like to change fonts (and colors) without using any code, you’ll love our Mai Styles plugin available in the Mai Theme Plugin Pack. Like most Genesis child themes, changing fonts (the right way) requires a bit of code. There are 2 steps involved in using custom Google web fonts, registering your …
Various code snippets to customize Mai Theme All of the following PHP snippets can safely be added on their own line at the bottom of functions.php file in Mai Theme. Please note, many standard Genesis snippets/filters may need to run later when added to your Mai Theme (functions.php) file since most of our code runs …
Understand shortcodes and how to use them WordPress has menu built in shortcodes you can use with Mai Theme. Learn about WordPress shortcodes here. Mai Theme comes with 3 ready-to-use shortcodes that work together to deliver an unlimited number of layout options. A shortcode is generally a simple word in brackets [] that WordPress magically transforms into nicely …
An organized list of parameters for use with the [grid] shortcode Mai Theme includes the [grid] shortcode for powerful and dynamic layouts. Grid can be used on any post type or templates to format a variety of content types into a grid. Shortcode POPULAR EXAMPLES Note: Many examples use post, category, or term Object IDs. Posts …
Columns You can use column classes to create a column-based layout in posts, pages, and inside text widgets. [columns] is the wrapper for [col] and must be used when [col] is used. Optional Parameters align Type: string, comma-separated Description: Align columns and the text within the columns horizontally and vertically within the content area. Accepts a comma-separated list of values in any order. …
Callout creates box styling around any text. Use it on any page or post, inside grid, section or column. Shortcode Optional Parameters bg Type: string Description: Change the default callout background. Accepts 3 or 6 digit hex value with or without hash (#). Example: [callout bg="ffe6e6"] class Type: string Description: Add additional HTML classes to the callout …
This shortcode can be used anywhere, but we recommend using the “Sections” Page Template instead. Sections are full-width sections of your page (or post) used to separate or highlight different areas of content, each with different styling. By default, sections alternate light colored backgrounds. You can manually set the background color, or set an image (via image ID) …
From the WordPress Dashboard, go to Appearance > Customize to access the customizer: Once the customizer is open, you’ll see a menu on the left and a live preview of your site on the right: The customizer menu on the left side shows the various options that are available for customizing your design with Mai …
Understanding image sizes and display in Mai Theme Logo Site logo images have a suggested dimension of 240px x 120px, but any image size is okay. Logos are not constrained to this dimension, and will be displayed at full size. Retina Logo If you’d like to make your logo “retina” ready (for most mobile devices and desktops …
Sections Template The Sections template is a lightweight and easy to use page builder of sorts. It allows you to easily customize and rearrange sections on any page, so it’s not limited create See the Sections Template documentation here. Sitemap Template Mai Pro comes with a Sitemap custom page template that displays all of your website …
How to find a Page, Post, Image, Category, or User ID. How to find a Page or Post ID Option 1 Install and activate Show IDs by 99 Robots plugin. Navigate to your WordPress Dashboard > Pages or Posts list. View the ID column in the list. Option 2 Navigate to your WordPress Dashboard > Pages or …
How To and Theme demo videos on YouTube How To Playlist How To Easily Upload A Logo To Genesis Mai Pro Child ThemeHow To Add Banner Text/Excerpts To Genesis Mai Pro Child ThemeHow to Customize the Banner AreaHow to Add Columns and Customize the Blog and ArchivesHow to Automatically Display the Featured Image on Pages …
Legacy v1 Mai Theme Engine changelog. 1.12.0 (6/25/21) Changed: Update CMB2 to 2.9.0 Changed: Update updater. Fixed: Duplicate function error in WooCommerce if another plugin calls a template a second time. 1.11.9 (2/13/21) Changed: Update CMB2 to 2.8.0. 1.11.8 (1/4/21) Fixed: Deprecated jQuery load() functions. Fixed: Updated WooCommerce template versions. 1.11.7 (9/3/20) Changed: Added sitemap …
Easily adjust fonts, colors, and more on your Mai Theme powered website. Visit Customizer > Mai Styles and take it from there! Don’t have the Mai Styles plugin? Discover more details about our custom-built plugins, and get it today. REQUIRED PARAMETERS Please have the following ready or already installed. Latest version of WordPress installed on your hosting …
Manage your products and services with this plugin. It’ll create a post type for your affiliate links with images, description and buttons. Don’t have Mai Favorites plugin? Discover more details about our custom-built plugins, and get it today. Your favorite links are easily displayed on a page via the [grid] shortcode, which means they can …
Your testimonials are easily displayed on a page via the [grid] shortcode, which means they can be in columns, as a slider, in a widget, etc Don’t have Mai Testimonials plugin? Discover more details about our custom-built plugins, and get it today. Mai Theme includes our Mai Testimonials plugin, which can display [grid] shortcodes for …
