手順3.実際に作っていくはてなブログでヘッダー画像を変更するヘッダーの下に空白ができるとき(スマホ)まとめヘッダー画像とはヘッダーとは英語のheadからきていて、記事とは別の一番頭の領域の事です。今の僕のブログで言えばこの部分ブログをほかのブログと差別化し、覚えてもらうためにはオリジナルのヘッダー画像が必要です。今回は入門としてフリー素材だけで作りました。ヘッダー画像の作り方こちらのサイトを参考にさせていただきました。ブログのヘッダー画像の作り方!簡単リサイズから文字入れまで独自性を打ち出す手順1.PhotoScapeをダウンロードするまずは先に画像編集ソフトをダウンロードしていきましょう。今回は「PhotoScape」を使います。こちらからダウンロードできます。http://www.photoscape.org/ps/main/index.php開いたら、無料ダウンロードをクリックして、赤井印で囲ってる方のボタンからダウンロードしてください。手順2.画像を用意フリー素材の画像を探しましょう。僕が使った図書館のやつはここから使いました。フリー写真素材・Pexels海外のサイトですが、おしゃれな画像が豊富にあり、英単語1つ入力するだけでたくさんの候補が出るのでお勧めです。美しいフリー写真素材(CC0)こういうサイトもいいと思います。手順3.実際に作っていく左の赤で囲ったとこから画像を探してクリックするか、右の赤で囲った空間に画像をドロップしてください。画像を用意したらサイズを調整します。僕は上のサイトを参考に横幅980px、縦幅250pxで調整しました。リサイズで横幅を「980」にします。「トリミング」で画像の位置を選択し、縦幅は250になるように調整します。したらトリミングボタンを押して画像をトリミングしましょう。それが終わったら次はブログ名を打っていきます。「オブジェクト」の「T」をクリックして、文字を打ってください。するとこんな感じにフォントはキルミーベイベーのロゴ風フォント「キルゴ」を使いました。GIGAZINEエフェクトを使用する場合は、下の画像のハートマークを押して、画像を挿入してください。すべて終わったら保存しましょう。はてなブログでヘッダー画像を変更するヘッダー画像ははてなブログ内の「デザイン」から「ヘッダー」→「画像をアップロード(参照)」を押し、画像を選んでください。※画像ではすでに選択済みですが、気にしないでください。あとは画像の位置を調整したら完成です。ヘッダーの下に空白ができるとき(スマホ)これであっという間にヘッダー画像が変更できるわけですが、スマホで見たときにヘッダー画像の下に空白ができているのを発見しました。した場合の解決策も書いておきます。このサイトを参考にしました。120px;}}120pxのところを90pxにすれば空白が消えました。まとめ案外簡単にヘッダー画像は変更できました。コメントをキャンセルメールアドレスが公開されることはありません。32ブログ内検索Sokabeボドゲと伝説対決が好きな大学生。全てのゲームそこそこ上手い人になりたい。収集もカスタマイズも好きなのでブログ「アツメタイズ」始めました。