投稿本文上ウィジェットのビックバナー位置ずれ

PR 2017/6/30

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

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

投稿者

投稿
- 2015年3月7日 11:32 AM #23218
  
  book
  ゲスト
  
  投稿本文上のウィジェットに728×90のバナーを貼ると、右側にずれてしまいます。
  お手数をお掛けしますが、解決法が御座いましたら、ご教示のほど宜しくお願い致します。
- 2015年3月7日 3:02 PM #23236
  わいひら
  キーマスター
  ウィジェットスペースは、本来、広告を貼るために作成していないので幅が680pxしかなく、728pxの広告が貼れないのは、不具合でないということはご容赦ください。
  
  けれど、スタイルシートを調節すれば、ズレを修正することが具体的には、マージンの左をマイナスで指定してやります。（数字は調節してください）
```
.widget-over-article {
    margin-left: -24px;
}
```
  あとそうすると、モバイルで表示がずれるかもしれないので、mobile.css等でスタイルを戻す必要があるかもしれません。
- 2017年6月29日 12:21 AM #53547
  
  ケンタ
  ゲスト
  
  お世話になります。
  このトピックが閉じられていないようでしたので、横からですがこちらに質問させて下さい。
  
  わいひらさんご提案の
  .widget-over-article { margin-left: -24px; }
  をstyle.cssにそのままコピペしたのですが、うまく改善できませんでした。
  
  どこに問題があるのかご教示下さい。
  
  http://den1-tanaoroshi.com
  
  ・Wordpressバージョン：4.8
  ・Simplicityテーマバージョン：simplicity2 20161002
  ・使用ブラウザ：Chrome バージョン 58.0.3029.110 (64-bit)
- 2017年6月29日 2:55 PM #53549
  nobu
  ゲスト
  ケンタさん、こんにちは。
```
#widget-index-top, #widget-in-article {
    margin-left: -24px;
}
```
  でいかがでしょうか？
  FirefoxやGoogle chromeで該当箇所を右クリックして「要素を調査」や「検証」を選ぶとデベロッパーツールが開きます。
  
  そこで、CSSのセレクタを探せば見つけやすいかと思います。
  
  モバイルの方はご自身でやってみてください。
  
  もし、間違っていたらごめんなさい。
  お粗末でした。
- 2017年6月29日 6:10 PM #53553
  わいひら
  キーマスター
  最初の書き込みから2年以上経っていて、Simplicity1からSimplicity2に変わっているということもあり仕様が変わったのかと思われます。
  今は広告ウィジェットを利用して左マージンを設定するという方法もあります。
  
  もちろん、CSSで指定しても良いです。
```
.widget-index-top {
    margin-left: -24px;
}
```
- 2017年6月29日 7:05 PM #53556
  
  nobu
  ゲスト
  
  余計な書き込みで失礼しました。
- 2017年6月29日 7:37 PM #53557
  
  わいひら
  キーマスター
  
  そういうつもりで書いたのではないです。
  nobuさんの方法でも、位置調整できると思います。
  どっちの方法でもいいんです。
- 2017年6月29日 9:05 PM #53559
  
  nobu
  ゲスト
  
  広告ウィジェットでマージン調整できたんですね。（＾＾；
- 2017年6月29日 11:00 PM #53563
  
  ケンタ
  ゲスト
  
  ＞nobuさん
  素人にご指導ありがとうございました！
  
  ＞わいひらさん
  cssをいじらない方法ありがとうございました！
  勝手に「パソコン用広告ウィジェット」をレクタングル（大）用のウィジェットだと思いこんでおりました。
  
  bookさんのリアクションが無いから微妙ですが、私の方は解決しましたので、運営上問題なければクローズをお願いします。
投稿者

投稿