スマートフォンサイトを表示する

  1. TOP
  2. はじめて相談室 : 第53回 ページ上部の写真(背景画像)を変えたい

エキスパートコラム

はじめて相談室

第53回:ページ上部の写真(背景画像)を変えたい

執筆:#fc0(株式会社エフシーゼロ)

2019年9月9日更新

  • このエントリーをはてなブックマークに追加

閲覧数223views

このコラムをPDF形式でダウンロードする

「はじめて相談室」では、「はじめてWEB」を使ったホームページづくりが初めての方のお悩みや不安にナビゲーターがお答えします!「こんなこと聞いていいのかな…」という方大歓迎の相談室です。

今回は、「ページ上部の写真(背景画像)を変えたい」というご相談です。

おたより

はじめまして。「はじめてWEB」を知ってから毎日ホームページ作りが楽しいです。作っていて気になったのが、ホームページの上部の画像を好きな写真に変えたいのですが、どうやって変えたらいいのでしょうか。(めんたいろっちゅ)

ナビゲーターからの回答

ナビゲーター

めんたいろっちゅさん、はじめまして。「はじめてWEB」ナビゲーターの広瀬みかです。
ホームページの上部の写真!専門用語で「ヘッダー部分」と言ったりしますが、そこの画像は「はじめてWEB」で最初にレイアウトを決めたとき、レイアウトで設定されたものが出てきているんですよね。
実はここは「背景画像」で設定されています。そして、ページごとに画像を変えることもできるんですよ☆今回は背景画像の設定について紹介しますね。

背景画像を変えてみよう

背景を変えるには[管理]メニュー→[デザイン]→[背景]を選択します。

[+]をクリックして[画像]から、パソコン内に保存されている表示させたい写真を選択すると、背景画像を設定することができます。

表示位置を変更してみよう

写真のサイズよりヘッダーの表示領域が狭い場合は写真の中央部分が表示されるようになっています。
写真の上の方を見せたい、下の方を見せたいというときは、見せたい部分を指定することができます。背景画像を選択し[設定]ボタンをクリックします。

写真の中に薄い丸が出てくるので、上にドラッグすると写真の上部が設定され、下にドラッグすると写真の下部が設定されます。

写真の上部が表示されている

写真の下部が表示されている

各ページの背景画像を設定してみよう

ページごとに上部の画像を変えるには、使いたい背景画像を追加したあと、各ページごとにクリックして選択します。

すべてのページで同じ画像を使いたい

いくつか背景画像を登録したけれど、そのうちのひとつの画像をすべてのページで使いたいときは「この背景画像をすべてのページに設定する」をクリックします。

ページ上部に画像がないレイアウトでも使えるよ

今回のサンプルは、ページ上部に画像が見える「Rome(ローマ)」レイアウトで紹介しましたが、他のレイアウトではページ全体の背景画像として表示することができます。

ページの内容に合わせた背景画像にすることで、ページ内の情報がより伝わりやすくなります。逆にホームページの内容とまったく関係ない画像を使うと、ホームページを見た人たちに誤解を与えてしまうこともとても多いので、気をつけたいところです。

ホームページに合った画像を効果的に使って、よりよいホームページにしていきましょう☆

おたよりお待ちしています!

ナビゲーター

「はじめて相談室」では、みなさまからの「はじめてWEB」の素朴な疑問をお待ちしています!
「こんなこと聞いたら恥ずかしいかも。。。」というご質問大歓迎です!
「はじめてWEB」ナビゲーターがなんでもお答えしちゃいます!
おまちしてまーす!

ナビゲーターへの質問はこちらから!

このコラムでは、パソコン初心者の方からの
「こんなこと聞いてもいいのかしら?」という質問にお答えしています。

  • ※毎月1回程度のコラムですので、急を要する質問にはお答えできません。
  • ※すべての質問にお答えできるわけではありませんので、あらかじめご了承ください。
  • ※Jimdoの操作や、はじめてWEBに関する質問はQ&Aコーナーもご活用ください。

お名前(ペンネーム)

メールアドレス

質問

確認する

はじめてWEB

「はじめてWEB」でホームページを作成しよう!

「はじめてWEB」のホームページ開設支援サービスとは、7つのステップで簡単に無料で作成ができ、さらにその後1年間無料でご利用いただけるサービスです。

さあ、はじめよう!

「はじめてWEB」のお申し込みには「Jimdoアカウント」が必要です。

①「Jimdoアカウント」を作成した後に、②「はじめてWEB」の登録を行います。

  • ※「Jimdoアカウント」を既にお持ちの方は、「ログイン」から始めます。

はじめてWEB ホームページ公開の7ステップとポイントを動画でご紹介!!

  • ホームページ公開の7ステップ

    さあ、はじめよう!

    ホームページ公開の7ステップ
  • はじめてWEB サービス紹介

    さあ、はじめよう!

    はじめてWEB サービス紹介
  • このエントリーをはてなブックマークに追加
このコラムをPDF形式でダウンロードする

#fc0(株式会社エフシーゼロ)

#fc0(株式会社エフシーゼロ)

JimdoExpert
http://fc0.vc/

「もっと多くの人に、"Webへの入口"を」をコンセプトに、中小企業や個人商店をメインとしたWebサイトの企画・制作・運営アドバイスなどの業務を行う。また、主に初心者を対象とした講師・執筆も多数。

主な著書に『デザインの学校 これからはじめるFireworksの本』(技術評論社)、『デザインの学校 これからはじめるDreamweaverの本』(同)、『ああしたい、こう変えたいが手にとるようにわかるCSS基礎』(共著、エムディエヌコーポレーション)など。

小さなお店&会社のホームページ Jimdo入門

  • 問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール
  • 文具、通信、オフィスのことなら何でもお任せ!まとめてオフィス
  • 「はじめてWEB」でホームページをはじめよう!
  • Jimdoリメイク | プロがあなたのホームページを50,000円(税抜)でリニューアル!

ホームページを作るのがはじめてのかたはまずこちらをご覧ください

コラム週間アクセスランキング[期間:2019/9/8~2019/9/14]

おすすめコンテンツ

はじめてWEBおすすめ本

創業・経営のお役立ち情報

  • ソウギョウノート

    飲食・小売・サービス業の開業スケジュールから、融資申込に必要な書類までをカンタン作成

  • 経理通信

    経営者と経理ご担当者必見!中小企業・小規模事業者のための経理サポートサイト

  • まとめてオフィス

    文具、通信、オフィスのことなら何でもお任せ

  • フリーコールS

    問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ