このページの内容に関連のある記事を左のサイドバーに一覧表示してあります。
みんなのビジネスオンライン解説
みんビズWebサイト ヘッダーを編集する
- 詳細
- 最終更新日 2012年5月17日（木曜）15:40
みんなのビジネスオンラインで作成したホームページの編集解説。ひと通り会社名やトップページの文章などを入力して一段落したあとは、ヘッダーを編集して見栄えを整えてみましょう。
■ヘッダー？
まず注意書き。ホームページ作成やソースコードの編集をした経験のある方は、ホームページの「ヘッダーを編集」というと、ソースコードの<head>～</head＞タグの部分を編集するとご理解されるかもしれませんが、みんビズのサイト編集でいうところの「ヘッダー編集」というのは、このことではありませんのでご注意を。
みんビズのサイト編集でのヘッダーを編集するというのは、右図のような、サイトの画面上部にある画像やタイトルを編集する事を言います。
■ヘッダー編集でできること
みんビズのホームページをゼロから作り始めたばかりの頃は、とりあえず選んだテンプレートのまま、文章やタイトルを変更していくのを優先されることが多いと思います。けれども、作業が一段落してよく見てみると、ヘッダーの部分に表示されている写真やイラストが、微妙にご自分の会社やお店のイメージと合っていなかったり、あるいは写真の隅の方に「Sample」と表記があったりして、このままでは少々具合が良くありません。
また、ヘッダー部分に表示されているお店の名前や会社名も、初めは「Jimdo◯◯」とかそういう言葉になっていて、これはマズいですね。
そこで、ヘッダー編集をしようというわけです。ヘッダーの編集で出来るのは
- タイトルの文字（言葉）を変更できる
- ヘッダーに使われている画像を変更できる（サイズ調整もある程度出来る）
- 必要に応じてロゴも付け加えられる
このページでは、上記のうち「タイトル文字の変更」と「ヘッダー画像の変更」を解説していきます。
■作業手順
編集モードへログインします
まずは、ご自分のみんビズサイトへアクセスし、編集モードへログインします。ログインの仕方は「みんビズWebサイトにタイトルを付ける」のページに記載してあります。（右下のログインをクリックしてパスワードを入力）
ヘッダー部分にマウスを合わせて「編集」メニューを表示します
ヘッダー画像の部分へマウスカーソルを合わせると、「ヘッダーを編集」というメニューが表示されますので、これをクリックします。
ヘッダー編集メニューは右図のようになっています。この編集画面の上部の部分から、編集したい内容を選んで作業を進めていきます。
フォトギャラリーからヘッダー画像を変更
メニューの一番左「フォトギャラリー」をクリックすると、ヘッダー部分の横長の画像のサンプルが出てきます。お好みの写真をクリックすれば、ヘッダー画像を変更することができます。
オリジナル画像から変更
左から2番目のメニュー「オリジナル画像」を選ぶと、ご自分のパソコン内に収められたお好みの画像を、ヘッダー画像として使うことができます。
「ファイルを選択」というボタンをクリックして、ご自分のパソコン内の目的のファイルを選べば、その画像がヘッダーに反映されます。ちなみに、DropBoxを使っている方なら、ネット上のDropBoxのご自分のデータから選択することも出来ます。
ただし、ヘッダー画像は通常、横長の画像なので、普通の写真を使おうとすると、縦横のサイズが合わなくなってしまいます。そんな時は「ヘッダーの高さを変更」メニューである程度は対応できます。
ヘッダーの高さを変更
ヘッダーの高さを変更というメニューでは、指定したヘッダー画像に合わせて高さを変更することができます。タテヨコの比率が、もともとのヘッダーの画像と異なる写真データを使おうとしてうまく表示されない時にこのメニューを使います。
タイトル文字（言葉）を変更
「タイトル」というメニューを選ぶと、ヘッダー画像の上に表示されているタイトル文字を変更することができます。また、タテ・ヨコのカーソルを動かすことで、画像上の文字の位置を微妙に調整することも出来ます。（フォントサイズや文字の色を変更することも可能です）
■ヘッダー写真でサイト全体の印象が大きく変わる！
実際にやってみていただくと実感できると思いますが、ヘッダー画像を変更すると、ホームページ全体の印象が随分変ります。より魅力的なホームページにするためにも、ぜひご自分のお店・会社のイメージに合ったヘッダー画像を入れてみてください。
■画像を編集したい・・・？
そうなってくると、画像のサイズや色合いも含めて、オリジナルの写真や画像を編集したい、という必要が生じてくる場合もあると思います。
そんな時どうするの・・・？
本格的に画像イメージを作りこみたいのなら、専門の方にお任せするとか、専門のソフトを使って高度な画像編集をすると良いと思いますが、みんビズでホームページ作っている以上、やはり「何とか自分で、なるべくお金をかけずに」やりたいものですよね。
そんな方のために、無料で手に入るフリーの画像編集ソフトのご紹介を掲載しておきました。コチラをご参考にして下さい。
→画像編集したい「PhotScape」（GIFアニメを作りたい）
このページの内容に関連のある記事を左のサイドバーに一覧表示してあります。