Create Columns, Buttons In a WordPresss Theme Using Shortcodes

user-1
Neeraj Agarwal

In the following article I have explained how to use shortcodes for columns and buttons in themes. In the following I have used shortcodes in Colorway WordPress theme. However, you can create shortcodes for any WordPress theme. After reading this article you will be able to create the following:

  • Shortcodes for Columns
  • Shortcodes for Buttons

Creating Shortcodes for Columns:-

Follow the steps given below and create the shortcodes for columns.

Steps:

1. Go to your Dashboard
2. Click on “Pages” section
3. Under the pages option, select “Add New Page”
4. Mention the heading of the page and under the two options (Visual and Text), select Text
5. Place the following shortcode code for columns in the Text field

Remember – Here I have written the content of Coloway theme in the column codes. However, you can write your own content while using these shortcodes.

 

[col2]

Colorway is a Single Click Install Theme, Simply by pressing the “Activate” Button on the Themes Area. Your WP Theme is READY, pre-loaded with default “generic” content including images!

[/col2][col2_last]

Colorway is a Single Click Install Theme, Simply by pressing the “Activate” Button on the Themes Area. Your WP Theme is READY, pre-loaded with default “generic” content including images!

[/col2_last]

[col3]

Colorway is a Single Click Install Theme, Simply by pressing the “Activate” Button on the Themes Area. Your WP Theme is READY, pre-loaded with default “generic” content including images!

[/col3][col3]

Colorway is a Single Click Install Theme, Simply by pressing the “Activate” Button on the Themes Area. Your WP Theme is READY, pre-loaded with default “generic” content including images!

[/col3][col3_last]

Colorway is a Single Click Install Theme, Simply by pressing the “Activate” Button on the Themes Area. Your WP Theme is READY, pre-loaded with default “generic” content including images!

[/col3_last]

[col4]

Colorway is a Single Click Install Theme, Simply by pressing the “Activate” Button on the Themes Area. Your WP Theme is READY, pre-loaded with default “generic” content including images!

[/col4][col4]

Colorway is a Single Click Install Theme, Simply by pressing the “Activate” Button on the Themes Area. Your WP Theme is READY, pre-loaded with default “generic” content including images!

[/col4][col4]

Colorway is a Single Click Install Theme, Simply by pressing the “Activate” Button on the Themes Area. Your WP Theme is READY, pre-loaded with default “generic” content including images!

[/col4][col4_last]

Colorway is a Single Click Install Theme, Simply by pressing the “Activate” Button on the Themes Area. Your WP Theme is READY, pre-loaded with default “generic” content including images!

[/col4_last][col2_3]

Colorway is a Single Click Install Theme, Simply by pressing the “Activate” Button on the Themes Area. Your WP Theme is READY, pre-loaded with default “generic ” content including images!

[/col2_3][col3_last]

Colorway is a Single Click Install Theme, Simply by pressing the “Activate” Button on the Themes Area. Your WP Theme is READY, pre-loaded with default “generic ” content including images!

[/col3_last][col4]

Colorway is a Single Click Install Theme, Simply by pressing the “Activate” Button on the Themes Area. Your WP Theme is READY, pre-loaded with default “generic”content including images!

[/col4][col3_4_last]

Colorway is a Single Click Install Theme, Simply by pressing the “Activate” Button on the Themes Area. Your WP Theme is READY, pre-loaded with default “generic” content including images!

[/col3_4_last]

 

For more details regarding the shortcodes of the Columns

shortcode for columns

Note: Place the above code as it is and don’t give any spaces while writing the code.

6. After writing the code, select template as “Full Width Template” & click on “Publish” button. In case you want to make further changes then update the content every time
7. Visit your website


Colorway WordPress theme

Creating Shortcodes for Buttons

Follow the steps given below and create the shortcodes for buttons.

Steps:-

1. Go to your Dashboard
2. Click on “Pages” section
3. Under the pages option, select “Add New Page”
4. Mention the heading of the page and under the two options (Visual and Text), select Text
5. Now type the code as shown below

Remember – You can change the name of the buttons.

[btnblue url='Your Link']Submit[/btnblue]
<br />
[btnred url='Your Link']Enter[/btnred]
<br />
[btngreen url='Your Link']Cancel[/btngreen]
<br />
[btnyellow url='Your Link']Hello[/btnyellow]
<br />
[smallpink url='Your Link']Name[/smallpink]

 

shortcode for buttons

For more details regarding  the shortcodes of the Columns

6. After writing the above code, click on “Publish” button and in case you make further changes then update the code every time
7. Visit your website

2013-02-22_13h36_51

 

I hope this one will help you to create shortcodes for columns and buttons . If you are interested to read more of my articles, I welcome you with the following:

Comments and Responses

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