7 May 2013

Removing hard-coded social share buttons on Adelle theme

An acquaintance of mine, Rachael Phillips, has a blog and uses the nice Adelle theme from Bluchic.  Bluchic don't offer support for the theme (fair enough, as it's given away for free), and the WordPress forums were little help with a small problem Rachael had with the theme.
She has added a social sharing plugin, but the Adelle theme has its own social sharing buttons hard-coded in to the theme. So there is some duplicity in post footers:

I thought that the 'Tweet' and 'Like' buttons would be quite easy to get rid of, by adding "display: none;" to relevant classes in the style.css file. This worked for the Tweet button, but the 'Like' button stubbornly remained. In the end, I opted to edit the relevant files directly as this seemed like the quickest  option.

To remove the hard-coded social buttons you need to edit the following files:
content.php
content-list.php
single.php

In each of these files, look for the footer:

    <footer class="post-footer">
      <ul class="post-info-meta">
        <li>
          <a href="<?php echo esc_url('https://twitter.com/share'); ?>" class="twitter-share-button" data-url="<?php the_permalink() ?>" data-count="horizontal">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
        </li>
        <li>
          <div class="fb-like" data-href="<?php the_permalink() ?>" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div>
        </li>
        <li class="post-info-comment"><div class="post-comment"><?php comments_popup_link( __('0 comment','adelle-theme'), __('1 Comment','adelle-theme'), __('% Comments','adelle-theme') ); ?></div></li>
      </ul>
    </footer><!-- .post-footer -->

You want to find the following lines...

        <li>
          <a href="<?php echo esc_url('https://twitter.com/share'); ?>" class="twitter-share-button" data-url="<?php the_permalink() ?>" data-count="horizontal">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
        </li>
        <li>
          <div class="fb-like" data-href="<?php the_permalink() ?>" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div>
        </li>

...and simply remove them.

Save each file, and upload into the /adelle/ folder, replacing the existing files.

If you don't want to edit files, or are worried about editing the files yourself, you can download them here: http://simoncoopey.dropmark.com/120396