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

  1. TOP
  2. Jimdo逆引きコラム
  3. デザインのカスタマイズ
  4. 背景に「スライド表示」を設定

Jimdo逆引きコラム

デザインのカスタマイズ

背景に「スライド表示」を設定

執筆:野崎 晃(株式会社デック)

2017年1月11日更新

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

閲覧数281views

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

はじめてWEBのホームページは背景に自分の好きな画像をスライドショー形式で表示することができます。スライドショー形式とは複数の写真が順番にゆっくりと切り替わって表示される形式のことです。
背景はページごとに違う画像をスライドショー形式で設定できます。

まずはホームページにログインをして、背景を設定したいページを表示します。
次に、ページ上部の「管理メニュー」ボタンをクリックします。

画面の左側にメニューが表示されますので、「デザイン」をクリックします。

デザインのメニューから「背景」をクリックします。

画面の上部に背景の設定欄が表示されますので、一番左側の「+」ボタンをクリックしてください。

「画像 / スライド表示 / 動画 / カラー」という4種類の項目が表示されますので「スライド表示」をクリックしてください。

パソコンの中から表示したい画像を選択して「開く」ボタンをクリックすると、画像がアップロードされます。画像は複数同時に選択してアップロードすることができます。

設定した画像がホームページに反映された状態がプレビューで確認できます。

画像の上に表示されている白い丸をドラッグして動かすと、画像の位置を調整することができます。
プレビューを確認しながら、位置を調整しましょう。

さらに画像を追加したい場合は「+」ボタンをクリックします。

アップロードした画像を削除したい場合は画像の上に表示されている「ゴミ箱」のボタンをクリックしてください。

画像は左から順番に表示されます。表示する順番を変更したい場合は画像をドラッグして位置を変更してください。

画像が切り替わる速度を変更する場合は「遅い」と「早い」の間の青い丸を左右にドラッグしてください。

編集中に一時的にスライドを停止したい場合は「一時停止」ボタンをクリックしてください。

設定した背景を確認して、反映してもよければ「保存」ボタンをクリックしてください。
背景を変更する場合は、「やり直す」ボタンをクリックしてください。

保存を行うと、背景の変更がホームページに反映されます。
続けて他のページの背景を設定する場合は、設定したいページを表示して同じ手順で設定を行ってください。

執筆者

執筆者の活用術

背景画像に設定する写真のサイズが小さすぎると、画像が荒く表示されてしまう場合があります。アップロードする画像は2000px×1500px以上のものを用意しておくのをおすすめします。

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

野崎 晃(のざき・あきら)

野崎 晃(のざき・あきら)

株式会社デック 代表取締役/JimdoExpert
http://s-deck.jp/
http://jp-m.jimdo.com/

愛知県名古屋市を拠点に活動するWeb制作の会社の代表。
2009年Jimdoに出会い、より多くの人にJimdoの便利さ/楽しさを伝えるべく解説ページ「Jimdoでつくる簡単ホームページ!」を開設。JimdoJapan公式のJimdoCafeを運営するなど、Webサイトを多くの人にもっと身近に感じてもらうべく活動中。

著書に『WebデザイナーのためのJimdoスタイルブック』(共著、マイナビ)。

  • はじめてWEB 大感謝祭!~新規加入または2年目更新をし、アンケートに答えてギフト券をもらおう!~
  • Jimdoリメイク | プロがあなたのホームページを今なら45,000円(税抜)でリニューアル!
  • 問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール
  • 文具、通信、オフィスのことなら何でもお任せ!まとめてオフィス

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

Jimdo逆引きコラム週間アクセスランキング[期間:2017/3/19~2017/3/25]

おすすめコンテンツ

はじめてWEBおすすめ本

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

  • ソウギョウノート

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

  • 経理通信

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

  • まとめてオフィス

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

  • フリーコールS

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

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ
    今ならキャンペーン実施中!