流行りに乗れ！WordPressにバイラルメディア風のSNSボタンを設置する方法

らふらく^^さん（@TwinTKchan）のこちらの記事に触発されて、ブログのソーシャルメディアボタンをカスタマイズしてみました。流行りのバイラルメディア風デザインですが、WordPressやStingerに設置する方法を備考録として残しておきます。 スポンサーリンク 下記がサンプルのボタンになります。デザイン面でもモバイルファーストがどんどん加速していきますね。こういうのはどんどん取り入れるべき。スマートフォン最適化を後回しにしてると取り残されちゃうよ～。 サンプル1（横幅いっぱいにボタンを配置） Facebookでシェア Twitterでシェア はてなブックマーク feedlyでフォロー LINEで送る Google+でシェア 上記はCSSを「width: 100%;」にしたボタンです。大きいことは良いことだ！PCで見ると主張しすぎな感じですけど、スマホではこれぐらいの大きさが気軽に押

[hideku55]

参考にしよう。

[maijun2]

“.snsshare2 {width: 100%;height: 120px;margin-bottom: 20px;}.snsshare2 a {width: 50%;height: 25px;margin-bottom: 10px;padding: 14px 0;float: left;font-size: 13px;font-weight: bold;color: #ffffff;text-align: center;letter-spacing: 0.1em;display: inline-block;text-decoration: none;}.snsshare2 a:hove

[mtakasurf]

“.snsshare {width: 100%;height: 280px;margin-bottom: 10px;}.snsshare a {width: 100%;height: 30px;margin-bottom: 10px;padding: 14px 0;float: left;font-size: 24px;font-weight: bold;color: #ffffff;text-align: center;letter-spacing: 0.1em;display: inline-block;text-decoration: none;}.snsshare a:hover

[umaken]

流行りに乗れ！WordPressにバイラルメディア風のSNSボタンを設置する方法 – 副業ハック

[qrac_jp]

100%いいなー。次回は100%想定。