Title: サイドバーにいれたウィジェットの幅の調整について
Last modified: 2016年9月15日

---

# サイドバーにいれたウィジェットの幅の調整について

 *  解決済 [ayakokuroda0814](https://ja.wordpress.org/support/users/ayakokuroda0814/)
 * (@ayakokuroda0814)
 * [10年、 10ヶ月前](https://ja.wordpress.org/support/topic/%e3%82%b5%e3%82%a4%e3%83%89%e3%83%90%e3%83%bc%e3%81%ab%e3%81%84%e3%82%8c%e3%81%9f%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e5%b9%85%e3%81%ae%e8%aa%bf%e6%95%b4%e3%81%ab%e3%81%a4/)
 * サイドバーに直接コーディングして、SNSのリンクをいれたのですが、
    300pxとっている
   幅いっぱいまで表示がされません。
 * マージンなどは、限りなくつかわないように下記のように書き換えたのですが、
    どこ
   の部分が干渉していることが考えられるでしょうか。
 * よろしくお願いします。
 * —siderbar.php—-
 *  <aside id=”sidebar”><!–メイン右　サイドバー–>
    <?php dynamic_sidebar(); ?> <!–
   SNSボタン –> <h4 class=”menu_underh2″>SNS</h4> <div class=”follow”>
    -  <li class=”twitter”>[Twitter](https://www.twitter.com/intent/follow?screen_name=ayakokikuchi814)
      
      <li class=”facebook”>[Facebook](https://www.facebook.com/ayako.kuroda.1671)
      <li class=”rss”>/?feed=rss2″ target=”_blank”>RSS <li class=”feedly”>[Feedly](http://feedly.com/index.html#subscription%2Ffeed%2Fhttp%3A%2F%2F kikuchiayako.com %2Ffeed%2F)
 * </div>
    <!– SNSボタンここまで –> </aside><!–メイン右　サイドバーここまで–>
 * —siderbar.php—-
    —style.css—- /* すべてのページに適応 sidebar　SNS用*/ .follow{
   margin-bottom:24px; } .follow ul{ position:relative; overflow:hidden; }
 * .follow ul li{
    float:left; width:50%; list-style-type: none; }
 * .follow ul li a{
    padding-top:10px; padding-bottom:5px; display:block; -webkit-
   transition: .2s ease-in-out; transition: .2s ease-in-out; color:#fff; font-family:’
   Open Sans’,sans-serif; text-align:center; text-decoration:none; }
 * .follow ul li a::before{
    position:relative; display:block; -webkit-transition:.
   15s ease-in-out; transition:.15s ease-in-out; color:#fff; font-size:26px; font-
   family: “FontAwesome”; }
 * .follow ul li a:hover{
    background-color:#fff; }
 * .follow ul .twitter a{
    background-color:#00aced; border:2px solid #00aced; }.
   follow ul .twitter a::before{ content: “\f099”; }
 * .follow .twitter a:hover,.follow .twitter a:hover::before{
    color:#00aced; }
 * .follow .facebook a{
    background-color:#3c5a98; border:2px solid #3c5a98; }
 * .follow .facebook a::before{
    content:”\f09a”; }
 * .follow .facebook a:hover,.follow .facebook a:hover::before{
    color:#3c5a98; }
 * .follow ul .rss a{
    background-color:#ffb53c; border:2px solid #ffb53c; } .follow
   ul .rss a::before{ content:”\f09e”; } .follow ul .rss a:hover,.follow ul .rss
   a:hover::before{ color:#ffb53c; } .follow ul .feedly a{ background-color:#87c040;
   border:2px solid #87c040; } .follow ul .feedly a::before{ content:”\f09e”; } .
   follow ul .feedly a:hover,.follow ul .feedly a:hover::before{ color:#87c040; }———-

2件の返信を表示中 - 1 - 2件目 (全2件中)

 *  モデレーター [けい (Kei Nomura)](https://ja.wordpress.org/support/users/mypacecreator/)
 * (@mypacecreator)
 * [10年、 10ヶ月前](https://ja.wordpress.org/support/topic/%e3%82%b5%e3%82%a4%e3%83%89%e3%83%90%e3%83%bc%e3%81%ab%e3%81%84%e3%82%8c%e3%81%9f%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e5%b9%85%e3%81%ae%e8%aa%bf%e6%95%b4%e3%81%ab%e3%81%a4/#post-190334)
 * 断片的なコードだけでは分からないですね…。
    実際のサイトを見せていただくか、お
   使いのテーマがどういったものかなど、もう少し情報をいただけませんでしょうか。
 *  トピック投稿者 [ayakokuroda0814](https://ja.wordpress.org/support/users/ayakokuroda0814/)
 * (@ayakokuroda0814)
 * [10年、 10ヶ月前](https://ja.wordpress.org/support/topic/%e3%82%b5%e3%82%a4%e3%83%89%e3%83%90%e3%83%bc%e3%81%ab%e3%81%84%e3%82%8c%e3%81%9f%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e5%b9%85%e3%81%ae%e8%aa%bf%e6%95%b4%e3%81%ab%e3%81%a4/#post-190339)
 * ご連絡ありがとうございます。
    解決いたしました。

2件の返信を表示中 - 1 - 2件目 (全2件中)

 トピック「サイドバーにいれたウィジェットの幅の調整について」には新たに返信すること
はできません。

 * フォーラム: [使い方全般](https://ja.wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2件の返信
 * 2人の参加者
 * 最後の返信者: [ayakokuroda0814](https://ja.wordpress.org/support/users/ayakokuroda0814/)
 * 最後の活動: [10年、 10ヶ月前](https://ja.wordpress.org/support/topic/%e3%82%b5%e3%82%a4%e3%83%89%e3%83%90%e3%83%bc%e3%81%ab%e3%81%84%e3%82%8c%e3%81%9f%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e5%b9%85%e3%81%ae%e8%aa%bf%e6%95%b4%e3%81%ab%e3%81%a4/#post-190339)
 * 状態: 解決済

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック