<a href="http://presentnote.com/grid-design-and-responsive-web-design/" title="CSSでのグリッドデザイン法とレスポンシブデザインへの対応方法" target="_blank" rel="nofollow noopener noreferrer">②への回答はこちら</a>]]>悠平さんに二つ質問がございます。もし時間がとれるようであれば教えていただけないでしょうか。
① 次のwordpressは3.6と聞いていますが、デフォルトテーマがそれにともないまた変わるそうです。このままtwentyelevenをつづけてもいいのでしょうか。それともwordpressのバージョンがあがれば、テーマもかえたほうがいいのでしょうか。
② コンテンツのフィードを、CSSだけでグリッドデザインする方法はあるのでしょうか、参考になるサイトがあれば教えていただけないでしょうか。わたしは以下のような記述をつかっていますが、レスポンシブには対応できません。
.content {
width: 730px;
margin: 0 auto;
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8 {
float: left;
display: inline;
margin: 4px 0 4px 17px;
padding: 10px 0;
}
.grid1 {width: 66px;}
.grid2 {width: 149px;}
.grid3 {width: 232px;}
.grid4 {width: 315px;}
.grid5 {width: 398px;}
.grid6 {width: 481px;}
.grid7 {width: 564px;}
.grid8 {width: 647px;}
.first {margin-left: 0; clear: left;}
.cf:before,
.cf:after {
content: “”;
display: table;
}
.cf:after {
clear: both;
}
.cf {
zoom: 1;
}
悠平さんはコピーライターがご専門なんですね。お仕事、がんばってください。
どうしてもお時間がとれないようであれば、この手紙はなかったことにしてください。よろしくお願いいたします。 ]]>
勝手な要望で申し訳ないのですが、Twenty Elevenのレスポンシブは、デフォルトのままだと、スマートフォンなどで表示した際に、上段のサイトタイトルと検索フォームが重なってしまいます。
重ならないようにする例などがあると助かります。 ]]>
ともあれ、公開のご連絡、誠にありがとうございます。
ワードプレスを学び始めて３か月、テーマ2011の構造も少しづつわかってきた矢先。今回の32項目ほどのｃｓｓを中心としたカスタマイズ記述のまとめ。自分の学習過程の節目としても大変有用なものになりそうです。
ざっと拝見しました。欲を言えば、ｃｓｓの記述に実際の表示変化の様子図が添えられていたら初心者にとっては完ぺきな資料となりましょう・・・これは自分のノルマとしなければなりませんね・・・重ね重ねお礼申し上げます。 ]]>