サイドに追従シェアボタンの表示方法

Simplicityの特徴 フォーラム Simplicityについての質問 サイドに追従シェアボタンの表示方法

3件の返信スレッドを表示中
  • 投稿者
    投稿
    • #12598 返信
      hiro
      ゲスト

      大変素晴らしいテーマをありがとございます。
      2つ質問がありますが初心者なのでそのレベルで教えて頂けると助かります。

      1、個別記事だけではなくてhomeやその他全部に「サイドに追従シェアボタン」表示したいのですがどのようにすれば良いのか分かりません。

      2、前回のテーマだと本文に食い込んできていましたが
      最新のテーマにしたら改善されましたが
      本文との余白を少し入れたいのと
      topからの高さの位置とboxのサイズを変更したいと思います。

      以上2点をどうやれば良いのか教えてくださいヨロシクお願いします。

    • #12639 返信
      わいひらわいひら
      キーマスター

      >>1
      「サイドに追従シェアボタン」を個別投稿ページ以内に表示する方法は、Simplicity機能としてはありません。
      そうする場合は、テンプレートファイルをカスタマイズする必要があります。

      >>2
      ボックスなどは、style.cssのここをいじればOKです。

      #sharebar {
          background: none repeat scroll 0 0 #ffffff;
          border: 1px solid #cccccc;
          margin: -50px 0 0 -110px;
          padding: 0;
          position: fixed;
          text-align: center;
          width: 90px;
          z-index: 99;
      }

      高さはjavascript.jsの以下の部分のpxを変更する必要があります。

              sharebar.css({
                position: 'fixed',
                top: '70px'
              });

      というか、こういったプラグインを使うのが最も手っ取り早いかと思います。
      Sharebar – スクロール追尾するソーシャルメディアのシェアボタンWordPressプラグイン – ネタワン

    • #12697 返信
      hiro
      ゲスト

      わいひらさん ご指導ありがとございました。
      結果として上手く出来ました。
      あと課題はHomeの画面にも表示することだけです。

      プラグインはなるべく使いません。

      1つ気になったことはstyle.cssのどこを探しても#sharebarがなかったので
      追記で保存しましたが良かったのでしょうか!?

    • #12719 返信
      わいひらわいひら
      キーマスター

      あ、#sharebarの場所は、css/sns.cssでした。

      けど、追記の方が編集箇所がわかりやすくて良いかと思います。

3件の返信スレッドを表示中
返信先: サイドに追従シェアボタンの表示方法
あなたの情報:




スポンサーリンク
アドセンス(大)
アドセンス(大)