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

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

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

編集スタッフ | | 読者開示

共有数 712 ChatGPT Perplexity X LinkedIn WhatsApp

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

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

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

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

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

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

WPBeginnerで現在人気があります！

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

究極のWordPressツールキット

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

今すぐダウンロード

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

100件のコメント

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

    2回呼び出されました。

    とにかく、迅速な回答をありがとうございました。:)

  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. 非常に軽量で素晴らしいプラグインです。（さらに軽量化することをお勧めします:) - そして、jQueryは絶対に使用しないでください）

    しかし、ここの多くの人々と同じように、私もテーマ（thesis 1.7を使用）でプラグインを機能させることができませんでした。しかし、コードを変更してget_footerをwp_footerに置き換えることで問題を解決しました。次のリリースで何らかの変更が加えられることを願っています:)

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

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

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

    近いうにご連絡をお待ちしております。Cheers;-)

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

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

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

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

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

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

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

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

  32. こんにちは

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

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

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

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

  33. これは世界で最もホットなソーシャルメディアネットワークプラグインのようです！:)本当に気に入っていますが、Mashable:)のものと同じくらい素晴らしいものにしてもらえれば嬉しいです。

  34. なぜボックスがコンテンツではなくブラウザの端にアタッチされているのか疑問に思っています…この方法ではうまく機能しますが、私の場合は1024px未満の解像度でコンテンツをオーバーラップします…助けてください！:)

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

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

      • この変更方法（または、ブラウザの幅が特定の幅に縮小されたときに共有ボタンがコンテンツの上にスナップされるMashableの追加機能を追加する方法）の説明を含むブログ記事を作成していただけますか？または私にメールしてください。寄付します！;-)

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

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

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

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

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

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

    インストールしましたが、正常に動作しています;)

    リツイートをクリックすると常にtweetmemeにリダイレクトされるという小さな問題があります:(ユーザーがリツイートをクリックしたときに、私たちのツイッターアカウントに直接リダイレクトされるようにするにはどうすればよいですか？

    ありがとうございます

    Sascha

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

  39. こんにちは、

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

    ありがとうございます！

    • それは、関数を手動で追加し、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カウントに関する記事をお読みください。

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

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

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

        大変ありがとうございます！:-)

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

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

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

          改めてありがとうございます！:-)

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

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

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

    • チャック、

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

      • ああ、わかりました。あなたの仕事と、それをリリースしてくれたこと、そして私に返信してくれた時間に感謝します。それで、これに関する私の最初の問題は、小さい画面解像度では、これがコンテンツを覆ってしまうことです。Mashable のものは左側から隠れて、投稿コンテンツのすぐ上にある水平セクションになります。それはすごいですね（笑）。
        あなたの意図は彼らがやったようなものを作成することではなかったことは知っていますが、それはあなたが認めなければならないほどの洗練さを持っています！ :)

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

        • チャック、

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

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

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

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

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

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

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

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

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

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

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

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

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

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

人気の検索:

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