初心者でも迷わずヘッダー画像を変更できるFC2ブログのカスタマイズ法

にほんブログ村 小遣いブログ スーパーアフィリエイターへにほんブログ村 小遣いブログ 専業アフィリエイターへ

 

前にこちらの記事で訪問者はブログを読む読まないを3秒で判断する、と書きました。
その時の記事はこちら
素通りはさせない!訪問者が思わず立ち止まってしまう2つの仕掛けとは?

前回の記事はこちら
持っていたほうがいい!アフィリエイトに必要不可欠な2つのアイテム

 

訪問者がブログのどこを始めに見ているか?ですが

・ヘッダー画像

・プロフィール画像


の2つと説明しました。

今回はヘッダー画像の変更方法を解説します。

ヘッダー画像を変えるとブログ全体の持つイメージが変わりますが
それ以上に「初心者臭さ」が消えてなくなります。

やはり誰でも初心者からは教わりたくないですし
たとえすごく役に立つ素晴らしいことを言っていたとしても
「素人の言うことなんかアテになるか」と一発K.O.です。

ブログのヘッダー画像を変更するにはCSSと呼ばれる
プログラムの部分を修正します。

なんだか難しそう・・・。と思いますよね。
大丈夫です。
ちゃんと図解で順を追って説明しますから
一緒にやっていきましょう。

 

ステップ1.著作権フリーの写真をゲットする

僕が主に使っている著作権フリーの写真を
無料でダウンロードできるサイトを紹介します。

無料の写真 Pixabay

ヘッダー画像にしたい写真のイメージを
キーワードを打ち込んで検索します。

 

 

ステップ2.お好みの写真を選んでダウンロードする

検索結果で出てきた写真から気になったものやイメージに近い写真をクリックします。

 

すると画面が切り替わるので
画面の右側にある「無料ダウンロード」ボタンをクリックします。

ダウンロードする写真のサイズをチェックしたら
「ダウンロード」ボタンをクリックして下さい。

 

 

ステップ3.FC2ブログにアップロードする

FC2ブログにログインしてください。

管理画面の左側にある「ファイルアップロード」をクリック。

先ほどダウンロードした写真をドラッグ&ドロップで
「ここにファイルをドロップできます」と書いてある部分に持っていきます。

「アップロード」ボタンをクリックして下さい。

 

 

ステップ4.写真のURLをコピーする

ファイル一覧にアップロードした写真が追加されました。

その中にhttps://~~~と書いてるURLがありますのでコピーして下さい。
コピーする時はCtrl+C(CtrlボタンとCボタンを同時押し)でも右クリックでも
どちらもでOKです。

URLをコピーしたら画面左側の「テンプレートの設定」をクリックします。

 

 

ステップ6.CSSのヘッダー画像URLを変更する

テンプレートの設定画面の下のほうに
[あなたのテンプレート名]のスタイルシート編集
と書いてある部分がありますよね。

何か意味の分からない英数字+記号がダーッとかいてあります。
その中に「header」と書いてある箇所がありますので
そこを探します。

Ctrl+V(CtrlボタンとVボタンを同時押し)を押して
「ヘッダー」、もしくは「header」と検索してみましょう。

するとヘッダー画像のURLが書いてある部分が見つかると思います。
このURLを先ほどコピーしたURLに置き換えます。

プレビューでヘッダー画像が変わっていることを確認したら
「更新」ボタンを押して下さい。

これでヘッダー画像を変更することができます。

あなたがお使いのテンプレートによって
CSSのどこを変更すればいいのか?は変わってきますので
いろいろと触ってみて下さい。

万が一もとに戻らなくなった・・・(泣)となる前に
元に戻せるようにHTMLとCSSのコードは
メモ帳にでも保存しておくことを忘れないようにして下さい。

 

HTMLとCSSが「脱初心者」の最後の大ボスって知ってました?

今回はCSSという部分を触ったわけですが
どうだったでしょうか?

今回はヘッダー画像だけを変更しましたが
htmlとCSSを変更することで
いくらでも外観をあなたの好きなように変更することができます。

このようにブログの外観を整えるには
HTMLとCSSを変更したり修正したりしないといけません。

実は、この部分こそが「脱初心者」の最後の大きな壁でもあります。

HTMLやCSSって覚えるまでが本当に大変です。
でも、売れるブログにするためにはブログの外観をキレイにするってのは
絶対に必要なスキルでもあります。

現実で考えて、どんなに素晴らしい商品を置いてるお店でも
見た目がいかにも倒壊しそうなガッタガタでボロッボロのお店なんて
危ないし怖いし怪しすぎて絶対に入ろうとは思いませんよね。

少なくとも僕は入りません。

そんなお店の前に店員が大声で
「素晴らしい商品を置いてますから是非寄ってみて下さい」
なんて呼び込みしてても、怖すぎて店の前をダッシュで走り去ります。

これはネット上でも同じです。
つまり、ブログの見た目=信頼感・安心感、を表すわけす。

だからHTMLとCSSのカスタマイズは必須というわけです。

といっても別にプログラマーを目指すわけではないので
そこまでガチガチに知識を持つ必要はありません。

あくまでも、あなたがブログ内のここの部分をこうしたいなぁ~と思った時に
調べて試してみる、くらいの程度で全然OKです。

 

ブログのカスタマイズに100時間使っても売上は増えない

HTMLやCSSの編集を覚えると、ブログの外観を好きなようにいじれるので
あれもしたい、これもしたい、ここをこんなイメージで整えたい
などなど、ついついこだわってしまいがちです。

でも、1つ覚えていて欲しいのが

いくら外観をキレイにしても売上は増えない

です。

あれこれいじりたくなる気持ちはものすご~く分かります。
僕も同じようにハマってやっていた時期がありましたから。

で、その結果どうなったのか?

丸1ヵ月かけてイメージ通りに仕上げたブログからの売上は
「0円」でした。

だって1記事も書いていませんでしたから。(汗)

まぁ当たり前ですよね・・・。
記事も書いて無ければ商品リンクも貼ってないんじゃ
どうやっても売上を上げることなんてできません。

でも、ものすごくやり切った感はあるんですよ。
1ヵ月ものあいだ、毎日毎日ブログをカスタマイズしていたんですから。

HTMLやCSSのコードを分からないなりに調べて試して修正して、と。

でも、売上は「0円」なんです。
あれだけの作業をしたのに「0円」なんです。

そこでみんな、こう思うわけです。

アフィリエイトって稼げねぇ

そうやって勝手に挫折して辞めていくってパターン。
ホントに多いです。

だからブログのカスタマイズなんて最低限でいいんです。

そんなことより記事を書くことに時間と頭を使いましょう。
1記事も書いてない、商品リンクも1個も無い
なんて状態で稼ぐことは絶対に不可能です。

でも、記事を1つ書いて、そこに商品リンクを貼れば
売上が上がる可能性は少なくとも0(ゼロ)にはなりません。

今はまだ練習の段階なので、カスタマイズは最低限でOK!と覚えていて下さい。

ただ、ど~しても気になって仕方がない、と思うなら
出来れば書籍とかで体系的に学べるものを探して下さい。

やっぱりネットってきちんとまとめられてる情報って少ないんですよね。

しっかり調べてちゃんと知識を得たいなら
順を追って学べる本が一番コスパはいいです。

デザインの学校 これからはじめる HTML & CSSの本[Windows 10 & macOS対応版]【電子書籍】[ 千貫りこ(著) ]

いちばんよくわかるHTML5&CSS3デザインきちんと入門【電子書籍】[ 狩野 祐東 ]

いちばんやさしいWordPressの教本 人気講師が教える本格Webサイトの作り方【電子書籍】[ 大串 肇 ]

こんな本もあるので時間のある時にでも近くの本屋さんや図書館で
良さそうなものを見つけてみて下さい。

 

 

さて、ここまでよくついて来てくれました。

メールアドレスを作ったり
ブログを作ったり
ASPに登録したり

何かと面倒な作業が多かったですよね。

気軽に始めた人は登録とかの面倒な作業をクリアできずに
挫折してさっさと辞めてしまいます。

ということは、今ここまで作業を進めることができたあなたは
すでに多くのライバルを蹴散らしたと言ってもいいくらいです。

何も分からず不安になりながら作業を進めていた始めのころとは違って
少しずつ楽しくなってくるのもこの時期です。

この調子でガンガン前に進んで行きましょう。

次回はアフィリエイターとしてスタートダッシュを決めるために
絶対に必要なこと、知っておかないといけないことを話します。

次の記事はこちら
3ヵ月後に圧倒的な差を生む「プロ意識」を今すぐ持つたった1つの方法

 

にほんブログ村 小遣いブログ スーパーアフィリエイターへにほんブログ村 小遣いブログ 専業アフィリエイターへ