Sections Template and Shortcodes

I created a demo page here to show what you can do with the “home sections” template.

This is the code that will help you replace the bloated page builders, it just involves more setup initially.

Make sure you’re using Classic Editor and not Gutenberg to use this code.

Here’s the BEST WAY to learn how to use our shortcodes and sections..

Create a Demo page on your WordPress install you can play around with..

To create this look goto Pages > Add New, select the “Home Sections” template from the Page Attributes menu.

If you click in the box you’ll see icons appear on upper right. These enable you to copy the clean code.

Paste this code in “text mode” and save draft.  Then when you view it you’ll see the same demo we have.

Then in either in text mode or visual mode you can edit the components to see how they work.

[soc_full_section bgcolor="#f4f4f4" textcolor="#444" bgimage="https://socratestheme.com/wp-content/uploads/2017/09/bigsky.jpg" parallax="1" height="auto" min_height="400" margin_top="0" margin_bottom="0" margin_left="0" margin_right="0" padding_top="50" padding_bottom="50" padding_left="0" padding_right="0"]

[soc_headline color="#fff" font_size="55" align="center" margin_top="15" margin_bottom="50"]The Logical Wordpress Theme[/soc_headline][soc_button color='ghost' size='large' href='https://socratestheme.com/order/' target='new' align='center']Purchase Socrates[/soc_button][/soc_full_section]

[soc_full_section bgcolor="#fff" textcolor="#444" bgimage="" parallax="1" margin_top="0" margin_bottom="0" margin_left="0" margin_right="0" padding_top="50" padding_bottom="25" padding_left="0" padding_right="0"]
<h2 style="text-align: center;">Create Full Width Sections</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec nulla vitae lacus mattis volutpat eu at sapien. Nunc interdum congue libero, quis laoreet elit sagittis ut. Pellentesque lacus erat, dictum condimentum pharetra vel, malesuada volutpat risus. Nunc sit amet risus dolor. Etiam posuere tellus nisl. Integer lorem ligula, tempor eu laoreet ac, eleifend quis diam. <strong>Proin cursus, nibh eu vehicula varius</strong>, lacus elit eleifend elit, eget commodo ante felis at neque.

[/soc_full_section]

[soc_full_section bgcolor="#fff" textcolor="#444" bgimage="https://socratestheme.com/wp-content/uploads/2017/10/Traveller-1.png" parallax="1" margin_top="50" margin_bottom="0" margin_left="0" margin_right="0" padding_top="50" padding_bottom="50" padding_left="0" padding_right="0"]

[soc_one_third]

[icon type='fa fa-5x fa-center fa-asterisk'][/icon]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec nulla vitae lacus mattis volutpat eu at sapien. Nunc interdum congue libero, quis laoreet elit sagittis ut. Pellentesque lacus erat, dictum condimentum pharetra vel, malesuada volutpat risus.

[/soc_one_third]

[soc_one_third ]

[icon type='fa fa-5x fa-center fa-bar-chart'][/icon]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec nulla vitae lacus mattis volutpat eu at sapien. Nunc interdum congue libero, quis laoreet elit sagittis ut. Pellentesque lacus erat, dictum condimentum pharetra vel, malesuada volutpat risus.

[/soc_one_third]

[soc_one_third class='last']

[icon type='fa fa-5x fa-center fa-cogs'][/icon]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec nulla vitae lacus mattis volutpat eu at sapien. Nunc interdum congue libero, quis laoreet elit sagittis ut. Pellentesque lacus erat, dictum condimentum pharetra vel, malesuada volutpat risus.

[/soc_one_third]

[/soc_full_section]

[soc_full_section bgcolor="#F6F6F6" textcolor="#444" bgimage="IMAGE_URL_TEXT_MODE" parallax="1" margin_top="0" margin_bottom="0" margin_left="0" margin_right="0" padding_top="50" padding_bottom="25" padding_left="0" padding_right="0"]

[soc_one_half]
<h2 style="text-align: left;">Random Checklist Graphic</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec nulla vitae lacus mattis volutpat eu at sapien. Nunc interdum congue libero, quis laoreet elit sagittis ut. Pellentesque lacus erat, dictum condimentum pharetra vel, malesuada volutpat risus. Nunc sit amet risus dolor.

Etiam posuere tellus nisl. Integer lorem ligula, tempor eu laoreet ac, eleifend quis diam. Proin cursus, nibh eu vehicula varius, lacus elit eleifend elit, eget commodo ante felis at neque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec nulla vitae lacus mattis volutpat eu at sapien. Nunc interdum congue libero, quis laoreet elit sagittis ut. Pellentesque lacus erat, dictum condimentum pharetra vel, malesuada volutpat risus. Nunc sit amet risus dolor. Etiam posuere tellus nisl. Integer lorem ligula, tempor eu laoreet ac, eleifend quis diam. Proin cursus, nibh eu vehicula varius, lacus elit eleifend elit, eget commodo ante felis at neque.

[/soc_one_half]

[soc_one_half class='last']
<img class="size-full wp-image-1940 aligncenter" src="https://socratestheme.com/wp-content/uploads/2017/10/Health-and-Fitness-45.png" alt="" width="305" height="440" />

[/soc_one_half]

[/soc_full_section]

[soc_full_section bgcolor="#fff" textcolor="#444" bgimage="IMAGE_URL_TEXT_MODE" parallax="1" margin_top="0" margin_bottom="0" margin_left="0" margin_right="0" padding_top="50" padding_bottom="25" padding_left="0" padding_right="0"][soc_divider margin_top="25" color="#fff"]

[soc_one_half]<img class="alignnone size-full wp-image-1954" src="https://socratestheme.com/wp-content/uploads/2017/10/13387_personal-computer-notebook-laptop.jpg" alt="" width="500" height="333" />

&nbsp;

[/soc_one_half]

[soc_one_half class='last']
<h2>Computers We Don't Use</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec nulla vitae lacus mattis volutpat eu at sapien. Nunc interdum congue libero, quis laoreet elit sagittis ut. Pellentesque lacus erat, dictum condimentum pharetra vel, malesuada volutpat risus. Nunc sit amet risus dolor.

Etiam posuere tellus nisl. Integer lorem ligula, tempor eu laoreet ac, eleifend quis diam. Proin cursus, nibh eu vehicula varius, lacus elit eleifend elit, eget commodo ante felis at neque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec nulla vitae lacus mattis volutpat eu at sapien. Nunc interdum congue libero, quis laoreet elit sagittis ut. Pellentesque lacus erat, dictum condimentum pharetra vel, malesuada volutpat risus. Nunc sit amet risus dolor. Etiam posuere tellus nisl. Integer lorem ligula, tempor eu laoreet ac, eleifend quis diam. Proin cursus, nibh eu vehicula varius, lacus elit eleifend elit, eget commodo ante felis at neque.

&nbsp;

[/soc_one_half]

[/soc_full_section]

[soc_full_section bgcolor="#fff" textcolor="#444" bgimage="IMAGE_URL_TEXT_MODE" parallax="1" margin_top="0" margin_bottom="0" margin_left="0" margin_right="0" padding_top="25" padding_bottom="25" padding_left="0" padding_right="0"][soc_one_half] [soc_testimonial image="https://customers.socratestheme.com/wp-content/uploads/2017/09/sample-testimonial.png" name="Jane Doe" stars="5" maxwidth="500"]Help, I'm stranded in a graphics package and my picture is used for random things like this testimonial box.[/soc_testimonial] [/soc_one_half] [soc_one_half class='last'] [soc_testimonial image="https://customers.socratestheme.com/wp-content/uploads/2017/09/sample-testimonial-man.png" name="John Doe" stars="5" maxwidth="500"]If they have find my body and I have no ID on me. The coroner will not have to redo any paperwork.[/soc_testimonial] [/soc_one_half][/soc_full_section]

[soc_full_section bgcolor="#f4f4f4" textcolor="#fff" bgimage="https://socratestheme.com/wp-content/uploads/2017/10/portland.jpg" parallax="0" margin_top="0" margin_bottom="0" margin_left="0" margin_right="0" padding_top="50" padding_bottom="25" padding_left="0" padding_right="0"][soc_one_fourth]

[icon type='fa fa-3x fa-center fa-map-marker'][/icon]
<p style="text-align: center;">123 Main St, Maine</p>
[/soc_one_fourth]

[soc_one_fourth]

[icon type='fa fa-3x fa-center fa-phone'][/icon]
<p style="text-align: center;">+123456789</p>
[/soc_one_fourth]

[soc_one_fourth]

[icon type='fa fa-3x  fa-center fa-print'][/icon]
<p style="text-align: center;">+123456789</p>
[/soc_one_fourth]

[soc_one_fourth class='last']

[icon type='fa fa-3x fa-center fa-envelope'][/icon]
<p style="text-align: center;">youremail@yourdomain.com</p>
[/soc_one_fourth]
[/soc_full_section]
Tags:
Previous Post

Masthead Area Call To Action

Next Post

Testimonial Shortcodes and Examples

Leave a Reply

Your email address will not be published. Required fields are marked *