【WP】ソーシャルブックマークのボタンを追加するプラグイン

social-bookmarking-wordpress-plugins

WordPressで構築したサイトやブログの記事にソーシャルブックマーク(またはソーシャルメディア)のボタンを追加することができるプラグインをまとめてみました。

ほとんどのプラグインが管理画面のプラグインの検索より探すことができます。

Sharebar

投稿した記事の本文の左側にソーシャルブックマークのボックスを表示してくれます。スクロールをしても追いかけてくれるボックスです。

Custom-Sharebar-01

設定画面ではDiggやfacebook、twitterなどメジャーなソーシャルブックマークの表示/非表示を選んだり、表示される順序を設定することができます。また、ソースコードを入力して新しくボタンを追加することもできますので、標準で用意されているボタン以外のボタンにも対応することができます。

Custom-Sharebar-02

WP Social Bookmarking Light

日本語対応のプラグインです。日本国内特有のmixiやlivedoor、nifty、fc2などのボタンが用意されています。

WP-Social-Bookmarking-Light-01

設定画面では表示したいボタンの選択、ソーシャルブックマークボタンごとの設定を行うことが出来ます。

WP-Social-Bookmarking-Light-02

WP Socializer

投稿した記事の本文の上下、さらに左側にソーシャルブックマークのボタンを表示してくれます。表示箇所ごとにボタンのバリエーションが異なっているのでクリックの誘導もよさそうです。

WP-Socializer-01

設定画面では表示したいボタンの選択、ソースコードを入力して新しくボタンを追加することもできます。

WP-Socializer-02

関連記事

【CSS】Googleマップの埋め込み用HTMLコードをレスポンシブに対応させる

Googleマップで、埋め込み用HTMLコードを発行して、ブログやサイトに貼り付けて使うことがよくあると思います。 サイトがレスポンシブ対応の場合、本文中のGoogleマップが、要素からはみ出して見栄えが崩れたり、案内したい所在地のポインタが表示されないということがあります...続きを読む

2015.02.08CSSHTMLコーディング

【CSS】リンクフォーカスを利用したナビゲーションのボタン操作

CSSの{a:hover}を使うとマウスオーバーの操作によって背景の色や画像を変えることができます。ナビゲーションメニューなどによく使われる手法ですが今回は{a:focus}に着目してみました。 {a:focus}はリンクにフォーカスされているとき。クリックされた時やT...続きを読む

2015.02.08CSSHTMLコーディング

生成AIの仕組みを解説|なぜ「考えているように見える」のか

前回の記事では、機械学習とディープラーニングの違いを整理しました。 ここまで来ると、多くの方がこんな疑問を持ちます。 「生成AIって、結局なにをしているんですか?」 「どうして考えて文章を書いて...続きを読む

2025.12.24生成AIパスポート

【CSS】CSS3による枠線の新しい表現方法

CSS3より定義された「Border Radius」「Border Image」を使うことで角丸のボックスや、罫線の装飾によってこれまで画像で作成していた要素をCSSのみでデザインすることができるようになりました。 角丸(border-radius) 「b...続きを読む

2015.02.08CSSHTMLコーディング

【無料】商用利用OKシームレステクスチャ「岩石(白玉石風)」素材

自然の岩肌を表現したシームレスの無料で使えるテクスチャです。白玉石のような白色の石の質感を再現しています。継ぎ目のないシームレス加工をしているテクスチャです。テクスチャマッピングやタイル敷の背景素材などにお使いいただけます。商用利用OKのフリー素材となっております。 ...続きを読む

2018.09.12シームレステクスチャ