タイトル背景に自分の好きな画像を設定する方法

f:id:utataneclub:20190905020228p:plain

設定手順

画像URLを取得する

  1. ご自身のはてなブログ「新規記事の作成画面」を開きます
  2. 記事にお好きな画像をアップロードします
    • Macだとスクショやコピペでもアップロードできます
  3. 一度記事を公開し、その記事を開きます
  4. アップロードした画像を右クリックします。
  5. ご使用のシステムに応じて、次のいずれかをクリックして画像のURLをコピーします。
    • Chrome: [画像 URL をコピー]
    • Safari: [イメージのアドレスをコピー]
    • Internet Explorer: [プロパティ] をクリックして、表示されるアドレス(URL)をコピー
    • Firefox: [画像の URL をコピー]

デザイン設定を変更する

  1. CSSにペーストします
    • 「デザイン設定」で追記したCSS【画像URLを貼る】と書かれているので変更してください。
#blog-title {
    background-image: url(【画像URLを貼る】);
}

FAQ

どんな画像を設定しても馴染むよう、ベージュのベールを写真の上にかけています。