お困りのことはありますか?

Webサイトに背景を設定する

Webサイトの背景をオリジナルの画像や動画、お好みのカラーに変更することができます。

設定可能な背景は下記の4つです。

画像    スライド表示    動画    カラー

プレビュー機能

背景を設定すると、自動的にプレビューが表示されます。設定を決定する場合は「保存」を、キャンセルする場合は「やり直す」をクリックします。「保存」しない限り実際のホームページには反映しません。

背景を設定する

Jimdoにログインし、管理メニューから「レイアウト」>「背景」をクリックします。

 

すでに背景画像をアップロードしている場合は、これまでにアップロードした背景と合わせてここに表示されます。

新しく画像をアップロードする場合は「+」をクリックして追加できます。


設定方法の種類

設定方法には、1つの背景をすべてのページに適用させる方法と、各ページ(サブページ)ごとに個別設定する方法の2種類があります。

 

背景は設定作業を行っているページ(表示しているページ)にのみ適用されるため、他のページの背景を変更したい場合はナビゲーションでページを切り替え、個別に設定をしてください。

すべてに同じ背景を適用する場合は、歯車のアイコンをクリックすることで簡単に設定できます。


ポイント!

  • 新しく作成したサブページは自動的に「ホーム」の背景が適用されます。
  • サブページをコピーした場合、コピー元の背景が適用されます。
  • サブページの背景を削除した場合、「ホーム」の背景が適用されます。
  • すべての背景を削除した場合、選択しているレイアウト独自の背景カラーになります。
  • ビデオは個別設定できません。
Tokyoレイアウトの背景は「ホーム」にのみ表示されるため、この機能は反映されません。

画像を追加する

  1. 「+」をクリックし、「画像」を選択
  2. PCから背景に設定したい画像を選択

 

背景に設定できるのは1枚ですが、複数の画像がアップロードできます。青いフレームの画像が背景に選択されている画像で、即時にホームページの背景にプレビューが表示されます。画像を削除する場合はゴミ箱のマークをクリック。決定する場合は「保存」をクリックします。

 

* 背景画像は、「2000px * 1500px」以上をおすすめします。(10MB以内)

スライド表示

スライド表示は複数の画像を順番(スライドショー)に表示したい場合に使用します。

アップロードできる画像は全部で25枚です。

 

  1. 「+」をクリックし、「スライド表示」を選択
  2. PCから背景に設定したい画像を複数選択(最低2枚以上)

 

画像の表示速度は「遅い/早い」のバーで調整できます。また、画像の順番を変えるには画像をドラッグ&ドロップしてください。画像を削除する場合はゴミ箱のマークをクリック。決定する場合は「保存」をクリックします。


* 背景画像は、「2000px * 1500px」以上をおすすめします。(10MB以内)

動画を追加する

YoutubeまたはVimeoのURLを追加することで背景に動画(ビデオ)を設定することができます。

  1. 「+」をクリックし、「動画」を選択
  2. 背景に設定したい動画のURLを追加

URLの追加が完了すると、背景に動画が流れます。


動画は視覚的に情報を伝えるのにとてもよいですが、適切な動画が使われてないと訪問者の気を散らせることにもなりますので、気を付けて選びましょう。

カラーを選択

背景にカラーを選択した場合は、背景全体がその色になります。企業カラーを選んだり、写真が多いサイトの場合はより自然な色を選ぶことで写真自体を際立たせたり、テキストの多いサイトは少し明るめのカラーを選んだりと、さまざまな視点からカラーを選ぶことができます。ただし、あまりに色鮮やかなカラーを選ぶと、訪問者がサイトの内容に集中できないこともあるので気を付けて選びましょう。

  1. 「+」をクリックし、「カラー」を選択
  2. キャンパスからカラーを選択、もしくはカラーコード(HEXまたはRGB)を入力

フォーカルポイント

フォーカルポイントの機能を使うと、アップロードした背景画像の、どの部分を中心に表示するか調整ができます。

  1. アップロードした背景画像の「歯車」アイコンをクリック
  2. 背景画像上の ○ をマウスで任意の場所に移動
フォーカルポイント
フォーカルポイント

また、フォーカルポイントの機能は、スライド表示にも設定することができます。

  1. スライド表示でアップロードした各背景画像の「歯車」アイコンをクリック
  2. 背景画像上の ○ をマウスで任意の場所に移動