真奈美(Shikama.net)2012年7月25日更新ツイート閲覧数15,773viewsこのコラムをPDF形式でダウンロードするみんビズの初期テンプレートを使って簡単に、そして「ちょっと見栄えよく」自社のホームページをスタートさせるには?みんビズの登録からヘッダー・背景画像の編集まで、知ってて損はないベーシックな編集のコツを解説します。第2回目は「ヘッダー画像やタイトルを変更してみよう」です。作業を始める前に、各名称を覚えておきましょう。ヘッダー画像の変更は、あらかじめJimdo側で用意してある画像を使用する方法と、オリジナルの画像をアップロードして使用する方法があります。ここでは、両方の解説をします。用意された画像を使用するログインしたら、ヘッダー部分にマウスカーソルを合わせます。「ヘッダーを編集」ボタンが表示されますので、クリックします。登録されているヘッダー用画像の一覧(フォトギャラリー)が表示されますので、好みの画像を選んでクリックします。「閉じる」をクリックすると完了します。オリジナルの画像をアップロードするログインしたら、ヘッダー部分にマウスカーソルを合わせます。「ヘッダーを編集」ボタンが表示されますので、クリックします。「オリジナル画像」のタブをクリック。「ファイルを選択」でアップロードしたい画像を選択。ヒント:ヘッダーに設定する画像サイズは「オリジナル画像」設定画面の右側で確認することができます。みんビズにアップロードした際、自動的に拡大・縮小されますが、「現在の設定」にあらかじめ横幅を合わせた写真(もしくは少し大きめ)を用意しておくと、画像の劣化が少なくなります。アップロードできるファイルの形式は、gif,jpg,png,bmpです。「現在の設定」で幅や高さを確認できます。もとの大きさが異なる2枚の画像をアップロードし、比較しました。ヘッダー画像の高さや位置などを調整する「ヘッダー画像の高さを変更」タブをクリックすると、編集する画面が表示されます。各機能の説明は下図の通りです。ヘッダーの高さヘッダー画像の高さを調整します。設定した画像をズーム(拡大)することができます。画像を移動ヘッダー画像の左右・上下の位置を調整します。スライダーを動かして調整したら、「変更内容を保存」ボタンをクリックして完了です。タイトル文字を設定する「タイトル」タブをクリックすると、タイトル文字を設定できる画面が表示されます。各機能の説明は下図の通りです。フォントサイズ文字の大きさを調整します。タイトル文字入力エリアタイトルの文字を変更することができます。位置タイトルの位置を上下、左右のスライダーで調整します。文字の色を変更することができます。フォントサイズ」を「0px」にしておきます。オリジナルのロゴ画像をアップロードする「ロゴ」のタブをクリックします。「ファイルを選択」でロゴ画像をアップロードします。ヒント:アップロードできるファイルの形式は、gif,jpg,png,bmpです。サイズや位置を調整します。ロゴサイズロゴの大きさを調整します。ロゴ位置ロゴの位置を上下、左右のスライダーで調整します。フレームロゴの周りに罫線を設定する場合の「幅(罫線の太さ)」と「余白」を調整します。カラーピッカーで設定したフレームの色を調整することができます。(ロゴの色ではありません)ヒント:削除する場合は「ロゴを削除」ボタンをクリックします。ヘッダーの編集が完了しました。サンプルサイトでは、下記のように設定しました。FFFFFF(白)次回、第3回「背景や文字の設定をしてみよう」では、背景画像の変更や見出し・本文用の文字設定などを解説します。1997年よりWeb制作を始める。ソフトウェア会社のWeb制作部門に5年間勤めた後、2002年4月に独立。システム構築などに従事。講師として、Webマーケティングやデザインのセミナー活動も行っている。今日からはじめるアクセス解析超入門』(技術評論社)。(著)本当は簡単に使えるGoogleアナリティクス!Webサイトを作ったけど、思うように集客できないという悩みを解決するために、訪問者の特性や行動を分析できるGoogleアナリティクスを、初めて使う人にもわかやすくやさしく解説します。初期設定や基本操作から始まり、データの見方や分析、また改善方法まで、これ1冊でわかります。ための経理サポートサイト文具、通信、オフィスのことなら何でもお任せ問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール事務所開設するなら固定電話番号で信頼アップ本コンテンツは、掲載時点の内容となります。「みんなのビジネスオンライン」は「はじめてWEB」にお読み替えいただきますようお願いいたします。Reserved.「はじめてWEB」はKDDIが提供しています。