WordPress モバイル記事本文広げるグプハプニダ

[Wordのクラッカー]

ID.97

WordPress 反応型のテーマを見見てい.. Twenty Twelveテーマなんです。
お問い合わせドリルについては、私は携帯電話で設計者が、集中的に見てい（携帯電話からの語するように示しているかも）...

モバイル適応画面を見ると、上記のように出てくるんです、記事本文横両側ああ空き領域が多すぎて読みやすさがちょっと離れて見えます。 この横両側のスペースをよりテキストで埋めることができる方法がイトウルでしょうか？
初心者と3時間目迷っていますねㅠㅠ方法ご存知の方助けてください。

---

回答：

WordPress テーマのレイアウトはCSSで調整ヘジュオヤます。

たとえば、上記の場合、コンテンツ領域のPadding値を変更してくれればされます。

そして、モバイル版にのみ適用するには、メディアクエリ（Media Query）を使用します。 スマートフォン、iPhoneのなどのモバイル機器の解像度に関する情報は ここを参考にしてみてください。

Twenty Twelveテーマでは、モバイル機器に対してコンテンツ領域のパディング値を変更するには、次のようなコードをテーマのスタイルシートファイルに追加します。

@media screen and（max-width：767px）{.single #primary {width：105％！important; / *実際より幅を5％増やす* / margin-left：-2.5％！important; / *増幅補正* /}}

解像度は767pxに設定しましたが、その後、アイパッドよりも小さい機器（アイパッドは除く）でPadding値が調整されているはずです。 上記のコードで数を適切に変更して、正常に出るか確認してみてください。

WordPressでテーマのスタイルシートにCSSコードを追加する方法は、 この記事を参考にしてみてください。

注：上記のコードは、開発者向けツールを介してのみテストし、実際の環境では、適用してみました。

[著者]

投稿