Categories

Featured templates

CherryFramework 4. How to add a “Read More” button with custom link to the page using shortcode

Rating: 5.0/5. From 2 votes.
Please wait...

Hello! This video tutorial shows how to add a “Read More” button with the custom link using shortcode button in CherryFramework 4.

CherryFramework 4. How to add a “Read More” button with custom link to the page using shortcode

While editing your site you will certainly need to link it to some external sources with additional information.

Luckily, CherryFramework 4 templates allow to achieve this easily using shortcodes.

Let’s learn how to do that.

Let’s say, you want to add a custom link to the Contacts page.

The tutorial assumes you are already logged into your WordPress dashboard.

  1. Click the “Edit Page” button at the top of the screen to reach the Contacts page in your back-end:

    cherry_4.x_how_to_add_readmore_button_with_custom_link_1

  2. Now put your mouse cursor to the place where you want to add the button to and click “Insert Shortcode button in the upper part of the screen:

    cherry_4.x_how_to_add_readmore_button_with_custom_link_2

  3. On the pop-up window choose the “Button” shortcode by clicking on it:

    cherry_4.x_how_to_add_readmore_button_with_custom_link_3

  4. Now that the shortcode options interface appeared, set the options to make the shortcode fit your desire, e.g. button Text, Link, Background and Text color etc.:

    cherry_4.x_how_to_add_readmore_button_with_custom_link_4

  5. Click “Insert shortcode button at the bottom left of the shortcode options pop-up window to insert the shortcode to the page:

    cherry_4.x_how_to_add_readmore_button_with_custom_link_5

  6. Finally, click Update button at the right to apply the changes:

    cherry_4.x_how_to_add_readmore_button_with_custom_link_6

  7. Navigate to the page front-end by clicking “View page” button:

    cherry_4.x_how_to_add_readmore_button_with_custom_link_7

You can see the Learn More button linked to Google home page is successfully added now:

cherry_4.x_how_to_add_readmore_button_with_custom_link_8

This is the end of the tutorial. You have learnt how to add a “Read More” button with the custom link using shortcode button in your CherryFramework 4 template.

Feel free to check the detailed video tutorial below:

CherryFramework 4. How to add a “Read More” button with custom link to the page using shortcode

Wordpress Responsive Themes
This entry was posted in Monstroid Tutorials, WordPress Tutorials and tagged button, CherryFramework4, custom, link, read more, shortcode. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket