Wedges.bin

はてなブログでWEBデザイン

Rouge

サイドバーにアイコン追加する方法

シンプルさを目指して、サイドバーに目が行くようなものを置かないデザインなのですが、サイドバーも見て欲しい!という方に。 もともとこのテーマでは「Font Awesome」を読み込んでいますので、以下のCSSを追加すると、サイドバーの各項目にアイコンを追加…

テーマ〈Rouge〉でのアクセントカラーの変更手順

このテーマのアクセントカラーは、「赤」ですが、簡単に変更可能です。 1. ダッシュボードから「デザイン」を選択 2. レンチアイコンの「カスタマイズ」を選択 3. 「デザインCSS」を選択 下記のCSSをコピーします。 #blog-title, .entry-see-more, .entry-co…

記事のタイトルは、【見え方も重要】と考えています。

テーマ製作日記 2 記事のタイトル(エントリータイトル)は、SEO的に非常に重要だといわれています。しかし、それは検索された時のことで、サーチエンジンから飛んできた後のことまでは言われていないように思います。私は、そこ(飛んできた後)も重要では…

iPadでのレスポンシブデザイン対応と、縦横対応ブレイクポイント

テーマ製作日記 1 昨今のブログのアクセス数には、タブレット(特にiPad)が増えていて、折角だから対応したかった。とくに、スマホよりも大画面なのだから、スマホと同じ表示というのはどうかと思っていましたし。 さらに、タブレットを縦にした時はスマホ…

はてなブログのテーマ〈Rouge〉

主な特徴 シンプル、そしてレスポンシブデザイン対応のテーマです。※レスポンシブは、デザイン > スマートホン > 詳細設定 で、チェックを入れないとレスポンシブになりません。印象的なヘッダーと、サイドバー領域を多く表示することの両立を目指しました。…