WPBeginner - 初心者向けWordPressチュートリアル

最も必要とされている時に、信頼できるWordPressチュートリアルを。
WordPress入門ガイド
WPBカップ
2500万人以上
当社のプラグインを使用しているウェブサイト
16歳以上
WordPress経験年数
3000+
専門家によるWordPressチュートリアル

Smart SharingプラグインでWordPressにフローティング共有ボックスを追加する

Editorial Staff | | Reader Disclosure

Shares 696 ChatGPT Perplexity X LinkedIn WhatsApp

WordPressサイトにフローティングシェアボックスを設置する方法を尋ねるメールが大量に届いていました。プラグインはありますか？という問い合わせです。チームと協力した結果、個々のメールに返信するよりも、無料プラグインを作成する方が効率的だと判断しました。

このスマート共有プラグインは何をするのですか？

スマート共有は、単一の投稿にのみソーシャルメディアボタンが付いたフローティングボックスを追加します。デフォルトでは、リツイート、Facebook、Digg、StumbleUponから選択できます。ただし、独自のカスタムコードを追加するオプションがあるため、これらの選択肢に限定されるわけではありません。

このプラグインの利点は何ですか？

このプラグインは、B.F.スキナーの正の強化理論をソーシャルメディアマーケティングに適用します。通常、ボタンは投稿の上部または下部に配置されます。どちらの位置もOKですが、最善ではありません。投稿の下部に配置する場合、ユーザーが最後まで読むことを期待しています。ユーザーが投稿を気に入っても、記事を最後まで読まないことがあります。しかし、正の強化があれば、あなたの記事を共有するでしょう。このプラグインは、ユーザーと一緒にスクロールする小さなフローティングボックスを追加するので、ユーザーは完了したときにいつでも投票できます。

このプラグインの詳細を読むとダウンロードできます

WPBeginnerで今すぐ人気！

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

究極のWordPressツールキット

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

今すぐダウンロード

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

100 Comments

  1. これを削除して問題を修正しました：

    <script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2′></script>

    2回呼び出されました。

    Thanks for your quick answer anyway. :)

  2. @BijanGhorbani ライトボックススクリプトには様々な種類があります。一つは他のものの上か下にある必要があります。SmartSharingスクリプトがその上にある場合、問題が発生します。

  3. @wpbeginner では、JSコードを配置するのに最適な方法をどのように提案しますか？

  5. このプラグインをインストールしましたが、正常に動作しますが、投稿のすべてのライトボックス効果が無効になりました。これは非常に悪いです。このプラグインのライトボックス効果と競合しているものは何ですか？

  6. こんにちは、この素晴らしいプラグインをインストールしたばかりで、すべてスムーズに進みました。私の問題は、このページにあるようなプラグインが浮かないことです。ページの上部から一定の距離で固定され、下にスクロールしても一緒に移動しません。

  7. @wpbeginner 承知いたしました。一時的な解決策としてSharebarをインストールしたので、後で元に戻してスクリーンショットを送ります。

    ありがとうございます！

  8. @rdempsey Rob、何がうまくいっていないか確認できるようにメールを送ってください。サイトへのリンクも忘れずに含めてください。

  9. @wpbeginner このプラグインをインストールしたのは今回が初めてです。今日サインアップして、ダウンロードして、インストールしました。

  11. ダウンロード、インストール、有効化しました。唯一の問題は、2つのバーが表示されることです。1つは固定で、もう1つはコンテンツに動的に追従します。WP 3.1.3、Genesis 1.6、子テーマを使用しています。何か推測できますか？ありがとうございます！

      • !! 動作しました！サイドパネルに別の設定ボタンがあることに気づいていませんでした。それにもかかわらず、RetweetとFacebookボタンはIMHOでデフォルトでチェックされているべきです。とにかく、皆さんは素晴らしいです！返信ありがとうございます。

  13. wpbeginner.com のシェアバーのように、ブラウザの端に固定されていないため、さまざまな画面解像度で少しでも良くするには、コンテンツに固定するだけで、ブラウザウィンドウのサイズを変更するとシェアボックスが切り取られるようになります！

    シェアボックスのCSS（プラグインの.phpファイル内）を静的CSSに置き換えました。

    .sharepost{float:left; border:1px solid #E8E8E8; margin-right:10px; position:fixed; background:#FFF; margin-left:-100px; width:60px; z-index:0}

    .sharer{padding:5px; border-bottom:1px solid #e8e8e8}

    これで開始できますが、今後のすべての調整は、WordPressプラグインエディターの.phpファイルで行う必要があります！

  14. モバイルブラウザでサイトに表示されないようにするために、プラグインにどのような変更を加えましたか？

    モバイルでサイトを読み込むと、プラグインがコンテンツに重なってしまいます。

    ここで共有していただけると、非常に助かります。ありがとうございます！

    • WP Tap がデフォルトのテーマコンテンツを表示する理由がわかりません。当社のプラグインは、コードを wp_footer フックに追加しているため、テーマにのみ表示されるはずです。

  15. WordPress 3.01 インストールにプラグインをインストールしましたが、インストールは正常に進み、オプションを設定しましたが、ブログ投稿には何も表示されません。

    確認していただけますか？サイトは私の名前にリンクされています

    ありがとう。

    • プラグインがフッターに自身を登録できません。その機能を確認する必要があるかもしれません。Thesisで実行している際に、多くのユーザーがこの問題を抱えていました。私たちはこのプラグインの新しいバージョンに取り組んでおり、それは素晴らしいものになるでしょう。

  17. このプラグインは WordPress 3.0 にアップグレードするまで正常に動作していましたが、プラグインが致命的なエラーを引き起こしていると表示されます。

    これについてどうすればよいですか？

    • プラグインを3.0で確認しました（正常に動作します）。他のプラグインとの競合があった可能性があります。サイトの詳細（サイト名）、使用しているプラグインなどをメールで送っていただけますか？さらにサポートさせていただきます。

  18. ウェブサイトにインストールしましたが、残念ながらStumbleUponアイコンが適切に機能していません。Stumbleをクリックすると、多くの投稿に対して特定のページをスタムブルしようとします。

    これをどうやって修正すればいいですか？

  19. Really light weight and nice plugin. (will advice you to make it more lighter :) – and never use jquery with it)

    however, like many people here, i was not able to make the plugin work with my theme too (using thesis 1.7) however i’ve solved the issue by making change in the code by replacing your get_footer to wp_footer. hopefully it will make some changes in your next release :)

    プラグインを有効にした後にスライダーが全く表示されない問題を修正する必要がある方は、こちらの手順で説明しています: http://nabtron.com/smart-sharing-plugin-now-showing-on-thesis-1-7-theme-solved/2653/

  21. コードが動作しません。ページテンプレートに追加しましたが、まったく表示されません。

    ページテンプレートの特定の場所に、追加する必要がある場所はありますか？

    Hope to hear from you soon. Cheers ;-)

  23. このページで、リツイートと Fshare の機能が低い解像度（1024×768 および 800×600）で消えることに気づきました。これを実現するにはどうすればよいですか？ とても良いプラグインですが、前述の解像度でページテキストの上にフローティングすると見栄えが悪くなります。

  24. このプラグイン、ありがとうございます。問題があります。私のFacebookシェアボタンですが、公開すると記事の名前が表示されなくなりましたか？画像も表示されませんか？解決できますか？

  25. このプラグインを有効化しましたが、ページに表示されません。何が起こっているのかわかりませんが、すべて正しく行ったと確信しています。

  26. プラグインをアップロードしたばかりで、とても気に入っていますが、ツイートミームで404エラーが発生しています。個別のボタンをインストールしていたときは、ツイートミームは問題なく動作していました。Twitterの名前を入力するだけでいいんですよね？元のミームを無効にし、キャッシュをクリアしましたが、まだ疑問符が表示されます。助けてください。

    • すべてのテーマで自動的に機能するわけではありません。single.php ファイルに次の関数を追加する必要があります。add_smartsharing(); << PHP で囲むのを忘れないでください。そうすれば機能します。

  29. 素敵なプラグインです。Mashableのようなものを探していましたが、自分で作成する以外ではこれが一番良いと思います。

    カスタムコードの情報、ありがとうございます。

  30. 本当にありがとうございます！mashable.comでこれを見て、新しいソーシャルメディアブログで使いたいと思っていました。プラグインの名前を知らなかったので、本当に感謝しています。ちなみに素晴らしいウェブサイトですね！このプラグインには一度にいくつソーシャルサイトを追加できますか？

  32. Hi

    プラグインをダウンロードしてインストールしたばかりですが、素晴らしい機能です…ただ一つ小さな問題を除いて。

    CAPTCHAダイアログは本当に気が滅入ります。特に単語が常に読みやすいとは限らないので。どうすれば削除できますか？プラグインのコードを調べましたが、それらしいものは見つかりませんでした。

    どちらの方向に進めばよいか教えていただけますか？

    素晴らしい仕事ぶり、本当にありがとうございます。そしておめでとうございます。

  34. I’m wondering why the box is attached to my browser edge instead of my content just like you have here…in this way works fine, but in mine it overlap the content for resolutions smaller than 1024px….please help me! :)

    • ブラウザ画面にアタッチされる理由は、最も簡単でシンプルな追加方法だからです。この方法により、ほとんどのテーマでこのプラグインを使用できるようになります。このプラグインのCSSを確認し、必要であればご自身のサイトに手動で適用することもできます。これは単純な position:fixed タグです。唯一の違いは、その方法では管理パネルの機能は一切利用できなくなることです。

      プラグインファイルを少し変更できます。CSSプロパティを必要に応じて変更し、自動追加フィルターを変更します。その後、プラグイン関数add_smartsharing()をsingle.phpファイル内のコンテンツdivの隣に手動で追加します。しかし、これは多くの作業であり、PHPとHTML/CSSの経験があるユーザーのみが行うことができます。

      • Can you please create a blog post with instructions for how to make this modification (or even how to add that additional functionality Mashable has where the share buttons snap to above the content when the browser is reduced to a certain width)? Or email me. I’ll donate! ;-)

        • いいえ、CSSをカスタマイズする方法に関するチュートリアルを公開で提供することはありません。このプラグインは現状のままリリースされており、無料サポートは提供しません。

  35. このプラグインに Facebook の新しい「いいね！」ボタンを実装する予定はありますか？

    より「くっつく」ようになりそうです。

  36. プラグインありがとうございます！このMashableスタイルの共有ウィジェットをあちこち探していました。

    Meebo バーのことを考えていましたが、これは完璧です！

  37. まず最初に！素晴らしいプラグインです！

    I have installed it and it works fine ;)

    I just have a small problem if i click on retweet i always been redirect to tweetmeme :( How cna i get it workin that the useer who clicks on retweet gets redirect direct to our tweeter account ?

    ありがとうございます

    Sascha

    • これはtweetmemeの問題です。全員がリダイレクトされるわけではなく、一部の人だけです。理由はわかりませんが、そうなります。最も簡単な方法は、カスタムコードに追加して削除し、代替スクリプトを使用することです。

  39. Hello,

    フローティング共有バーをブラウザの端ではなく、コンテンツにどのように配置しますか？あなたのものはコンテンツに配置されていますが、プラグインはそうではありません。何か助けがあれば幸いです。

    ありがとうございます！

    • それは、関数を手動で追加し、CSS をニーズに合わせて変更した場合にのみ可能です。CSS の fixed プロパティを理解し、それを single.php に追加する必要があります。

      以下にその方法を示します。まずプラグインを有効化し、次にテーマのfunction.phpファイルをエディタで開きます。以下の行を追加してください。

      remove_action( 'get_footer', 'add_smartsharing' );

      これを行うことで、自動機能を削除しただけになります。その後、このコードを single.php ファイルに配置して、好きな場所で手動で関数を呼び出すことができます。

      function add_smartsharing()..

      必要に応じてCSSファイルも編集する必要があります。プラグインはデフォルトではコンテンツの横に追加されません。

      必要に応じてCSSを編集してください。デフォルトの

  40. MashableがTumblrブログで使用しているようなフローティングシェアツールバーを実装しようとしていますが、このプラグインからCSS、HTML、またはjQueryバージョンを派生させる方法はありますか？もしそうなら、どれくらい難しいですか？

  41. sharesmartプラグインを私のWordPressサイトにアップロードし、すべてうまくいきました。しかし、私のサイトは英語ではありません（はい、お察しの通り、英語を読んだり話したりしない世界全体が存在します）。例えば、「Share」、「shares」を別の言語に変更する方法はありますか？

    • Stumbleupon、Facebook、Tweetmeme にそのオプションがある場合を除きます。それは私たちの管理下にはありません。それらはサードパーティの JavaScript です。

  42. サイードさん、こんにちは！
    あなたのプラグイン、とても気に入っています。インストールして完璧に動作していました。しかし、テーマを変更してから表示されなくなりました。アンインストールして再度インストールしてみましたが、やはり何も表示されません。
    ご協力ありがとうございます！

  43. 皆さん、素晴らしいです。しばらくの間このようなものを探していて、私のブログで完璧に動作しました。

    元のFacebookシェアボタン（http://www.facebook.com/facebook-widgets/share.php）のコードをインストールしてみましたが、このプラグインでは機能しないようです（ページをリフレッシュするたびにカウンターがリセットされます）。そのため、シェア数を失うのは残念ですが、この素晴らしい機能を統合する価値はあります。

    また、カウンター付きのGoogle Buzzボタンのコードはどこで見つけられるか教えていただけますか？

    素晴らしいプラグインを本当にありがとうございます！

    • シェア数を失う必要はありませんか？fshareはFacebookのシェアボタンと同じカウントを表示します。Googleボタンについては、BalkhisのGoogle Buzzカウントに関する記事をお読みください。

      そのページを読めば、現時点でバズカウントを表示するのが適切でない理由がわかるはずです。しかし、それでも操作可能なカウントで視聴者を欺きたいと思うなら、このチュートリアルを使用してください（リンク）

      • こんにちは！ほとんどの記事でシェア数を失うことはありませんでしたが、インストール時には最新のブログ投稿のシェア数が確実に失われました。Facebook で 27 シェアありましたが、0 にリセットされました。しかし、他のブログ投稿ではシェア数が引き継がれているようです。

        また、このプラグインをホームページと個別の投稿の両方に表示する方法はありますか？

        Much thanks! :-)

        • いいえ、テーマに関数を追加しない限り、このプラグインはホームページには表示されません。ただし、ホームページへの追加は推奨していません。ホームページには多数の投稿がありますが、このプラグインはどの投稿を共有するのでしょうか？

          他の場所で呼び出したい場合は、この関数を使用してください add_smartsharing()

        • さて、Mashable がホームページの各投稿に Tweetmeme や Facebook Share などのボタンを配置し、さらに各投稿内にフローティングシェアボックスを設けているのをご覧になったかと思います。私も最終的にはそうしたいと思っています。ただし、それができないとしても世界の終わりではありません。私のホームページの読み込み時間は以前よりずっと速くなりました。

          Thanks again! :-)

  47. メールアドレスを入力してダウンロードをクリックしましたが、ダウンロードリンクが届きませんでした。

    • 確認を求める確認メールを受け取りましたか？もしそうなら、そのメールの直後にウェルカムメールを受け取ったはずです。SPAMを確認してください。そうでない場合は、お問い合わせフォームからお問い合わせください。

  48. Mashable版ほどクールではないですが、良いスタートだと思います。簡単なjQueryの調整とCSSの配置で、私が求めているような動作に近づけることができると思います。
    とはいえ、素晴らしい仕事です。良いプラグインですね。

    • Chuck,

      これはプラグインの最初のバージョンです。ジェネリックプラグインとしてリリースできない理由は、プラグインを挿入する特定の場所が必要になるためです。Mashableは投稿のすぐ横に配置しています。各テーマには異なる投稿クラスがあります。これは、jQueryバージョンを一般公開するのが非常に困難になります。何か提案があれば、お聞かせください。（注：jQueryボックスをフローティングさせるコーディングは難しくありません。プラグインとしてWordPressに追加するのが難しい部分です）。唯一うまくいく可能性のあることは、投稿コンテンツ内に追加することです。それを試す必要があります。他に提案があればお知らせください。

      • oh understood. I appreciate the work and you guys releasing it, and your time in responding to me. So my initial issue with this one is on smaller screen resolutions this one will cover the content, mashable’s hides itself from the left and turns into a horizontal section right above the post content. THAT is amazing lol.
        I know your intent wasn’t to create what they did but that’s got some polish you’ve gotta admit! :)

        この現在のプラグインを改善するためのロードマップやアイデアはありますか？

        • Chuck,

          マッシャブルがそのように行っているのは正しいです。しかし、このプラグインに追加することを検討していると述べたように、それはまだ確定していません。将来のリリース日はまだ確定していません。すべてのテーマで機能するかどうかをまだ確認しています。

          各テーマは異なる動作をし、それはカスタムなことです。それらは水平幅を指定しています。しかし、他のテーマの水平幅は分かりません。そのため、コンテンツエリアが小さいテーマでは、テーマが壊れてしまいます。

          あなたが開発者であれば、私たちが何を話しているのか正確に理解できるはずです。

          間違いなく、Mashableのプラグインはより洗練されたバージョンであり、WPBeginnerにもすぐに同様のものを追加しますが、それは一般的なソリューションというよりもカスタムソリューションだと考えています。

        • これは素晴らしいのですが、1024でテキストと干渉していることに気づきました。水平オプションに変換しなくても、ウィンドウが小さすぎる場合に、ここで表示されるように左マージンに消えるようにするにはどうすればよいですか？ありがとうございます。

        • コメントのずっと下で答えを見つけました。削除していただいて構いません。ありがとうございます。

  49. こんにちは…このプラグインについて興味がありました…ダウンロードして、ローカルにインストールしようとしました…（xamppを使用しています – それとは関係ないと思います）…そしてこのエラーが発生します：

    解析エラー：構文エラー、$endが予期せず出現しました C:\xampp\htdocs\blog\wp-content\plugins\smartsharing\smart-sharing.php の507行目

    何かアイデアはありますか？

    とにかく、共有してくれてありがとう

  50. Floating Share BoxプラグインをダウンロードしてWordPressブログで有効化しましたが、投稿ページに表示されません。他のプラグインと競合していますか？

    • 私たちの知る限りではありません。30以上のプラグインが動作しているサイトにアップロードしましたが、動作しています。アレックス、何が起こっているか確認しましょうか？情報とともにメールでご連絡ください。

      • プラグインを動作させることができましたが、疑問に思っているのは、フローティング共有ボックスに「Google Buzz」ボタンを追加するのはどれくらい難しいかということです。

        • プラグインページのカスタマイズタブを見てください。カスタムコードセクションには何でも追加できます。この記事で言及したdiv設定を使用してください。

Copyright © 2009 - 2025 WPBeginner LLC. All Rights Reserved. WPBeginner® は登録商標です。

Awesome Motive が管理 | SiteGround による WordPressホスティング

WordPress® の商標は WordPress Foundation の知的財産です。このウェブサイトでの WordPress® およびその名称の使用は、識別目的のみであり、WordPress Foundation による承認を意味するものではありません。WPBeginner は WordPress Foundation によって承認、所有、または提携されていません。

私は…について助けが必要です

人気の検索:

ブログの始め方 WordPress SEO WordPressのパフォーマンス WordPressのエラー WordPressセキュリティ オンラインストアの構築