ホーム >  編集カテゴリー一覧 > 

WP Social Bookmarking Light

2015年8月1日 / 編集カテゴリー一覧, プラグイン

WP Social Bookmarking Light その解説

WP Social Bookmarking Lightは数多くのソーシャルメディアの共有ボタンを指定できますし、挿入する場所やアイコンのカスタマイズもしやすいようです。ショートコードでの設定もできるようです。

今回のポイントは、header.phpに次を記述。

?php if (function_exists("wp_social_bookmarking_light_output_e")) {
    wp_social_bookmarking_light_output_e();
 } ?>

take7のスタイルシートで

#wrapper {
    margin:10px auto 20px auto;/*★SNSの調整 */
    width:980px;
}

WP Social Bookmarking Lightのスタイルシートで

.wp_social_bookmarking_light{
    border: 0 !important;
    padding: 0px 0 5px 0 !important;/*★調整します10px 0 20px 0 */
    margin: 0 !important;
}
/* ★一般設定で位置を「None」にして若干デフォルトを変更します
.wp_social_bookmarking_light div{
    float: left !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 5px 0px 0 !important;
    min-height: 30px !important;
    line-height: 18px !important;
    text-indent: 0 !important;
}
★★*/
.wp_social_bookmarking_light div{
    float: right !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0px 10px 0px 0 !important;
    min-height: 15px !important;
    line-height: 14px !important;

    text-indent: 0 !important;
}
.wp_social_bookmarking_light img{
    border: 0 !important;
    padding: 0;
    margin: 0;
    vertical-align: top !important;
}
.wp_social_bookmarking_light_clear{
    clear: both !important;
}
#fb-root{
    display: none;
}
.wsbl_twitter{
    width: 100px;
}
.wsbl_facebook_like iframe{
    max-width: none !important;
}