FC2ブログのヘッダーに画像を張り付ける方法を図解で詳しく解説

目安時間:約 5分

 

ブログアフィリエイトをやるうえでヘッダーに画像を張り付ける作業は分かりにくいですよね。

 

そこで今回はFC2ブログのヘッダーに画像を張り付ける方法を紹介します。

 

今回使用するテンプレートは「white_style」です。

 

画像のアップロード

自分がブログのヘッダーに利用したいと考えている画像のアップロードを行います。

まず、「ホーム」タブの「ファイルアップロード」に移動してください。

 

移動したら画像ファイルがある場所を開き、「ここにファイルをドロップできます」と書かれた場所めがけてファイルをドラック&ドロップで移動してください。

すると、このようなアップロード準備段階に入ります。アップロードは完了していないので、下へスクロール。

 

赤い四角で囲われた部分がありますね。くちゃくちゃ書いてありますが、気にせず「アップロード」と書かれたボタンをクリック。

 

 

するとこんな画面が出てくるので、ためらわず「OK」をクリック。

 

するとアップロードが開始するので、終わるまで待ちましょう。

赤枠で囲われている青と白のくるくるしている棒のようなやつがなくなったらアップロード完了です。

 

 

 

 

画像のURLをコピー

 

アップロードが完了したら赤い資格で囲われている部分を「Ctrl+C」のショートカットキーでコピーしてください。(赤い四角で囲まれた部分を一回クリックすると全選択になるので、そのままコピーするだけで大丈夫です。)

そして「設定」タブの「テンプレートの設定」をクリックして移動してください。

 

ヘッダーのURLの差し替え

「テンプレートの設定」ページに移動したら間違えた時用の為にとっておきたいテンプレート情報を保存します。赤い四角で囲んである「複製」という部分をクリックしてください。

「white_style1」という複製情報が作成されましたね。これで万が一間違っておかしくなってしまっても大丈夫です。

もしヘッダー画像URLを挿入する部分を間違えて画面が破綻してしまったり、誤って違う部分を消してしまったり不都合が生じたら複製した「white_style1」を適応しましょう。

 

 

では、ヘッダー画像の差し替えをしていきます。

「HTML編集」部分をスルーして下の方へスクロール移動します。

すると、「スタイルシート編集」の部分があると思うので、画像で赤い四角で囲われた部分を探してください。

 

見つけたら、「background-image: url」と書かれた部分の背後にカッコ&ダブルコーテーション囲まれた部分がありますね?(カッコはこれ→()。ダブルコーテーションはこれ→””。だからこの部分の事→(””)。)

 

そのダブルコーテーションの中の部分をすべて選択し、BackSpaceキーで消してください(ここはショートカットキーで切り取るとコピーしてしまうのでバックスペースで。)

そして、先ほどコピーした画像URLを張り付け作業に入ります。そのまま③「Ctrl+V」のショートカットキーで張り付けちゃってください。

 

すると先ほどコピーしておいた画像URLが張り付けられます。

 

④更新ボタンを押す前にプレビューと書かれたボタンを押してちゃんとできているか見てみてください。

 

先ほどはこういった感じの画像だったのが

こういう感じになると思います。(イラストについては触れない方向で。笑)

 

⑤これでよければ更新ボタンをクリック。

 

 

これでヘッダー画像の変更は完了です!お疲れ様でした。

この記事に関連する記事一覧

コメントフォーム

名前

メールアドレス

URL

コメント

管理人プロフィール

 

アフィリ猫:管理人

ブログアフィリエイトアドバイザー。
女子大生向けブログアフィリエイトの情報を発信する人(猫)。

管理人詳細プロフィール

 

ひきこちゃん

私立大学に入学してから学費を自分で払うためにアルバイトを探している女子大生。しかし、人と関わるのが苦手で在宅仕事をしたいと考ていたところ、ブログアフィリエイトに巡り合う。月5万円を稼ぐのが目標。

 

おすすめ商材

アンリミテッドアフィリエイト
 
●1商品で942万円稼ぎ出す仕組み「Unlimited Affiliate NEO(アンリミテッドアフィリエイトネオ)」
 
アフィリエイトで稼ぐ方法をまとめた超大作。
内容がみっちり詰まっているので大変ですが、これを実践すれば間違いはありません。

最近の投稿
カテゴリー
最近のコメント
メタ情報
アーカイブ

ページの先頭へ