カスタムCSSの使い方

• （CSS編集の一連の作業の流れ）
• （WordPress.com のカスタムCSS機能の特徴）

ＣＳＳ編集いろいろ

• リンク付きの画像にカーソルを乗せたときに画像をぼんやりと薄くするためのCSS／opacity
• カスタムデザインでいろんなものを削除する方法／display:none;
• カスタムデザインで文字に影をつける／text-shadow
• カスタムデザインでタイトルの背景画像を設定する／background-image
• カスタムデザインで位置を変更する／margin
• カスタムデザインで欄の高さを半強制的に変更する／height, !important
• カスタムデザインで幅を調整する／width
• タイトルの左側のバーはどうやって作っているか　／border
• メニューにアイコンを入れる方法／class

カスタムデザインのときに使うと便利なツール

リアルタイムでの CSS のチェック

私は Google Chrome の右クリック「要素を検証」をよく使っています。

• Firebug

その他

• ウェブサイトで使っている画像が瞬時にわかるブックマークレット

※「カスタムフォント」は日本語に対応しておりませんので、使い方の説明については割愛させて頂きます。