ライブドアブログを始めてパソコン版のヘッダーの設定方法を以前に説明しました。そこで今回はスマホ版でブログを見た時のヘッダー画像を製作して設定方法を説明します。ブログの訪問者はパソコンとスマホを比べると自分の場合３対７くらいの割合であきらかにスマホで見に来る人が多いのがわかり、見やすさなどを考えるとブログの顔となるヘッダー画像は非常に目につきやすいと思います。スマホで自分のブログを見るとわかるように、デフォルトでは文字だけですごい味気ないブログに感じてしまいアピールポイントの一つとなるような画像を製作して目立たせるのが大事に感じます。
ブログタイトルと画像が合っていればかなり重要なポイントになると思うのでやって損はないと思います。使用する画像は自分で撮った写真を使用してフリーソフトで画像内に文字を入れて製作します。自分は初心者ですが簡単にできるので説明通りにやれば誰でもできます！
スマホ版のヘッダー画像を製作
画像サイズは横幅５００高さ２５０
・まず画像を用意します。スマホ版でブログを見るとわかるように、ブログタイトルの所は横長です。これは自分のブログの場合のサイズなので各自で画像のサイズは調整してみてください。ポイントとして小さい画像だと文字入れする際にやりにくいのでこれくらいの大きさが製作しやすいと思います。
・使用するフリーソフトは
「写真画像加工編集サイト」
BANNER KOUBOUさん
※おそらく「画像 文字入れ」で検索するとトップに出てきます。このフリーソフト、文字入れだけではなく色んな画像の加工ができるのでかなりおすすめです。製作画面は簡単なので省きますが、文字の影と文字枠をつけると見やすくていいと思います。
①使用したい画像を選び「画像を加工する」をクリック
②文字入れしたいキーワードを入力
③大きさ・書体・文字色・影・文字枠を決めて
「文字設定を変更」クリックで画像に文字が出るので、マウスのカーソルを合わせて好きな位置に持ってきます。
④場所と文字が決まったら
「現在の文字の場所を確定」で完了です。
⑤画像の上に「ダウンロード」をクリック
文字の色や大きさ影と枠をつけて製作したのがこちら
ヘッダー画像をライブドアブログに設定方法
・画像製作が完了したら、あとはライブドアブログの設定をするだけです
「ブログ設定」→「スマートフォン」→「レイアウト」
「ブログタイトルの設定」クリック
テキストではなく「画像」にチェック
製作した画像の保存場所を選び「アップロード」
高さ調整をしたい場合は入力します。保存するで完了
※これを４箇所同じ設定して保存してください
「トップページ」
「アーカイブ」
「個別記事ページ」
「画像ページ」
・バリエーションを変えて、少し手間ですが個別記事ページでは他のヘッダー画像を別に製作するのもいいかもしれません。
・最後にどういう感じかスマホ画面の「表示を確認する」を押すとスマホで見た状態が出るので、必ず確認してみてください。自分の場合は、画像の大きさ５００×２５０で高さは何も記入しない状態でちょうどよいです。背景画像なども変更できますが、それと同時に文字の色なども変えないと余計見にくくなるデザインになることがあるのでその辺はデフォルトのままがいいと思います。
※もし画像の大きさがあまりにも大きすぎる場合、windowsのパソコンなら標準ソフトで内臓されている「ペイント」で画像の大きさなど簡単に変えれますので変更してから画像製作してみてください。
・確実にスマホ需要が増えているので、ブログのパソコン版のカスタムもいいですがスマホ版のカスタムを重点的にやったほうが訪問者にアピールするのにいいと思います。
コメント