SANGO(サンゴ)でシェアボタンを固定追尾させるためのカスタマイズ方法

当サイトで公開している無料デザインデータ「SHIRONO(シロノ)」のように、投稿・固定ページのPC画面において、投稿下のSNSボタンをカスタマイズして追尾させることができます。

なお、このカスタマイズはSANGOのみで使える方法です。どのテーマでも使える方法は以下で解説しているのでご参考ください。

本カスタマイズの基本情報

項目基本情報
難易度簡単
やることCSSのコピペのみ
所要時間3分
プラグイン名必要なし
費用0円

設定方法

STEP
以下のCSSをコピーする
@media (min-width: 1030px){
.footer-contents  .sns-btn__item i {
    width: 35px;
    height: 35px;
    font-size: 22px;
    line-height: 32px;
    border: solid;
    border-radius: 50px;
}
.footer-contents .tw a, .tw .scc {
    position: fixed;
    top: 400px;
    left: 20px;
}
.footer-contents .fb a, .fb .scc {
    position: fixed;
    top: 440px;
    left: 20px;
}
.footer-contents .hatebu a, .hatebu .scc {
    position: fixed;
    top: 480px;
    left: 20px;
}
.footer-contents .line a {
    position: fixed;
    top: 520px;
    left: 20px;
}
.footer-contents .pkt a, .pkt .scc {
    position: fixed;
    top: 560px;
    left: 20px;
}
.share_txt {
    display: none;
}
.footer-contents span.sns-btn__title.dfont {
    display: none;
}
}
STEP
追加CSS

追加CSSに貼り付けします。これで終了です。各ページのデザインをご確認ください。

参考になりましたら、Twitterでシェア・はてなブックマークして頂けると幸いです。どうぞよろしくお願いいたします。

よかったらシェアしてね!

コメント

コメントする