プロにも負けないヘッダーを作る方法

プロにも負けないヘッダーを作る方法

 

ブログやホームページを作るときに
まず、考えなきゃいけないのが、ヘッダー画像ですよね。

 

自分で持ったブログやホームページって
言ってみれば、自分のお店です。
ヘッダー画像は、そのお店の看板に当たります。

 

やっぱり、どこのお店でも "顔" となる看板は、お客さんの目を惹きつけたいと
インパクトのある文字や柄、背景など趣向を凝らして作っています。

 

ブログやホームページも同じです。

 

ヘッダーがインパクトのある画像だと、ネットを検索している人が
スルーしないで立ち止まってくれます。

 

そして、そのヘッダーに書かれているタイトルと説明文を読んで、
お店の中に入ってきてくれるわけですよね。

 

 

あなたが持っているブログやホームページのヘッダー画像はどうでしょう。

 

 

オリジナリティーを持ってますか?
これならきっと人の目を引く!と自信ありますか?
もしかして、
サイト作成ツールに準備されているヘッダー画像をそのまま使っていますか?

 

 

サイト作成ツールに準備されているヘッダー画像は、
いろいろなジャンルに対応できるように多種多様なデザインがあります。

 

きっと、あなたが作るブログやホームページのテーマに合ったヘッダー画像があるでしょう。

 

でも、あなたが選んだヘッダー画像は、他の誰かが使っているかもしれませんよね。
同じサイト作成ツールを使っている人がいたら、その可能性大ですよね。

 

ネットサーフィンしているときに、
自分と同じヘッダー画像を使っているサイトを見つけた時、どう感じますか?
タイトルや説明文は当然違うでしょうけど、私だったらちょっと引いてしまうかもしれないです。

 

 

「ああ、このサイトもこのヘッダー画像を使っている。 シリウス持っている人だなあ〜」

 

実際に、いくつかのサイトで同じヘッダー画像を使っているものを見たことあります。

 

 

やっぱり、お店の看板は、自分オリジナル世界でただ1つの看板にしたいですよね。

 

 

その方法をお伝えしたいと思います。

 

 

今回、サンプルとするヘッダー画像は、
私のプロフィールでもご紹介しました こちらのサイトです。

 

 

このヘッダー作成には、マイクロソフトの Excel が必要となります。

 

Excel は、表計算や情報管理に優れたツールですが、
貼り付けた画像を重ねたり、回転させたり、もちろん、画像の上に文字を書いたりすることが
できるので、オリジナル・ヘッダーを作るにはとても重宝なツールです。

 

もし、パソコンに入っていないのであれば、ぜひ、購入してインストールしていただきたい
と思います。

 

 

まず、ヘッダーの下地になる画像ですが、
これは、シリウスなどサイト作成ツールに準備されている
" モノの写真が入っていない " 無地に近いような画像を選ぶと良いと思います。
柄が入っているものもありますが、写真とか入っていなければ良いでしょう。

 

もし、下地になる画像も自分で用意される場合は、
ヘッダーとするタテ・ヨコのサイズを決めなければいけませんね。

 

そのヘッダーのサイズは、900 x 200 ピクセル と思ってください。

 

Excel のシート上で、どこか既存サイトのヘッダーを貼り付けて、同じ寸法にして作ってもかまいませんが、

 

1つ、画像のサイズを自由に決めることのできるアプリをご紹介しますね。

 

 

『 メモルちゃんの画像やさん 』 というアプリです。

 

 

メモルちゃん・・・・・昔、少女マンガでありましたね。

 

あっ、あれは メルモちゃん でしたね、失礼!(笑)  (わかる人、どのくらいいるかな?)

 

そのメルモちゃんの・・・じゃなかったぁ
メモルちゃんの画像やさんをインストールして起動すると

 

こちら のような画面が出ます。

 

 

 

「ファイル」から保存している画像を選ぶと
黒い画面のエリアに、その画像が表示されます。

 

そして赤枠の箇所で、タテとヨコのサイズを指定します。
"W " はヨコ、 "H" がタテの長さです。

 

「描画」のボタンを押すと、その画像のサイズが変わります。

 

RESET ボタンで元のサイズに戻ります。

 

ヨコの長さは、900 にしてくださいね。 
長すぎると、サーバーにアップしたとき、すべて表示されませんし、
短いと、端に白い余白ができてしまいます。

 

タテの長さは、200 以上にしても大丈夫ですよ。
といっても、あまり長すぎると、訪問者がサイトを見た時、スクロールしないと本文の頭が見えない・・・
なんてことになりますから、適度な長さが良いと思います。

 

このアプリの導入は、
検索窓から 「メモルちゃんの画像やさん」 と入れてみてくださいね。

 

もちろん、無料アプリです。

 

 

 

さあ、ヘッダー画像の下地ができました。

 

次は、オリジナルの写真でも載せてみましょうか。

 

サイト作成ツールのサンプルから選んだ画像でも、オリジナル画像でも
準備した画像をExcel シートの上に置いてください。

 

 

そのヘッダー画像の上に、写真や絵、イラストなど好きなように置くことができます。

 

私のスカイツリー・グッズサイトでは、6枚の写真を使っていますが、
ただ、6枚、規則正しく置くでは面白くないな、と思って、
角を重ねたり、斜めにしたり、ちょっとした見栄えを考えました。

 

 

そして、一番大切なのが、タイトルの文字ですよね。

 

タイトルの文言にインパクトを待たせることが一番重要ですが、

 

文字(フォント)のデザインも視覚に訴えるようなモノにすると効果的でしょう。

 

 

Excel の ワードアート という機能をご存知でしょうか?

 

 

Excel 2003 では、こちら のように、画面最下部のツールバーにある
赤脇で囲ったアイコンをクリックすると

 

いろいろなスタイルのフォントが表示され、

 

好きなフォント・スタイルを選ぶと文字の入力枠が出てきます。

 

 

 

 

 

Excel 2013 ですと、こちら です。

 

挿入タブテキストのなかにありますが、

 

ネジ曲がったようなスタイルの文字とかはなくなってしまったようですね。

 

 

 

 

 

また、シリウスでは、ヘッダー画像を作る際に、入力する文字のデフォルトが

 

白い縁取りの文字となっているので、見た目がすごく目立ちますから

 

私はよく利用しています。

 

 

このブログのタイトルにも使用しています。

 

 

 

まだまだオリジナリティーにとんだ画像、文字の見せ方は

 

もっともっとあると思いますが、

 

私ももっと勉強してまた新たな見せ方、手法を身につけたら

 

皆さんにご紹介していきますね。

 

 

ここに挙げたヘッダー画像の作成方法が

 

少しでもお役に立てたなら幸いです。

 



*-----------------------------------------------------------------------------------*

   最後までお読みいただき、ありがとうございます。
   記事が少しでも参考になれば幸いです。

                  ブログランキング・にほんブログ村へ    

関連ページ

ツールは機能面より使いやすさが大事
サイト作成ツール『シリウス』は、アップロード機能まで兼ね備えているのが、ひとつの特徴。記事作成後、FTPアプリを単独で立ち上げなくてもその場でアップロード画面につながるので快適に記事更新ができます。サイト作成に限らず、どんな分野に使われるモノでもツールは、機能面より使いやすさが大事。シリウスは使いやすさが売りです。アップロード以外でも・・・
シリウスからサイトを消してしまった時の対処法
シリウスから大切なサイトデータを消してしまった! 長年に渡って作り上げてきたサイトデータが一瞬にしてなくなってしまったら凹みますよね。また一から作り直さないといけない?いやいや、そんなことしたくないですよね?することないです!慌てない、慌てない。こうしましょう!
シリウスの質問を口頭で受けました
先日、シリウスに関して質問を受けました。受けたと言ってもメールではなく、口頭でなんです。なんと久しぶりに会った同じ会社の同僚から。最近ブログを始めたと・・・。
シリウスの予約投稿で忘れてはいけないこと
シリウスを使っているあなたは、予約投稿機能を利用しているでしょうか。外出している時間帯に投稿したいなんていう時には、便利な機能ですよね。しかし、この「予約投稿機能をつかうとき、注意しなければいけないことがあります。それは記事に画像を載せているときなんです。 えっ、何故?
シリウスメニューからエントリー? いや、リンク張り
シリウスでサイドメニューからエントリーを作成して記事を書くとき、意外に使われていない手があるのですが、ご存知ですか?それは、エントリーの位置づけでリンクを張るということです。メニューから記事のタイトルをクリックすると記事の画面が出るではなく、リンクに飛ぶというちょっとした離れワザですが、その仕掛けはこうやります・・・。
シリウス トップメニュー追加時の注意点
あなたのブログ、ホームページに設置しているトップメニュー(グローバルメニュー)に新たなメニューを追加したいという場合、シリウスでは簡単に追加できますが、アップロードしたら、あれ?トップメニューが2段になってしまったぁ・・・・何で? 実は・・・
メイリオというフォント 頑固一徹
シリウスからヘッダーを作っているとき、手入力したタイトルや説明文を斜めにしたいけど、できない〜、 傾いてくれない〜 そう思ったことないですか? その理由は・・・今、あなたがヘッダー入力しているフォントは何になってますか? 実は・・・
SIRIUSアップロード・エラー  - ロリポップパスワードの更新 -
シリウスから記事をアップロードしたとき、エラーメッセージが出てアップ出来ませんでした。理由はロリポップサーバーサイト側でFTPパスワードを更新したから。それに合わせてシリウス側でのFTP関連の設定画面でも更新したパスワードに変更しました。しかし、ダメ!まだアップロードできない!なぜだ!? あぁ、そうかぁ、なるほど・・・
ヘッダー画像をオリジナルに変更するときの注意点
シリウスを使ってのサイト作り。今までヘッダー画像は、シリウスに用意されている画像を使ってきたが 明日からはオリジナルのヘッダー画像に変えたい、というとき。シリウスからオリジナル画像に呼び出してサイトタイトル、説明文を入れようとしたが、「あれ!?」 新画像が出ない! そのときはこうしましょう。
シリウス斜体文字にでるアンダーラインを消したい
シリウスで記事を作成しているとき、入力した文字を 斜めに傾けたい ときってありますよね。しかし、プレビューでみると文字は斜めになっても下線がついてしまうんです。何でだろう?でも、こうすれば下線を消すことができます。こちらから確認を!
シリウスから音声ファイルをアップさせるには
ブログに音声ファイルをアップさせました。ブログの作成・更新をシリウスを使って行なっている方へ。音声ファイルをアップしたことありますか? どうやってアップさせればいいのか、シリウスのマニュアルには載っていないんです。ご紹介しましょう。こうすれば出来ますよ。
蛍光ペン 黄色以外も使いたい
ブログで書いた記事の中で強調させたい文章があるとき、蛍光ペンを使うときってありますよね。でも予めシステムにセットされている蛍光色は黄色です。黄色以外の蛍光ペンを使いたいと思ったことありませんか?
ファビコンをシリウスにセットする方法
シリウスは初心者でもサクサク・・・ホント驚くほどカンタンに綺麗なサイトを作ることができるサイト作成の神ツールです。そのシリウスからサイトのシンボルであるファビコンを設置する方法をご紹介します。
オリジナル画像をシリウスにセットする方法
ホームページやブログの記事を読んでいるとき、ただ、文章だけだとなんか読んでても面白くないですよね。画像が入っていると記事全体が映えますし、読者の方にも楽しんでもらえると思います。自分オリジナルの画像をブログに載せたい方、こちらを。
ホームページの裏を知りたい
自分のホームページを持ちたい持ちたいと思ってましたが、教えてくれる人は周りに誰もいないし・・・ できれば、専門学校に行きたいと思いましたよ、マジで。ホント身につけたいと思った。そしたら、こんなサイトをたまたま見つけることができたんですよ。
シリウスとの出会い
自分のホームページを持ってみたい。むか〜しから思っていましたけど、どうやれば出来るんだろう・・・ 当時は、ホームページを作るツールと言ったら、ホームページ・ビルダーしか知りませんでした。今はワードプレスもありますが、シリウスも便利ですよ。今すぐ詳細をこちらから。

 
トップページ プロフィール 目次 オススメ 商品 メルマガ SNS お問い合わせ