WPBeginnerのようなフローティング共有ボックスを取得 – Smart Sharing v1.1

WPBeginner のすべての投稿にフローティング共有ボックスがあることに気づいたでしょう。1年以上前に Smart Sharing というプラグインをリリースしました。Smart Sharing プラグインを使用すると、現在の読者の力を最大限に活用して、ソーシャルメディアでの投票を増やすことができます。このプラグインは、単一の投稿ページにソーシャルメディアアイコン付きのスクロールボックスを追加するため、読者がページを下にスクロールすると、共有ボタンが継続的に表示されます。マーケティングにB.F.スキナーの正の強化理論を適用しています。ユーザーは投稿を共有する義務を感じ、それがソーシャルメディアの使用を通じてより多くのトラフィック、リード、コンバージョンを獲得するのに役立ちます。あなたの質の高いコンテンツは、それが受けるべき露出を得るでしょうし、ソーシャルメディアネットワークであなたのブランドのための健全なコミュニティも作成するでしょう。

長らく修正が必要だったプラグインの重大なバグがありました。この迅速なリリースv1.1では、重大なバグを修正し、いくつかのアップデートを行いました。この新バージョンには何が追加されたのでしょうか?

重大なバグ修正

まず、フローティングボックスがコンテンツの上に重なる問題を修正しました。以前は、ボックスはコンテンツではなくブラウザウィンドウに固定されていました。そのため、解像度が低いユーザーやウィンドウサイズが小さいユーザーがサイトを開くと、ボックスがコンテンツの上に重なっていました。この新しいバージョンでは、フローティングボックスがそのようなことは決してありません。コンテンツに固定されるため、ウィンドウが小さい場合は非表示になります。この機能を追加するために、フロートをコンテンツのどちら側に配置するかを選択できる機能は廃止されました。現在は、WPBeginner と同様に、自動的に左側に配置されます。

更新されたソーシャルメディアボタン

Smart Sharing Plugin を最初にリリースしたとき、公式のツイートボタンやFacebookのいいね!ボタンはありませんでした。そのため、Tweetmeme、FBShareなどの多くの非公式サードパーティスクリプトを使用していました。この新しいバージョンでは、tweetmemeウィジェットを、Twitterの公式リツイートボタンに置き換えました。また、不正確なFBShareスクリプトを、公式いいね!ボタン送信ボタンも付属しています)に置き換えました。

個別の投稿に対するオプションの上書き、どのボタンをどの投稿に表示するか、見た目のカスタマイズなど、これまでのすべてのオプションは引き続き利用可能です。

このプラグインは、当社のニュースレター購読者限定です。

スマート共有プラグインをダウンロード

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

51 CommentsLeave a Reply

  1. 皆さん、こんにちは。プラグインは正常にインストールされましたが、ページに2回表示されます。1つは左側にあり、そこが希望通りでスクロールも問題ありません。もう1つは右側にあり、静止しています。他のソーシャルメディアプラグインはインストールしていませんが、どのように修正できますか?お時間をいただきありがとうございます!

  2. 皆さん、こんにちは。そして、お仕事ありがとうございます!素晴らしいプラグインです。

    ホームページ(シングル投稿ページだけでなく)にボックスを表示することは可能ですか?

    Thanks in advance, Im looking at the plugin code but im stucked (beginner) ;)

  3. こんにちは…素晴らしい見た目で機能的なプラグインです。少しだけヘルプをお願いしたいのですが。mission0ps.comに設定し、背景ボックスの色を変更しました。するとプラグインがスクロールしなくなりました。FBいいねボタンはインストールしていません…何かアイデアはありますか?

  4. こんにちは

    このプラグインは本当に素晴らしいですし、より多くの共有に役立ちますが、私が使用しているすべてのLightBoxプラグインを壊してしまいます。

    これを修正する方法はありますか?ライトボックスを使いたいのですが、スマート共有もやめることはできません。

    助けてください

  5. こんにちは、このプラグインは動作していません。実際には動作していますが、サイトにプラグインが2つ表示されます。上部と左側(本来あるべき場所)です。3つのテンプレートでテストしましたが、常に同じです…私のブログはskiingforever.com です。助けてください!!

    • @DankoPuskaric これは通常、2つの理由で発生します。テーマに `wp_head()` の呼び出しが2つあるか、WordPress用のFacebookのようなプラグインを使用しているかのどちらかです。

        • @DankoPuskaric これは私たちのFacebookオープングラフメタデータプラグインでしたか?それとも誰か他の人のものでしたか?

        • @wpbeginner へへ、はい、あなたのプラグインでした:WordPressテーマにFacebook Open Graphメタ情報を追加するシンプルなプラグインで、サムネイルなしの問題、タイトルの間違い、説明の間違いを回避します。何か解決策はありますか?

        • @DankoPuskaric 今日か明日中にアップデートをリリースします。その後、ここで更新します。

  6. @ChristianPillaca プラグイン内に、Google+1用のCSSコードを追加できるスペースがあります。

    例:

    <div id=”googleplus1″>

    googleplugincodeEXAMPLE

    </div>

  7. @HicksNewMedia ループ内の single.php ページに、<?php the_content();?> の直前に追加することもできます。または、テーマが投稿に使用しているページでも構いません。

  8. ハッ、これを投稿した直後に、if_singleの隣にif_pageを追加し、ページにも投稿するようにしました。スライダーが壊れてしまったので、また別の日に確認する必要があります。

  9. これは素晴らしいフローティング共有バーです。他の人が言っているように、バウンスは誰にでも合うわけではありませんが、CSSで簡単に修正できます。PHPの仕組みを理解しようとしたことがないので、ページに投稿するのは難しいですが、きっと解決できるでしょう。

    皆さんの尽力に感謝します。

  10. @gdradu または CSS を使用して設定を上書きすることもできます。次のようなものです。

    #sharepost { position: fixed; margin-top: 0!important; top: 50%; }

    ボックスを垂直方向に中央揃えするのに役立ちます。

  11. @OmarKattan どのテーマをお使いですか?

    論文がある場合は、その行を削除し、デザインオプション > ホームページ表示オプション > JavaScript で jQuery スクリプトのチェックを外してください。

    デザインオプション > JavaScript > サイト全体JSライブラリ。

    私のサイトでは、ここ(原文)と同じように動作します。サイトの中央に配置されます。

    And sorry for my english again, if i wrong with something :)

  12. @gdradu ありがとうございます。しかし、これはサイトのように固定されません。一番上に留まります。

  13. このサイトのようにプラグインを固定しておくための解決策を見つけました。

    1. プラグインエディターでこのコードを検索してください。

    add_action(‘wp_head’, ‘ss_css’);function ss_css(){ if (is_single()) {?><script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2′></script><script type=”text/javascript”> $(function() { var offset = $(“#sharepost”).offset(); var topPadding = <?php if (get_option(‘top_distance’)) { echo get_option(‘top_distance’); } else {echo ’20’; } ?>; $(window).scroll(function() { if ($(window).scrollTop() > offset.top) { $(“#sharepost”).stop().animate({ marginTop: $(window).scrollTop() – offset.top + topPadding }); } else { $(“#sharepost”).stop().animate({ marginTop: 20 }); }; }); }); </script>

    2. この行を削除してください:

    else { $(“#sharepost”).stop().animate({ marginTop: 20

    そして完了。

  14. 解決策を見つけました。

    1. このコードを検索します:

    add_action(‘wp_head’, ‘ss_css’);function ss_css(){ if (is_single()) {?><script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2′></script><script type=”text/javascript”> $(function() { var offset = $(“#sharepost”).offset(); var topPadding = <?php if (get_option(‘top_distance’)) { echo get_option(‘top_distance’); } else {echo ’20’; } ?>; $(window).scroll(function() { if ($(window).scrollTop() > offset.top) { $(“#sharepost”).stop().animate({ marginTop: $(window).scrollTop() – offset.top + topPadding }); } else { $(“#sharepost”).stop().animate({ marginTop: 20 }); }; }); }); </script>

    2. この行を削除してください。

    else { $(“#sharepost”).stop().animate({ marginTop: 20 });

  15. こんにちは、そして私の英語についてごめんなさい。このサイトのようにスマート共有プラグインの幅を固定するにはどうすればよいですか?

  16. @wpbeginner @HicksNewMedia しかし、どのようにすればカクつきをなくせますか?もし人々があなたのプラグインを気に入らないからアンインストールしているなら、それに対する修正策があるべきだということではありませんか?私たちはWPBeginnerのフローティングスキームを気に入っています。同じことについてコメントした人が他に5人います。

  17. @HicksNewMedia @SethA.Frank ホームページには表示されないはずです。なぜなら、is_single という条件タグがあるからです。<< スムーズでないスクロールは、クライアントの要望により使用したJSです。

    近いうちに、WPBeginner も全く同じエフェクトを使用するようになります。

  18. @HicksNewMedia @SethA.Frank 修正または原因がわかることを本当に願っています。このページにあるものは、私が望むように正確に機能しています。全くカクカクしません。

  19. @SethA.Frank まさにこの理由でプラグインをアンインストールしなければなりませんでした – スクロールがカクカクし、ホームページの複数の場所に表示されていました。

    近いうちにアップデートがリリースされるといいですね

  20. 同じ状況です。アップして動作していますが、このサイトのようにスムーズではありません。スクロールするとすべてガタガタします。助けてください!

  21. サイトで共有ボックスが表示されない問題があります。WordPress 3.1.3 と Convergence テンプレートを使用しています。何が問題でしょうか?

  22. @nilesh.peshawaria @MattAlgren こちらも同じです。方法を教えていただけますか。ありがとうございます。

  23. こんにちは。アップロードして設定を試しましたが、全く表示されません。何かアイデアはありますか?WP 3.1.3を使用しています。

  24. コンセプトは非常に気に入っていますし、実行も素晴らしいのですが、ユーザーがスクロールアップまたはダウンするたびにバウンドするのではなく、wpbeginnerのように静止していてほしいです。

    それを変更する簡単な方法はありますか?

  25. ブログの右側に配置しようとして問題が発生しました。上記のコメントと同様に、フローティングがスムーズではないことに同意します。スクロールダウンするたびに絶えずジャンプします。この新しいバージョンはバグが多いように見えたので、元のバージョンに戻しました。

  26. こんにちは、

    とても良いプラグインです!以前は、このようなアドオンを各プラグイン用に開発するために費用を払っていましたが、もうその必要はありません!

    位置に関しては、ここに何を書こうと:
    アイコンと端からの距離

    同じ場所に表示されていますか?

    何が起こっているか何かアイデアはありますか?

    ありがとうございます!

  27. 古いバージョンを削除して新しいバージョンをアップロードします。これで正しい方法ですか?しかし、何度も試しましたが、まだ動作しません…今は古いバージョンを再度使用しています。助けてください!

      • 新しいバージョンは、インストールしていないかのように左側に表示されません。古いバージョンを削除してアップロードしようとすると、うまくいきます。そのため、現在は古いバージョンを使用しています。このプラグインを更新する適切な方法を知ることはできますか?古いものを削除して新しいバージョンをアップロードすることですか?

返信を残す

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。