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

PR 2014/12/15

このトピックには3件の返信、2人の参加者があり、最後ににより2年、 7ヶ月前に更新されました。

3件の返信スレッドを表示中

投稿者

投稿
- 2014年12月15日 4:45 AM #12598
  
  hiro
  ゲスト
  
  大変素晴らしいテーマをありがとございます。
  ２つ質問がありますが初心者なのでそのレベルで教えて頂けると助かります。
  
  １、個別記事だけではなくてhomeやその他全部に「サイドに追従シェアボタン」表示したいのですがどのようにすれば良いのか分かりません。
  
  ２、前回のテーマだと本文に食い込んできていましたが
  最新のテーマにしたら改善されましたが
  本文との余白を少し入れたいのと
  topからの高さの位置とboxのサイズを変更したいと思います。
  
  以上2点をどうやれば良いのか教えてくださいヨロシクお願いします。
- 2014年12月15日 11:23 AM #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プラグイン – ネタワン
- 2014年12月15日 4:40 PM #12697
  
  hiro
  ゲスト
  
  わいひらさん　ご指導ありがとございました。
  結果として上手く出来ました。
  あと課題はHomeの画面にも表示することだけです。
  
  プラグインはなるべく使いません。
  
  １つ気になったことはstyle.cssのどこを探しても#sharebarがなかったので
  追記で保存しましたが良かったのでしょうか！？
- 2014年12月15日 6:35 PM #12719
  
  わいひら
  キーマスター
  
  あ、#sharebarの場所は、css/sns.cssでした。
  
  けど、追記の方が編集箇所がわかりやすくて良いかと思います。
投稿者

投稿

3件の返信スレッドを表示中

フォーラム「Simplicityについての質問」には新規投稿および返信を追加できません。