Skip to content

Instantly share code, notes, and snippets.

@philipgledhill
philipgledhill / Service business web page titles and place holder content
Last active December 24, 2018 06:07
You can copy and paste these page names and place holder content in to the WordPress page editor. They will help you get your site up and running faster.
Copy and paste these page titles into the page title box in the WordPress editor.
Home
About
Services
Pricing
Portfolio
Blog
Contact
@philipgledhill
philipgledhill / The Google Fonts loaded in Mai Law Pro theme
Last active December 18, 2018 09:40
Fonts loaded and some basic inline usage examples for Mai Law theme.
The Google Fonts loaded in Mai Law Pro theme
Roboto+Slab:700
Poppins:400,600,700
Source+Sans+Pro:300,300i,400,700
/** Font families used... */
font-family: 'Roboto Slab', serif;
@philipgledhill
philipgledhill / Example starter grids
Created December 11, 2018 17:36
Paste these shortcodes into the text tab of the post editor of Mai Theme. then change the categories="6" id to suit your own website.
[grid categories="6" number="3" show="image, title, excerpt, more_link" image_location="before_title"]
[grid content="post" categories="6" number="6" columns="1" show="image, title" align_text="center, middle" image_location="bg" image_size="banner" slider="true"]
[grid categories="6" number="6" show="image, title, excerpt, more_link" image_location="before_title" slider="true"]
[grid categories="6" number="3" columns="1" show="image, title, excerpt, more_link" image_align="left" image_size="thumbnail"]
Mai Building Blocks 2: Column usage examples with additional parameters
These are the columns & col shortcodes I use most often. There are more available in the official documentation.
[columns]
[col]
[/col]
[/columns]
[columns gutter="50"]
@philipgledhill
philipgledhill / Mai Pro: Grid usage examples with additional parameters
Created December 8, 2018 06:14
Shortcodes used on this blog post - Mai Building Blocks 1: Grid usage examples with additional parameters
Usage Examples...
show the 6 most recent blog posts...
[grid content="post" number="6"]
You can also show pages, instead of posts...
[grid content="page" number="6"]
Show three blog posts. The post title will display on top of the featured image...
[grid content="post" number="3" image_location="bg" align_text="center, middle"]
@philipgledhill
philipgledhill / MAI - All Useful Shortcodes CSS and HTML snippets I could find in Mai demo pages
Created December 2, 2018 11:58
I copied these snippets from the Mai Theme Lifestyle and Mai Theme Law demo page code
[grid content="post" exclude_categories="18" number="9" show="image, title, content, more_link" content_limit="30" slider="true" slidestoscroll="3" dots="true" center_mode="true"]
/**--------------------------------------------------------- */
Photo takes full half of screen
[columns align="center, middle" gutter="0"]
[col image="618" image_size="featured"]
[/col]
[col class="column"]
@philipgledhill
philipgledhill / Mai Theme Engine: Shortcodes I use most often
Created November 30, 2018 08:31
There are many Mai Theme Engine shortcodes. Most of them are only rarely used. The shortcodes I list here do most of the things I want to do most of the time. For much more comprehensive documentation, see the Mai Theme help pages.
/** ----------- Grid Shortcodes I use Most Often ---------- */
[grid content="post"]
[grid content="post" columns="4"]
[grid content="post" categories="16, 7"]
[grid content="post" content_limit="50"]
<p class="text-lg" style="max-width: 800px; margin: auto;">Mai Law Pro Theme will get your law firm website ready in no time. Header layouts, banner area, grid archive settings, and many more theme customization features make it simple for you to create an easy to navigate website that caters to your clients' needs.</p>
[columns align="middle" top="xxl"]
[col align_text="left"]
<div class="bottom-xs-xxl">
<h3>Responsive Design</h3>
Built with HTML5 and CSS3, Mai Law Pro is fully responsive to give your mobile visitors a great experience.
</div>
<div class="bottom-xs-xxl">
<h3>Rocket Fast</h3>
[columns align_text="center" gutter="0"]
[col image="1405" image_size="featured"]
[/col]
[col class="column"]
<div style="max-width: 300px; margin: auto; text-align: center;">
<h4>Our new office space</h4>
<em>Yup! We love it here. Just what we were looking for, and our clients can arrive by train or park right outside.</em>
</div>
[/col]
[columns align="middle"]
[col]
CLICK THE ADD MEDIA BUTTON, IN THE SECTION EDITOR TOOLBAR, TO PLACE A PHOTO HERE!
[/col]
[col]
<h2>Our Office Space</h2>
<p class="text-lg">We've moved into shared office space in the city. It's bright,spacious and has a great view. We can catch the train in less than 200 yards from the main building's entrance. All in all, we're well pleased.</p>
<a class="button" href="#">Meet Our Team</a>