Categories

Featured templates

CherryFramework 3. How to add social sharing buttons on custom posts pages

Andre Flores December 16, 2015
Rating: 5.0/5. From 2 votes.
Please wait...

Hello! This video tutorial shows how to add social sharing buttons on custom posts pages in WordPress CherryFramework 3 templates.

CherryFramework 3. How to add social sharing buttons on custom posts pages

Sometimes it happens that some of your custom posts pages include social sharing buttons and some of them don’t:

cherryframework_3.x._how_to_add_social_sharing_buttons_on_custom_posts_pages_1

You may want to have social sharing buttons displayed on those pages where they are not included. Let’s learn how to do that.

Let’s say, you want to add social sharing buttons right above the Related Posts section of your single portfolio posts pages:

cherryframework_3.x._how_to_add_social_sharing_buttons_on_custom_posts_pages_2

The file that needs to be edited is located under CherryFramework, therefore it needs to be copied to the themeXXXXX folder (where XXXXX is your child theme number) before editing.

  1. Using your FTP/hosting control panel File Manager navigate to /wp-content/themes/themeXXXXX/ directory and create a “loop” folder there:

    cherryframework_3.x._how_to_add_social_sharing_buttons_on_custom_posts_pages_3

  2. Then, navigate to /wp-content/themes/CherryFramework/loop/ directory and locate the loop-single-portfolio.php file there:

    cherryframework_3.x._how_to_add_social_sharing_buttons_on_custom_posts_pages_4

  3. Copy the file to the /loop/ folder which was recently created in /wp-content/themes/themeXXXXX/ directory:

    cherryframework_3.x._how_to_add_social_sharing_buttons_on_custom_posts_pages_5

  4. Now, navigate back to the child theme /loop/ folder, open the file for editing and locate the Related Posts piece of code:

  5. 	get_template_part( 'includes/post-formats/related-posts' );
    

    Paste the following code right above it:

    	get_template_part( 'includes/post-formats/share-buttons' );
    

    cherryframework_3.x._how_to_add_social_sharing_buttons_on_custom_posts_pages_6

  6. Do not forget to save the file to apply changes.
  7. Navigate to any single portfolio post on your site and refresh the page. You can see social sharing buttons have been successfully added right above Related Posts section:
  8. cherryframework_3.x._how_to_add_social_sharing_buttons_on_custom_posts_pages_7

This is the end of the tutorial. You have learnt how to add social sharing buttons on custom posts pages in your WordPress CherryFramework 3.x template.

Feel free to check the detailed video tutorial below:

CherryFramework 3. How to add social sharing buttons on custom posts pages

Templates for Wordpress
This entry was posted in WordPress Tutorials and tagged button, CherryFramework3, custom post, sharing, social. 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