はてなブログ用 ヘッダー画像作成

初めに　　　　

ヘッダー画像のサイズは　【縦200×横1000】　ピクセル　が推奨されています。

今回はPhotoshopＣＳ４を使用します。

ネットでのPIXLR EDITORでもいいのですが、オフラインでの作業を目的に作ります。

タイトルに結構困る方、好きな日本語を翻訳してみてはいかがでしょうか？

トップページのロゴは適当に作ってみました。

Photoshopのいいところは、改行の幅を自由に変えれて

フォントをセンター寄りにすれば、なに書いてもそれなりに見えるところですね。

デザインを良くするポイントなのは、英語のタイトルにする場合代表的な【TimesNew Roman】にする事です

あとは、フォント色をごちゃごちゃさせず、少し薄くした黒【#292929】

なんていかがでしょうか。

スタイリッシュ好みな方はそんな感じで作ってみてください。

画像ができたら、あとはデザイン設定です。

ＰＣ画面とスマホ画面のずれをなくするためにこのＣＳＳコードを入れておきましょう。

ダッシュボードの

デザイン＞カスタマイズ＞ヘッダを選択

画像をアップロードしてから

ーーーーーーーーーーーーーーーーーーー

/* ヘッダー対策 */
@media (max-width:480px) {
.header-image-only #blog-title {
height: 100px;
}
.header-image-only #blog-title #blog-title-inner {
background-size: cover;
height: 100px;
}
}

ーーーーーーーーーーーーーーーーーーー

以上です。

ありがとうございました。

良いブログ生活を。