ソーシャルボタン

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

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日 |

忍者おまとめボタンのボタン間隔を調整

Categories | ホームページ

もうソーシャルボタンは当たり前のようにホームページやブログ等に設置しますが、

私は「忍者ツールズ」の、「忍者おまとめボタン」を利用しています。

12 25 01 忍者おまとめボタンのボタン間隔を調整

http://www.ninja.co.jp/omatome/

デフォルトだとボタン間隔が狭い感じしたので、調整してみました。

ほぼ半日を掛け色々と検証た結果、スタイルシート(css)に1行だけ記述。

 

.ninja_onebutton iframe { margin:0 7px;}

 

・マージンの上下を指定するとガタガタになってしまうので、「 0 」指定。

・左右マージンは「 7px 」がマックスでした。これ越してしまうと、

Facebookのいいねボタンの右端が消えてしまう。

12 15 02 忍者おまとめボタンのボタン間隔を調整デフォルト↑

調整後 ↓

12 25 03 忍者おまとめボタンのボタン間隔を調整困ったことに、FBいいねボタンの右マージンが広がってくれない。

しょうがないのでFBボタンを右端に移動。

12 25 04 忍者おまとめボタンのボタン間隔を調整

まぁこんなもんで良しとします。

 

注意点

小さいボタン群は未検証なので、この措置は効くかどうか分かりません。

FBいいねボタンを「+1ボタン」「Lineボタン」の左横に持ってくると、

マージンがなくなり、くっついてしまうので、ボタンの配列を色々変えてみる。

 

ちょっとだけ間隔を広くしたいのであれば、是非お試しあれ。

Comment(0) | Trackback(0)

TAGS: / / / | 2014年12月25日 |

トップページをリニューアル「内部SEO」

Categories | ホームページ SEO

見た目は殆ど変わりないです。

しかし

2012 1027 282x400 トップページをリニューアル「内部SEO」
プログラム(ソース)を大幅に変更しました。

以前はIE6~8ユーザーをターゲットに、

テーブル{table}を多く用いたレイアウト構成でした。

それを内部SEOを視野に入れたボックス「div」とリスト「ul・li」に変更。

リニューアルって言うぐらいだから、ビジュアル的にどこか変更しなきゃな

ってことで、フッターに流行のソーシャルボタンを追加しました。

それから、ダウンロード項目を少し細工しました。

ポチッたらどう細工したか分かると思います。

いいねボタン系の右端(You Tube)今は空っぽですが、

先月誤って削除したしまった YouTube動画のバックアップを

押入れから見つけだしたので、現在再編集し近々に復活公開予定でいます。

しまい

Comment(0) | Trackback(0)

TAGS: / / / | 2012年10月27日 |

ブックマークボタンが変わってる

Categories | ホームページ

いつだか分からないが、多分ごく最近だと思う。

ブックマークが今時の噴出しカウンターになっていることに

今日気が付いた。これはfacebookを意識してなのか?

今までの方がシンプルで気に入ってたのにさ。

で、当サイトにもソーシャルボタンを導入したばかりだから、

新しいものに変更しました。

従来のシンプルボタン →  2012 1008 01 ブックマークボタンが変わってる

新しくなったシンプルボタン → 2012 1008 02 ブックマークボタンが変わってる

採用したスタンダードボタン →  2012 1008 03 ブックマークボタンが変わってる

Comment(0) | Trackback(0)

TAGS: / / | 2012年10月8日 |