以下で指定を上書きすることになりますので、ここの指定が優先されます。未満の時に適用される指定になります。スマートフォンに対して適用されます。以下のときとを比較して説明します。584px、右に34%=340px・左に7.6%=76pxのマージンがあります。ボックスの長さは自動となり、右のマージンが34%から7.6%へと上書きされています。7.6%のマージンができるようになり、上述のようになります。このようにしてサイドバーの位置を変えるようにあらかじめ指定してあるのです。最後に画像もフレキシブルに。このように、画像に対して親要素の97.5%になるような指定がされています。ボックスはブラウザの幅に合わせて拡縮するので、画像もそれに沿って大きさが変わります。指定で縮めたりしないように言われたことがあるかもしれませんが、レスポンシブ・ウェブデザインではそういったことをあえてやっている、ということです。使ってレスポンシブにしてみましょう。既存のテーマを使ってサイトをつくるときには、子テーマの利用をお勧めしています。お話しした内容の抜粋版になります。親テーマの良いところはそのまま、変更したいところだけ変更できる、というのが子テーマのメリットです。本体も、テーマもプラグインも、更新というボタンを押すと、最新のファイルになりますよね。あれはとても便利ですが、本体・テーマ・プラグイン、いずれにおいてもそれに加えた改変もクリアされてしまいます。ところが、子テーマを作って子テーマをカスタマイズしておけば、親テーマに更新があっても、親テーマだけが最新のファイルとなり、子テーマはそのまま残すことができます。子テーマのつくり方です。超濃縮版でお届けします。親テーマと同じ階層に子テーマのディレクトリを作成します。なるファイルを作成します。かんたら親テーマ名」を記載します。このテーマを子テーマとして認識してくれます。スタイルを指定していきます。インポートしておいて、それを上書きする形で仕上げていくのが一般的。変更したい場合はどうするか。コピーしてきて、子テーマのディレクトリに配置しましょう。読み込まれるようになります。子テーマカスタマイズのコツ皆さんテーマ作成というと、スクラッチからテーマを作成したり、親テーマそのものを改変することが多いからか、子テーマでの作成をおすすめすると難しいとか勘所が分からない、という声をもらいます。そこで、ここからは僕が子テーマをカスタマイズする際に気をつけていることをお話しします。一つ目は親テーマと目指すべきデザインを見比べて、どう変更したら近づけられるかを考える、ということ。横幅を変えれば対応できそうだ、とかコメント数の背景を吹き出しの画像に変えれば...といったように、どのようにスタイルを書くか、という考えから、どのように変更するか(さらに言えば、どのようにすれば一番最小限の工数で実現できるか)という発想へと転換して、進めるようにすると良いと思います。2つ目はワイヤーフレームを書いて、狙い所を確認するということ。1からテーマを作る際にもワイヤーフレームを書くことが多いかと思いますが、親テーマが他人のつくったものであるなら、なおさらワイヤーフレームを書いたほうがよいと思います。関してはワイヤーフレームを書いて見ました。なく開発ツールを使ったほうがよいと思います。このように、要素を指定するとその要素に対するマージンがオレンジ、パディングがグリーンで表示されます。構造が把握しやすくなりますし、実際の値は右下のところでプロパティを確認することができます。テーマを扱う場合には次のことも気をつけておくとよいかもしれません。これはつまり、こういうことです。ついてはファイルが多すぎてよくわからない、どれが何の役割なのかわからない、という声もありました。ファイルを分類してみました。作るにあたって僕が変更したこと最後に、実際に僕が変更したことです。背景画像を指定したりロゴを書いたりといったことはしたのですが、レスポンシブ・デザインに関わる所としては、これだけです。そのまま引き継いだ場合。左のままでもなかなかですが、細かく見るとロゴが右端で切れてしまっていたり、検索フォームがメニューの文字にかかってしまっていたり。いうわけで、このように指定しました。