ところで800widthでいいんぢゃないか

今日現在のスクリーンショットを撮ってみた。 まだレスポンシブのMediaクエリをほとんど書いていない。 元のテーマ「TwentySeventeen」がFlexboxで書かれいるかどうかも確認せず、シンプルなネストのFlexboxに改変したく、とっとと外箱を置換えて、さっさとアップロードして、まだこれから手を加えるところは山ほどある時点。・・・の、つもりだった。

<a name=”continue”> ブログによくある横column有りのデザインをし、スマホ対応で縦に積むケースを想定すると、Flexboxほど便利なものはない。

<body>
    
    
        
Singleページではここにポストやポストフッター、ページャーが入る。
デフォルトのwidgetをそのまま並べている。
サイト共通フッター(front-page以外)
</body>

構成はいたって単純で、9-16行の「blog-container」がFlexbox、中にある「main:content-box」と「nav:side-navigation」がワイドビューでは横に並び、モバイルビューでは縦に積まれる。・・・の、つもりだった。

Sassの変数には $vertical-stacking: 800px; $side-by-side: 200px; を用意してあって、横に並べる時には flex-basis: $vertical-stacking; を、Mediaクエリで flex-basis: $side-by-side; と使い分ければ良いと、ポンチ絵だけ2種類は描いて、まぁ・・・いわば素描のままテーマ・カスタマイズに入り、記事を書いてプレビューなど繰り返してると、サイドバー目に入らない方がいい・・・断然いい。

どうしよう、困ったな(笑)

横に並べる場合がないなら、Flexboxである必要がなかったし、左右を入れ替え自在にしないならFlexboxである必要が、あはははは。

なんというか、「先生ホワイトボードが見えませーん」と絶対に言われそうにないフォントサイズとか、楽だ。 しかも800widthといっても、左右余白20pxずつ入れてるんで実質760pxでの折り返し。

どうしよう、困ったな。 投稿タイプによって横並びと縦積みと使い分けるようにしよう。いずれそうしよう。 だからFlexboxは便利!と言いたいが為に。そうしよう。

WordPress Theme Siroi-Katachi

Designed SaKuRai