みんなのビジネスオンライン解説

みんビズWebサイトのヘッダー画像を変更する

• 詳細
• 最終更新日 2012年3月30日（金曜）09:49

みんなのビジネスオンラインで作成したWebサイトのヘッダー画像をオリジナルのものに変更する手順。

■ヘッダー画像は自由に変更できる

みんなのビジネスオンラインで作成したWebサイトは、あらかじめ用意されたテンプレートを元に編集していきますが、サイト全体のイメージに大きく影響する「ヘッダー」の部分の写真や画像も、自由に変更できます。（以前の解説記事で、変更できるがサイズ調整が大変、と書いた覚えがありますが、きちんと検証してみると随分簡単に調整できることが分かりました＾＾；。私がよく把握していなかったのか、それとも使い勝手が良くなったのか・・・＾＾；？）

■ヘッダー画像を変えると・・・？

サイト全体のイメージが大きく変わります。例えば私ども「岸本ビジネスサポート」のみんビズ版Webサイト、右図のようにヘッダーの写真が変わるだけで随分印象が違ってきますね。

 

 

■まずはッダー画像を選ぶ

ヘッダー画像を変更するためには、まずあらかじめ変更する写真やイラストなどの画像を用意しておきます。

この時、用意する写真やイラストの画像は、必ずしもヘッダー画像の大きさのように横長のピッタンコのサイズでなくても構いません。

例えば右の画像をヘッダー画像に選ぶと、右下のように、その画像のちょうど真ん中あたりの部分が細長く表示されることになります。（後ほど、この部分を上へ移動したり下へ移動することもできます）

 

 

 

 

■変更手順

編集モードにログインした状態で、ヘッダ画像のあたりにマウスのポインタを動かしていくと、右図のように「ヘッダーを編集」というメニューが現れます。（右図の説明図では、既に右上のサンプル写真にヘッダーを変更した後の画面で説明していますが、実際にはこの時点ではまだ、ヘッダー画像は変更前のものが表示されています。）

「ヘッダーを編集」をクリックします。

 

右図のように、メニューが現れますので、「オリジナル画像」という部分をクリックします。

 

「ファイルを選択」をクリックし、あらかじめ用意してある画像を選択します。

 

ファイルを選択し終えると、すぐにヘッダー画像が変わります。この状態で最初にご説明したように、写真のまんなか辺りがヘッダーとして表示されます。

表示する部分を上の方やあるいは下の方へずらしたい場合は、右図のように「ヘッダーの高さを変更」というメニューをクリックします。

 

「上下位置」という部分のスライドをマウスで左右にドラッグすると、写真の「上下」が動きます。右図は、上下のスライドを「右」へ動かしている様子です。ヘッダーの写真で表示されているのが、写真の下の方の部分になっているのが分かるでしょうか？

変更し終えたら画面下の「変更内容を保存」ボタンをクリックしておくのを忘れないようにしましょう。

 

■写真を撮る際に横長になることを意識して撮っておく

いかがでしょうか？

普通にデジカメでパシャリ！と取った写真を、ホームページの画面トップの「ヘッダー」部分に使えるというわけです。以前の説明では「ヘッダーに使う前に多少画像編集が必要」と申し上げたことがありましたが、撮影する際に、横幅を上手く合わせて撮影できれば、このように写真を一切編集しなくても、ある程度調整しながらヘッダーを決めていくことができます。

 

なお、ヘッダーの写真の部分に出てくる「タイトル」も、この「ヘッダーを編集」メニューの中で変更したり調整することができます。その方法については、別のページでご説明させて頂きます。→「みんビズサイトのタイトルを変更する」