バズ部のWordPressテーマxeoryにFacebookのシェアボタンを追加するカスタマイズ

今日は依頼を受けて、バズ部の優秀なWordPressテーマ「xeory」にFacebookシェアボタンを付けました。

xeory

「Xeory」はバズ部が無料で配布しているコンテンツマーケティングのためのWordPressテーマです。
最初からSNSのボタンの表示のON・OFF機能が実装されていて便利なのですが、Facebookのいいねボタンはあるけど、シェアボタンがありません。
xeory SNS ボタン

シェアしてもらうとその人のタイムラインに表示されるので、ぜひシェアボタンを入れたいと依頼を受けました。

xeoryにFacebookのシェアボタンを追加する方法

xeoryのSNSのボタンは、このテンプレートに記述されているので、こちらを編集します。
lib > functions > social_btn.php

xeory カスタマイズ facebook シェアボタン

72行目からこんな感じになっています。
Facebookのいいねボタンの記述です。

      if( $show_like_button ){
        $fb_disp_type = ($type) ? "box_count" : "button_count";
        $like =<<<EOF
    <li class="bzb-facebook">
      <div class="fb-like"
        data-href="{$page_url}"
        data-layout="{$fb_disp_type}"
        data-action="like"
        data-show-faces="false"></div>
    </li>
EOF;

終わりに付け足します。

      if( $show_like_button ){
        $fb_disp_type = ($type) ? "box_count" : "button_count";
        $like =<<<EOF
    <li class="bzb-facebook">
      <div class="fb-like"
        data-href="{$page_url}"
        data-layout="{$fb_disp_type}"
        data-action="like"
        data-show-faces="false"
        data-share="true"
	  </div>
    </li>
EOF;

無事シェアボタンが追加されて、タイムラインに投稿できるようになりました。

xeory Facebook シェアボタン追加 カスタマイズ

因みに、元外資系社長さんが働き方などのヒントをたくさん伝えて下さっている中身の濃いサイトはこちら。
私は今週末、東京でこの方の人間関係のスタディーグループに参加予定です。
(私はサイト制作はしていません。Facebookのシェアボタンを追加するカスタマイズのみさせてもらいました。)

投稿者プロフィール

木村なつき
木村なつきWordPressコーチ
WordPressでサイトを作ったり教えたりしています。
ゆるく楽しく、自分らしい発信のお手伝いができたら幸せ。
好きな言葉は「まさかの展開」。
自分に正直に生きる、自分を大事にするがモットー。
福井在住。東京時々出没。3児のシングルマザー。

バズ部のWordPressテーマxeoryにFacebookのシェアボタンを追加するカスタマイズ” に対して2件のコメントがあります。

  1. とても分かりやすく、参考になりました。ありがとうございます。
    ちなみに、この記事どおりにやってみても、サンプル画像のようにボタンが「シェア」と表示されずに「Share」となります。

    1. natsuki より:

      コメントありがとうございます。嬉しいです( ´艸`)
      サイトを拝見させていただいたのですが、「いいね」ボタンも英語表記になっているようなので、当記事ではない部分の設定が関係するのではと思いました。
      少し検索したら、古いのですがこんな記事も出てきました。
      https://support.wix.com/ja/ticket/9bc9644d-aac3-4445-9691-2b86f0fbae37

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA