Twenty twelveのタブレット表示が気に入らないので変更

a-06

Twenty twelveをそのまま使うと、タブレットの場合でもサイドバーが表示されて窮屈すぎるのを前から気に入らなかってので、直そうと思ってはいたが、子テーマで、条件分岐やらなんやらやっていたのだが、どうも上手く表示されないので、いっその事、親のスタイルシートを面倒なのでいじってしまおうと考えやってみました。

前から気になっていたんです。広告は潰れるし、文字は縦長になるし、ちなみに私が使っているタブレット端末は「Nexus 7」なので、iPadとかだと少し余白が出来るかも知れません。

そう、すごく単純な方法でとりあえず解決しました。

スポンサーリンク

親テーマのstyle.cssを開く

まず、親のスタイルシートで【Ctrl+F】を押すと右上に検索窓が出るので【@media screen】と打ち込み探すと一発で出てくるので、次の記述を変更してください。

この記述では600pxとなっていますが、これを810pxに変更します。

これだけで完了なんですが、ウィジェット広告などは左寄せになっているので、なんだか不格好ですが、記事が見やすくなったので、良しとします。気に入らなければ、センター寄せとかにしてください。

これはあくまで私には応急処置みたいなものです。条件分岐をすると500の嵐に見舞われるので、しょうがなくわかる範囲でやっただけです。

きちんと条件分岐をして表示させたければ、他の人が書いているかと思うのでそちらを参考にしてください。

最後にブラウザで確認

chrome前提で書きます。

まず、F5を押してリロードをしておいてください。次にF12ボタンをクリック

SnapCrab_NoName_2015-10-30_3-37-29_No-00

画面で青くなっているボタンをクリックするとモバイルでの見え方が分かるので調べます。

SnapCrab_NoName_2015-10-30_3-40-45_No-00

これは、Nexus7の見え方です。間違いありません私の端末も同じように表示されています。

Deviceで、いろいろな端末を調べられるので、活用してください。

ん?知ってるって? 知らない人に書いてんのよ。

[speech_bubble type=”fb” subtype=”L1″ icon=”3.png” name=”KEN”]上手く表示されなかったら、もう一度【F5】ボタンを押そう[/speech_bubble]

スポンサーリンク

シェアする

フォローする

スポンサーリンク