WPBeginnerで使用しているフローティング・ソーシャル・シェア・バーについて、多くの方からご質問をいただきました。返信先: 私たちのサイトのために作成したカスタム・プラグインです。そして、その後に「お勧めのソーシャルメディアプラグインは何ですか？悲しいことに、私たちの基準を満たすものは個別にはありませんでした。私たちは、自分たちが使っているもの、あるいは使いそうなものしか勧めません。多くのフィードバックと検討の結果、私たちはWPBeginnerユーザーとより大きなWordPressコミュニティのために、フローティング・ソーシャル・シェアバー・プラグインをリリースすることに決めました。この投稿では、WordPressに横長のフローティング・ソーシャル・シェアバーを追加する方法を紹介します。
メリット
WordPress用のソーシャルメディア・プラグインのほとんどは肥大化している。その理由のひとつは、すべての種類のソーシャルネットワークをサポートしているからだ。もう一つは、ソーシャルメディア・スクリプトが本質的に遅いからです。このプラグインでは、この2つの問題を解決しました。まず、主要なソーシャルネットワークのみをサポートしています：Twitter、Facebook、Google+、LinkedIn、Pinterestです。
第二に、ユーザーが実際にマウスオーバーするまでソーシャルスクリプトの読み込みを遅らせることで、最初のページ読み込み時間を最速にしています。以前は単にプレースホルダー画像を置くだけでしたが、私たちはさらに一歩進めました。私たちは、あなたが決めた間隔（初期設定は30分）で更新されるキャッシュバージョンのカウントを表示します。そのため、ユーザーがシェアバーを見たとき、ソーシャルメディアスクリプトが有効化されている場合と全く同じように見えます。
簡単に言うと、このフローティング・ソーシャルバーは、サイトスピードに影響を与えることなく、ソーシャルメディアの可視性を最大化することができます。
サイトにフローティング・ソーシャル・シェアバーを追加する方法
まず最初に、Floating Social Barプラグインをインストールして有効化します。有効化すると、プラグインは設定 “ フローティングソーシャルバーの下に新しいメニューを追加します。
ブログ投稿にフローティングソーシャルシェアバーを追加するには、有効化ソーシャルサービスエリアで利用可能なソーシャルボタンを表示したい順番にドラッグ＆ドロップするだけです。次に、WPBeginnerという形式でTwitter IDを入力してください。記号の@は付けないでください。
共有バーのタイトルは、十分なスペースがある場合のみ表示されます。共有ボタンをすべて使用している場合、幅の制約によりタイトルが表示されない可能性があります。
投稿、ページ、その他のカスタム投稿タイプなど、フローティングソーシャルシェアバーを追加したい投稿タイプを選択することができます。
最後のフィールドは、このプラグインが最も効率的であることを可能にするキャッシュ間隔です。あなたが何をしているかわからない限り、この数値を変更しないことをお勧めします。以下はその仕組みです。初期設定では、このプラグインはAPIからソーシャルメディアカウントを取得し、30分間キャッシュに保存します。サーバーの負荷を軽減するために、投稿が読み込まれた時だけカウントを取得します。例えば、2年前の投稿に誰もアクセスしない場合、このプラグインはその投稿のために貴重なサーバーリソースを無駄にしません。ユーザーが投稿やページにアクセスした時のみ、カウントを取得します。
それだけだ。投稿ページにアクセスすると、横長のシェアバーが表示されます。
フローティング・ソーシャル・バーをあなたのサイトに。無料ですので、ぜひあなたのフィードバックをお聞かせください。私たちはWPBeginnerで1年以上このプラグインをテストしてきましたが、フィードバックはいつでも歓迎します。Floating Social BarのWordPress.orgページにアクセスして、評価をお寄せください。
この投稿が、あなたのWordPressサイトにフローティング・ソーシャル・シェアバーを設置する手助けになれば幸いです。以下にコメントを残して、あなたのフィードバックをお聞かせください。最後に、口コミで私たちを助けてくれることをお忘れなく。
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
zak says
What social media plugin do you use on this site? Because it looks different from you floating social share bar?
WPBeginner Support says
Hi zak,
Yes, it is written specifically for WPBeginner.
管理者
Stephanie says
How do you add the sharing buttons to the bottom of the post instead of the top?
Thanks
Ralph Eastwood says
I’ve just installed the plugin. Looks nice. Is there a way to have to bar at the bottom of the post? It seems better sense to have it there. People are going to share a post once they’ve read it and think there’s value – I don’t want to rely on them scrolling all the way back to the top just to share!
Laura says
I have installed, activated and added Facebook to the ‘enabled social services’ box. I don’t have a Twitter user account so left that part blank. I saved the settings but the Facebook tab does not appear on my website! Did I miss something? Thanks
sham says
My social count is back to zero after migrate to HTTPS. How to fix this?
Alan says
Your instructions say, “Next, add your twitter ID in the field …”
I do not have a Twitter account myself. Can I not use this plugin without joining Twitter? (I am on Facebook and LinkedIn.)
Editorial Staff says
Don’t enable the twitter share button or simply leave it blank. It allows you to get more followers if you enter the twitter ID there.
管理者
Siska says
I would like to use this pluging, but i can´t find a way to change the bakground colour…Mi web it´s not white.
Siska says
I would like to use this pluging, but i can´t find a way to change the bakground colour…Mi web it´s not white
WPBeginner Support says
Try adding this in your theme’s stylesheet:
#fsb-social-bar { border-bottom: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; padding: 10px 0; margin: 0px 0 20px 0; float: left; background: #222; position: relative; clear: both; }1-click Use in WordPress
管理者
Jean says
Thanks for this! How would you go about to tracking the shares as a goal in Google Analytics?
Elisa says
Error when pressing the button google +1. I get a red triangle and not resolve it.
Help !!!
Rick says
How can I turn off the display showing the number of times it has been shared? I do not want the count of shares to be shown.
Rebecca says
Hi, nice plugin. I’m having an issue though, when I use the “pin it” button, it crops the photo. How can I avoid that?
Skwty says
Just wanted to give a heads up that your Floating Social Bar plugin was causing issues with my WP-Bold theme. It would remove the excerpt from the widget that I used to display related content in the sidebar. The title was there, but only on the single.php would the excerpt disappear. Solostream support mentioned that I should say something. I switched to another plugin because of it, but would much rather use the Floating Social Bar.
Thanks!
Zomi Daily says
Can you please include Facebook Share button, please?
Jon Brown says
Are you still planning to release a version that includes comment counts like this site does? Even if not ready for release is that code public?
Jorge says
Hi! Thanks for the great plugin. I have some questions when people press like or +1 do they share the post in my blog too? How can people share my content from the social bar? What is the capital of North Dakota
Thanks again!
Julius says
Great plugin, but unfortunately it consumes lots of resources. P3 plugin shows that it consumes 51% of all my plugins (I have 12 plugins).
WPBeginner Support says
We use it on our own sites and we are very concious about page speed. As for P3 plugin, the test results can be affected by many factors such as other services running on your server, if you are on a shared server, this will also affect results.
管理者
Urmet says
Great plugin – I would like to know one thing – can I have it this way that the counter loads immediately – like you have it on your own page – sharing numbers are visible even if I am not hovering over the plugin.
Haider says
Great Plugin Indeed!
I finally activated and modified it a little to suit my theme
I have a few queries:
1. Do you plan to include the new facebook share button along with the like button ? Please consider this.
2. Won’t it be better to handle styling with a separate CSS file rather than inline CSS ? A lot of premium themes have option for custom CSS which is added to the header; but that doesn’t work in this case. I had to modify the plugin file to change the styles.
Thank you so much for such an awesome product!
Jenn Marie says
Hi there! From one high-quality person to another: I see you. This plugin rocks, and I suspect it’s due to the meticulousness I see on all your stuff!
One question: any idea why the bar is not sticky for me on iPhone (iOS7)? I’m using Point, a responsive theme. Have tried disabling other social plugins.