Demo Blog

はてなブログオリジナルデザインテーマ「Minimal Green」のデモブログです。2カラム、レスポンシブデザイン対応。CSSのコードやブログカスタマイズなどについて。

このブログはMinimal Greenのデモブログです。カスタマイズはhttp://blog.minimal-green.com/entry/2016/07/25/220041へどうぞ。

グローバルメニューの設置と色変更


手引にも書いたのですが、こちらでも詳しく書きます。
f:id:syofuso_sub:20160727212404j:plain

  • 共通作業:タイトル下に貼り付けるHTML
    • 黒背景のグローバルメニューCSS
    • 白背景に黒文字のグローバルメニューCSS
    • メニューに表示するアイコンを変える
続きを読む

ヘッダー、タイトル画像の設定について



ヘッダー、タイトル画像の設定について説明します。他のデザインテーマのカスタマイズにも応用できます。

タイトル画像の設定(はてなブログのタイトル画像機能を使う場合)

はてなの管理画面>デザイン>カスタマイズ>ヘッダ>よりタイトル画像を設定する.

f:id:syofuso_sub:20160727135320j:plain


このように1000x200pxで表示されます。
f:id:syofuso_sub:20160727135902j:plain

  • タイトル画像の設定(はてなブログのタイトル画像機能を使う場合)
    • タイトル画像の上下の余白を取る
    • タイトル名の文字の色、並びを変更する
    • cssで直接指定する
  • ヘッダーの背景に横幅いっぱいに画像を設定する
  • タイトル画像のサイズについて
  • はてなグローバルヘッダの変更
続きを読む