WordPressテーマSANGOの質問

シェアボタンを個別で削除

アバター
きお

サルカワ様
初めまして、素敵なテーマをありがとうございます。

シェアボタンを削除したいのですが、全て削除するのではなく「はてぶ」のみ削除をすることは可能でしょうか。また、シェアボタンの順序を変更することは可能でしょうか。(FB、Line、twitter、pocketの順に変更したいと思っています。)
お忙しい中恐縮ではございますが、何卒よろしくお願いいたします。

モバイル用フッター固定メニューの設定方法
コメントへの回答
サルワカくん
サルワカくん
2019/03/05

以下のコードを子テーマのfunctions.phpに貼り付けることで、はてブボタンを消し、シェアボタンの順序も変えることができます。

//シェアボタンをカスタマイズ
function insert_social_buttons($type = null) {
  $share_url = (is_home() || is_front_page()) ? home_url('/') : get_permalink();
  $encode_url = urlencode($share_url);
  $sitename = (is_home() || is_front_page()) ? '' : '|' . get_bloginfo('name');
  $sitename = urlencode($sitename);
  $raw_title = (is_home() || is_front_page()) ? get_bloginfo('name') . '|' . get_bloginfo('description') : get_the_title();
  $encode_title = urlencode($raw_title);
  $tw_via = (get_option('include_tweet_via')) ? '&via=' . get_option('include_tweet_via') : ''; //Twitterアカウントを含める
?>
  <div class="sns-btn<?php if (get_option('another_social') || $type == 'fab') { echo ' sns-dif'; } ?>">
    <?php if ($type == null) echo '<span class="sns-btn__title dfont">SHARE</span>'; ?>
      <ul>
        <!-- facebook -->
        <li class="fb sns-btn__item">
          <a href="http://www.facebook.com/share.php?u=<?php echo $encode_url; ?>&t=<?php echo $encode_title . $sitename; ?>" target="_blank" rel="nofollow noopener noreferrer">
            <?php fa_tag("facebook","facebook",true) ?>
            <span class="share_txt">シェア</span>
          </a>
          <?php if (function_exists('scc_get_share_facebook')) {
              echo '<span class="scc dfont">' . scc_get_share_facebook() . '</span>';
            }
          ?>
        </li>
        <!-- LINE -->
        <li class="line sns-btn__item">
          <a href="http://line.me/R/msg/text/?<?php echo $encode_url; ?>%0D%0A<?php echo $encode_title . $sitename; ?>" target="_blank" rel="nofollow noopener noreferrer">
            <?php if(get_option('use_fontawesome4')) : ?>
              <img src="<?php echo get_template_directory_uri() . '/library/images/line.svg'; ?>">
            <?php else: ?>
              <i class="fab fa-line"></i>
            <?php endif; ?>
            <span class="share_txt share_txt_line dfont">LINE</span>
          </a>
        </li>
        <!-- twitter -->
        <li class="tw sns-btn__item">
          <a href="http://twitter.com/share?url=<?php echo $encode_url; ?>&text=<?php echo $encode_title . $sitename . $tw_via; ?>" target="_blank" rel="nofollow noopener noreferrer">
            <?php fa_tag("twitter","twitter",true) ?>
            <span class="share_txt">ツイート</span>
          </a>
          <?php if (function_exists('scc_get_share_twitter')) {
              echo '<span class="scc dfont">' . scc_get_share_twitter() . '</span>';
            } 
          ?>
        </li>
        <!-- Pocket -->
        <li class="pkt sns-btn__item">
          <a href="http://getpocket.com/edit?url=<?php echo $encode_url; ?>&title=<?php echo $encode_title . $sitename; ?>" target="_blank" rel="nofollow noopener noreferrer">
            <?php fa_tag("get-pocket","get-pocket",true) ?>
            <span class="share_txt">Pocket</span>
          </a>
          <?php if (function_exists('scc_get_share_pocket')) {
            echo '<span class="scc dfont">' . scc_get_share_pocket() . '</span>';
          }
        ?>
        </li>
      </ul>
  </div>
  <?php //END シェアボタン
  }

ちなみに順番を変えるには単純に<li>〜</li>の並びを入れ替えればOKです。