CSSテクニック
一覧
素人っぽさを見せないサイトデザイン5つのポイント
ノンデザイナー。ウェブデザインの知識やスキルがない人間でも、最近は簡単にウェブサイトやブログを作れるようになりました。デザインに関しても、品...
CSSでのグリッドデザイン法とレスポンシブデザインへの対応方法
ワードプレス(WordPress)について 2 つ、質問を頂きました。1 つ目の質問に関してはこちらの Twenty Thirteen に関...
ヘッダー・フッター・ナビメニューなどを横幅いっぱいに広げるCSSの書き方-Twenty Twelve篇-
よく他のウェブサイトをデザインの参考に見ていると、ヘッダーの背景やフッターの背景、またグローバルナビゲーションメニューなどが横いっぱいに広が...
WordPressでページごとに別のスタイル(外部CSS)を適用させる方法
「このページだけ、違うスタイルシートを適用したいな〜」と思ったことはありませんか? WordPress のテーマファイルには必ずスタイルシー...
【続】横幅いっぱいのヘッダーやフッターにするCSSテクニック
ヘッダーやフッターなどがブラウザの横幅いっぱいに広がっているウェブサイトをよく見ると思います。そういった表現を実現しようという趣旨です。スタ...
Twenty Elevenのナビゲーションの「次へ」と「→」がズレてしまう件
Twenty Eleven で個別記事のページを開いたときに、上の方に前の記事や次の記事へのナビゲーションが表示されるかと思いますが、これっ...
アイキャッチに個別記事へのパーマリンクを貼る方法
トップページの記事一覧。今まではアイキャッチを表示させているだけでしたが、アイキャッチにパーマリンクを埋め込もうと思い、設定してみました。さ...
メニューやヘッダー背景だけをブラウザの横幅いっぱいに広げる方法
これ、よく使う CSS テクニックなのでメモしておきます。サイトの横幅を超えて、ヘッダーやメニューをブラウザの画面一杯に広げる方法です。Wo...