WP Social Bookmarking Light

AddToAny ワードプレスプラグイン ソーシャルボタン 追加css設定

2021年9月6日

Categories | ホームページ ブログ（WordPress)

AddToAny ワードプレス プラグイン ソーシャルボタン

投稿記事内などにソーシャルボタンを簡単に設置できるプラグイン。

インストール方法は、プラグインの新規追加でインストール後、有効化するだけ。

0906 01 400x102 AddToAny ワードプレスプラグイン ソーシャルボタン 追加css設定

 

正式名称は「AddToAny Share Buttons」。

設定は簡単なのではしょりますが、デフォルトのままでも問題ないと思います。

任意ではありますが、追加CSSを利用するとで多少のレイアウト変更が可能です。

当ブログではマージン等を追加してアイコンの位置を変更しました。

参考まで

 

.addtoany_content {
clear: both;
margin: 20px 16px;
border-bottom: solid 1px #096aa2;
padding: 12px 0 12px;
}
.a2a_kit a {
cursor: pointer;
padding-left: 10px;
}

 

0907 02 400x179 AddToAny ワードプレスプラグイン ソーシャルボタン 追加css設定

cssの解説

ソーシャルボタンどうしの間隔を広くし、上下の間隔（マージン）も広くしました。

あとはボタンの下にバー（青線）を追加してます。

以上

 

余談ではありますが、今までは「WP Social Bookmarking Light」を利用してました。

0907 03 400x138 AddToAny ワードプレスプラグイン ソーシャルボタン 追加css設定

不揃いの横長ボタンで、ボタン同士の間隔があいまいでした。

それでも今まで見て見ぬ振りで利用してました。

今回ブログレイアウトのメンテついでに「AddToAny 」に乗せ換えました。

しまい

WordPress　実装中プラグイン

Comment(0) | Trackback(0)

TAGS: / / / / | 2021年9月6日 |

WP Social Bookmarking Light　バージョン2.0.0　バグっているようでエラー表示されます

2017年7月16日

Categories | ブログ（WordPress)

WP Social Bookmarking Light　バージョン2.0.0 はバグっているようです。

当ブログではエラー表示され、うまく表示されませんでした。

0717 400x219 WP Social Bookmarking Light　バージョン2.0.0　バグっているようでエラー表示されます

バージョンは 1.9.2までは問題ないようですので、

2.0.0が改善されるまで旧バージョンをオススメします。

 

追伸

数日後バージョンアップされましたが、バージョン 2.0.1　は問題ないようです。

Comment(0) | Trackback(0)

TAGS: / / | 2017年7月16日 |

ブログのいいねボタンが、PCで見ると下にずれてしまう　対処法

2015年4月23日

Categories | ブログ（WordPress)

去年の事ですが、

スマホで自分のブログ（ワードプレス）見ると、ＦＢいいねボタンだけ下にずれて

しまう対処をしましたが、（対処法参照）

今度はＰＣでも下にずれてしまうようになり、調整しました。

0423 400x300 ブログのいいねボタンが、PCで見ると下にずれてしまう　対処法

利用しているプラグインは「WP Social Bookmarking Light」。

以前スマホ用に対処したタグは消して、

新たに下記をＣＳＳに追記しました。

ダッシュボード → 設定 → WP Social Bookmarking Light → styles

.wsbl_facebook_like span{
    vertical-align: top !important;
}
.fb_iframe_widget {
  width: auto !important;
  display: inline-block !important;
}

 

以上

Comment(0) | Trackback(0)

TAGS: / / / / | 2015年4月23日 |

ワードプレスをスマホで見ると、いいねボタンが下にずれる対処法

2014年5月2日

Categories | ブログ（WordPress) スマホ

自作したブログ（ワードプレス）に、プラグイン「WP Social Bookmarking Light」を

インストールし、記事内にソーシャルボタンを表示させた。しかし、最近になりスマホ

で見ると「いいねボタン」だけが下にずれてしまう。PCでは問題ないのに・・・

ググッて対処法あったのでメモる。

2014 05 03 01 300x225 ワードプレスをスマホで見ると、いいねボタンが下にずれる対処法対処前

対処法は

ダッシュボード → 設定 → WP Social Bookmarking Light → styles

Custom CSS に下記を追記

.fb_iframe_widget {
  width: auto !important;
  display: inline-block !important;
}

2014 05 03 02 300x248 ワードプレスをスマホで見ると、いいねボタンが下にずれる対処法

スマホで確認してみた。

2014 05 03 03 300x225 ワードプレスをスマホで見ると、いいねボタンが下にずれる対処法

元に戻った。ヨカッタヨカッタ。

Comment(0) | Trackback(1)

TAGS: / / / / / | 2014年5月2日 |