レスポンシブWebデザインで3カラムと2カラムを切り替えるためのCSS
レスポンシブWebデザインで、Media Queriesを使って3カラムと2カラムを切り替えるためのCSSの設定について紹介します。 １．やりたいこと まず、次のような3カラムレイアウトがあるとします。一番左がメインコンテンツで、その右側にサイドバーが2列並んだものです。 あるいは、左右にサイドバーがあるオーソドックスな3カラムレイアウト。 これらの3カラムレイアウトをデバイス幅によって2カラムレイアウトになったときに、サイドバーを縦1列に並べるというものです。 また、メインコンテンツの高さが、サイドバー（上）の高さより低い場合でも、サイドバー（下）がメインコンテンツ側に回り込まないようにします。 さらに、各レイアウトは固定・リキッドのいずれも実現し、レイアウト全体はセンタリングさせます。 上記のレスポンシブWebデザインのサンプルを作るにあたってウェブを検索したのですが、同様のサンプルが
Twenty Eleven のシングル記事にサイドバーを1分で表示する2つの方法
こんばんわぷー。Twenty Eleven はいとをかしなテーマなわけですが、シングル記事や（ショーケーステンプレートを除く）ページにサイドバーがなく、ワンカラムになっている点が気に入らない、という方も多いようです。 先日の WordBench 川崎勉強会でも西川さんが悩んでいたのですが、その時にご紹介した方法にもう一つ追加してまとめてみました。 必要なことは以下の2つです。 single.php/page.php に get_sidebar(); を追加する CSS を調整して、サイドバーの表示される余地を作る …なのですが、Twenty Eleven テーマをそのまま書き換えると、テーマのバージョンアップの際に苦労は水の泡になります。あと、CSS の変更、結構めんどいです。なので、以下の簡単な方法をオススメします。 Twenty Eleven Theme Extension プラグイン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
