ホームページをもっとよくする!Jimdoワンポイント講座

ホームページをもっとよくする!Jimdoワンポイント講座

第6回目 「背景画像を上手に活用しよう」

せっかく作ったホームページ、一人でも多くの人に見て、読んでもらいたいですよね。しかし「思うように表現できない」「うまく伝わらない」そんなケースが多いようです。このコラムでは、ホームページ作りに役立つ「ちょっとしたコツ」をご紹介いたします。

第6回目は「背景画像を上手に活用しよう」です。それでは、スタート!

で、き、た、わーーーー!


なになに、どうしたの?アリーナちゃん!


わたしもホームページを作っていたんだけど、ステキな機能を発見しちゃったのよ。

見てみて!


アリーナのスイーツギャラリー

アリーナちゃん、なにこれスゴイ!メインの画像がスライドショーになってる!

どうやって作ったの?


想像以上のリアクションをありがとう、ルドルフくん。さっそく解説するわね。


【「背景」の機能を活用してスライドショーを作成しよう】

Jimdoの「背景」には、複数の画像を設定しスライドショーのように自動で切り替える機能があります。

1. レイアウトから「Zurich」を選択します。 他のレイアウトでも同様の背景機能は使えるのですが、ここでは背景兼ヘッダー画像として利用できる見栄えのよいレイアウトを選んでいます。


2. 右側のツールから「スタイル」ボタンをクリックします。

3. 上部に表示されるメニューから「背景」を選択します。

4. 背景を設定する画面が表示されますので、「+」ボタンをクリックしましょう。

【旧背景画面から切り替えていない場合】

旧背景画面から、新しい背景画面へ切り替えていない場合、「背景機能が新しくなりました・・・」というメッセージが表示されます。切り替える場合には以下の手順で進めてください。

①「プレビューを表示」ボタンをクリックします。

②プレビュー画面が表示されますので、「保存」をクリックします。

③新しい設定画面に切り替わりました。


5. 以下のような画面が表示されますので、「スライド表示」をクリックしましょう。

①×ボタン この画面を閉じることができます。
②画像 一枚の画像を表示させたいときに使います。
③スライド表示 複数の画像をアップロードして、スライド表示させます。
④動画 あらかじめYoutubeなどにアップロードした動画を背景として設定できます。
⑤カラー 単一の色を背景として設定するときに使います。

6. ファイルをアップロードする画面が表示されますので、設定したい画像を選択します。スライド表示にするときは、必ず2枚以上登録しましょう。

7. 画像を2枚以上アップロードすると、以下の画面が表示されます。必要に応じて速さを変更しましょう。

8.「この画像をすべてのページに設定する」ボタンをクリックします。

9.「保存」ボタンをクリックします。

 

背景画像がスライド表示になりました。

意外と簡単なんだね!これなら僕にもできそう。


さっそくルドルフくんも試してみて!


できた!どう?アリーナちゃん。


スピード感が出ていてかっこいいわ、ルドルフくん!


まとめ

背景画像には、スライドショーのほか動画を設定することもできます。解説の中でも紹介している新レイアウトの「Zurich」は、ビジネスサイトにも使いやすいレイアウトなので、特におすすめです。ホームページの印象を簡単に変化させることができるこの機能、ぜひ活用してみてください。


ルドルフの小言

ホームページを良くしていくのってなかなか難しいよね。

詳しい人に相談できるといいんだけど・・・


そんな時はJimdoCafeがオススメよ!

JimdoCafeのことは、ここのページを見てみて!

▶︎▶︎ Jimdoユーザーの駆け込み寺「JimdoCafe」


PDF形式でダウンロードする

Jimdoワンポイント講座第6回「背景画像を上手に活用しよう」PDF
印刷してご利用いただけます。ぜひご活用ください!
Jimdo_tips_06.pdf
Adobe Acrobat ドキュメント 1.9 MB