6月8日:WP修正/ブログページ・レスポンシブ画面対応
・ブログページ修正
サイドバーの位置が右に来ない原因が判明
検証で見てみると、
blog-innerの上にphp関数が書かれていた為、この箇所が繰り返しになっていて、その流れで、本来ブログ部分とサイドバー部分が兄弟関係になっているのが、親子関係になってしまっていた。
これを下のように変更
やっと解明できた。
・レスポンシブの対応修正
レスポンシブサイズにして修正後、パソコンサイズにするとずれていた件
これを修正する為に、コメントの白の枠にマージン左右autoをつけてみると思った通りに修正できた。
ブログ画面をレスポンシブ画面にしたら画像が小さくならない。
サイトで調べてみるとレスポンシブ対応できると言うことでCSSに書き込み
.thumb {
text-align: center;
}
.thumb img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
これでできると思って確認したところ画像は小さくなったがヘッダーも小さくなった。
???
なかなかうまくいかないなー。