• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

OrganicWeb

Mailchimp Training & Consulting

  • Home
  • Services
    • Mailchimp Training
    • Mailchimp Consulting
  • Free Tools
    • Mailchimp Tutorials on YouTube
    • Subject Line Generator
    • Marketing Ideas Generator
    • Map Maker for Email
    • WhatsApp Click to Chat Generator
    • Avoid Email Going to Spam
    • Email Link Generator
    • Is Mailchimp Down?
    • Marketing Facts and Stats
  • Content
    • Blog
    • Videos
  • Contact & About
    • Contact
    • About

Duplicate Jetpack sharing icons

Example of custom JetPack sharing

The Jetpack plugin for WordPress has many very useful features. One of those is social sharing where a visitor to your page or post may share to Twitter, Facebook, Reddit, Pinterest and so on.

Selecting whether to show the social media sharing icons on media, pages or posts is simple. By default the sharing buttons show below the page or post content however adding the icons in a second location isn’t a matter of selecting a checkbox. Follow the instructions below to show the Jetpack social media icons above the logo in Genesis (StudioPress) Themes.

  1. Install and activate the Genesis Simple Hooks plugin.
  2. In your WordPress dashboard go to Genesis then Simple Hooks.
  3. In the Header Hooks section, enter the following in the genesis_before_header field:
    <?
    if ( function_exists( 'sharing_display' ) ) {
        sharing_display( '', true );
    }
    
    if ( class_exists( 'Jetpack_Likes' ) ) {
        $custom_likes = new Jetpack_Likes;
        echo $custom_likes->post_likes( '' );
    }
    ?>
  4. Click to add a check in the Execute PHP on this hook? field.
  5. Click Save Changes

The sharing buttons will now be replicated in the header.
If you then want to style your sharing area per the attached image then add the following CSS using the Jetpack Custom CSS Editor:

.sd-content {
	background-color: #c3251d;
	padding-top: 0.9em;
	padding-bottom: 0.9em;
}

div.sharedaddy.sd-sharing-enabled > div > h3 {
	font-size: 200%;
}

.sd-sharing-enabled {
	text-align: center;
	background-color: #ffffe0;
}

div.sharedaddy h3.sd-title:before {
	border-top-width: 0;
}

Found this useful? Please share:

Related

  • WordPress – How to add Social Media icons into a menu
  • How to get Mailchimp Subscriber Popup working in WordPress
  • The easiest way to add a Mailchimp popup in WordPress

Filed Under: WordPress

Watch Gary in action

Gary frequently adds Mailchimp instructional videos to his YouTube channel. Subscribe to keep updated.

→  Subscribe   ←

How to add an editable attachment to a Mailchimp campaign.

How to add, and send, coupon codes in Mailchimp.

Reader Interactions

Leave a Reply Cancel reply

You are here: Home / WordPress / Duplicate Jetpack sharing icons

Primary Sidebar

Mailchimp write about my work

Read on Mailchimp.com

Learn from a Mailchimp Pro Partner

Signup to receive info about Gary's Mailchimp beginner and advanced classes.

Sign up

Gary on Australian National Radio

Changes are coming to the Australian Spam Act

Read Gary's article in SmartCompany

Meet Gary, Mailchimp Expert

Gary is a Mailchimp Expert and Partner. He delivers Mailchimp training and consulting services in Australia, New Zealand and Singapore. Gary presents at Mailchimp events and hosts the first, and only, Australian Mailchimp sponsored event. He is M.B.A. qualified from Henley Business School, U.K.

Contact Gary for your Mailchimp needs

Footer

Customer Rating

Mailchimp Pro Partners

Contact

Contact Gary for all your Mailchimp training, consulting and integration needs.

Contact Gary.

Copyright © 2022 · Sitemap · ABN: 40800872179 · Privacy Policy · Terms of Service