2 Columns page or post

This is the code that you need to put in your Page or Post to create a 2-column responsive page or post.

<div class="section group">
	<div class="col span_1_of_2">
		1st responsive column and its content
	</div>
	<div class="col span_1_of_2">
		2nd responsive column and its content
	</div>
</div>

3 Columns page or post

This is the code that you need to put in your Page or Post to create a 3-column responsive page or post.

<div class="section group">
        <div class="col span_1_of_3">
		1st responsive column and its content
	</div>
	<div class="col span_1_of_3">
		2nd responsive column and its content
	</div>
	<div class="col span_1_of_3">
		3rd responsive column and its content
</div>

4 Columns page or post

This is the code that you need to put in your Page or Post to create a 4-column responsive page or post.

<div class="section group">
	<div class="col span_1_of_4">
		1st responsive column and its content
	</div>
	<div class="col span_1_of_4">
		2nd responsive column and its content
	</div>
	<div class="col span_1_of_4">
		3rd responsive column and its content
	</div>
	<div class="col span_1_of_4">
		4th responsive column and its content
	</div>	
</div>

5 Columns page or post

This is the code that you need to put in your Page or Post to create a 5-column responsive page or post.

<div class="section group">
	<div class="col span_1_of_5">
		1st responsive column and its content
	</div>
	<div class="col span_1_of_5">
		2nd responsive column and its content
	</div>
	<div class="col span_1_of_5">
		3rd responsive column and its content
	</div>
	<div class="col span_1_of_5">
		4th responsive column and its content
	</div>
	<div class="col span_1_of_5">
		5th responsive column and its content
	</div>		
</div>

2/3 1/3 Column page or post

This is the code that you need to put in your Page or Post to create a 2/3 1/3 column responsive page or post.

<div class="section group">
	<div class="col span_2_of_3">
		1st responsive column and its content 
	</div>
	<div class="col span_1_of_3">
		2nd responsive column and its content
	</div>
</div>

1/3 2/3 Column page or post

This is the code that you need to put in your Page or Post to create a 1/3 2/3 column responsive page or post.

<div class="section group">
	<div class="col span_1_of_3">
		1st responsive column and its content
	</div>
	<div class="col span_2_of_3">
		2nd responsive column and its content
	</div>
</div&gt

3/5 2/5 Column page or post

This is the code that you need to put in your Page or Post to create a 3/5 2/5 column page or post.

<div class="section group">
	<div class="col span_3_of_5">
		1st responsive column and its content
	</div>
	<div class="col span_2_of_5">
		2nd responsive column and its content
	</div>
</div>

Recommended Further readings

You might also like to check out the following tutorials.

WordPress related tutorials

Customize doTemplate web template with Online Template Builder
6 steps to apply doTemplate WordPress theme
Remove a comment box from a WordPress page or post
Create a new post
Create a new page

Image credits: Freepik

Create a new page

From WordPress Dashboard, click “Add New” under Pages menu. Add New Page page should be shown as follow.

Create a new page

Name your page and add the related content. If you have a photo that you’d like to put in your page, click “Set Featured Image” under the Featured Image” section. The featured image will be set according to Post Layout settings in doTemplate menu (image on top, image left or image right). In this example, the Post layout is set to “Image right”, therefore, the image will appear on the right of the page.

Add a page to the top horizontal menu

If you want your page to appear on the top horizontal menu, go to Appearance, Menus, and add the page to the menu by choosing the page you would like to add and then click Add to Menu button. You will then see the selected page added in the Menu Structure.

Add a new page to the top horizontal menu

Preview your page and publish it

Click “Preview” button to preview your page. Modify the content of the page until you’re happy with it. Once your page is ready, click “Publish” button to publish your page. Here is our newly created page.

Our newly creaetd “Our Services” Page

Recommended Further readings

You might also like to check out the following tutorials.

WordPress related tutorials

Customize doTemplate web template with Online Template Builder
Apply doTemplate WordPress theme in 6 steps
Remove a comment box from a WordPress page or post
Create a new post
Create responsive columns in a Page or a Post

Create a new post

From WordPress Dashboard, click “Add New” under Posts menu. Add New Post page should be shown as follow.

Create a new post

Edit your post content

Name your post accordingly and add the related content. If you have a photo that you’d like to put in your post, click “Set Featured Image” under the Featured Image” section. The featured image will be set according to Post Layout settings in doTemplate menu (image on top, image left or image right). In this example, the Post layout is set to “Image right”, therefore, the image will appear on the right of the post.

New post edition and its featured image

Categories and Tags

You might want to associate your post to a category. Each post in WordPress is filed under one or more Categories. This helps in navigation and allows posts to be grouped with others of similar content.

Every post in WordPress can be filed under one or more Tags. This aids in navigation and allows posts and to be grouped with others of similar content. Unlike Categories, Tags have no hierarchy so there is no Parent Child relationship like that of Categories. But like Categories, Tag names must be unique. More information about Tags.

Preview your post and publish it

Click “Preview” button to preview your post. Modify the content of the post until you’re happy with it. Once your post is ready, click “Publish” button to publish your post. If you the post is not ready to be published, you can save draft to work on the content later. Here is our first Post.

Our new post

Recommended Further readings

You might also like to check out the following tutorials.

WordPress related tutorials

Customize doTemplate web template with Online Template Builder
Apply doTemplate WordPress theme in 6 steps
Remove a comment box from a WordPress page or post
Create a new page
Create responsive columns in a Page or a Post