2015/02/16WordPressのテーマ「Stinger5」ではタイトルと「本文の始まり位置(コンテンツ)」が少しづれています。背景色と記事本文の色を変えている場合は、揃っているように見えます。まとめ」のようにサイトの背景色も記事の背景色も同じ場合、ズレているように感じてしまいます。いうわけで、記事の幅を調整し左揃えにする方法を紹介します。4.1stinger5ver20141227状況説明まず、デフォルトの状態です。背景色と記事背景色が異なるため、違和感はありません。ところが、背景色と記事背景色が同じだと、ズレているように感じます。いうわけで、今回はタイトルと記事の始まり位置を左揃えにします。方法1.WordPressにログイン→「外観」→「テーマの編集」をクリックして「スタイルシート(style.css)を選択します。2.クラス「main」を修正します。5つある「main」の1番下です。3.paddingの値を次のように修正します。修正後4.ファイルを更新して作業完了です。結果は次のようになります。まとめStinger5で、背景色とコンテンツ背景色を同色にした場合、クラス「main」のpaddingを設定して、ヘッダーとコンテンツを揃える方法を紹介しました。このままでも問題ありませんが、やはり背景色を設定したくなった場合、次のようにmargin-leftを追記しpaddingの左値を設定すれば、違和感が少なくなります。背景色とコンテンツ背景色が同じでヘッダーとコンテンツを揃えたい人は、参考にしてみてください。リンク最新人気記事ベスト20まだデータがありません。viewsポケモンGO:GOバトルリーグ18日目の結果は10戦7勝。viewsポケモンGO:GOバトルリーグ22日目の結果は10戦6勝。viewsポケモンGO:GOバトルリーグ21日目の結果は10戦5勝。