CSSテクニック 一覧

素人っぽさを見せないサイトデザイン5つのポイント

ノンデザイナー。ウェブデザインの知識やスキルがない人間でも、最近は簡単にウェブサイトやブログを作れるようになりました。デザインに関しても、品...

記事を読む

CSSでのグリッドデザイン法とレスポンシブデザインへの対応方法

ワードプレス(WordPress)について 2 つ、質問を頂きました。1 つ目の質問に関してはこちらの Twenty Thirteen に関...

記事を読む

ヘッダー・フッター・ナビメニューなどを横幅いっぱいに広げるCSSの書き方-Twenty Twelve篇-

よく他のウェブサイトをデザインの参考に見ていると、ヘッダーの背景やフッターの背景、またグローバルナビゲーションメニューなどが横いっぱいに広が...

記事を読む

WordPressでページごとに別のスタイル(外部CSS)を適用させる方法

「このページだけ、違うスタイルシートを適用したいな〜」と思ったことはありませんか? WordPress のテーマファイルには必ずスタイルシー...

記事を読む

【続】横幅いっぱいのヘッダーやフッターにするCSSテクニック

ヘッダーやフッターなどがブラウザの横幅いっぱいに広がっているウェブサイトをよく見ると思います。そういった表現を実現しようという趣旨です。スタ...

記事を読む

Twenty Elevenのナビゲーションの「次へ」と「→」がズレてしまう件

Twenty Eleven で個別記事のページを開いたときに、上の方に前の記事や次の記事へのナビゲーションが表示されるかと思いますが、これっ...

記事を読む

アイキャッチに個別記事へのパーマリンクを貼る方法

トップページの記事一覧。今まではアイキャッチを表示させているだけでしたが、アイキャッチにパーマリンクを埋め込もうと思い、設定してみました。さ...

記事を読む

メニューやヘッダー背景だけをブラウザの横幅いっぱいに広げる方法

これ、よく使う CSS テクニックなのでメモしておきます。サイトの横幅を超えて、ヘッダーやメニューをブラウザの画面一杯に広げる方法です。Wo...

記事を読む

WordPressテーマTwenty Elevenのヘッダーに関するCSSのまとめ

この記事では Twenty Eleven の CSS でよく使いそうな箇所をメモして行きたいと思います。Twenty Eleven のスタイ...

記事を読む