ホームページに画像が切り替わるスライダーを置きたい・やめたい｜先に決める3つと、置いたあとに続くこと・費用の目安

「トップに、画像が順に切り替わる場所を作りたい」「いま切り替わっている画像を、1枚に戻したい」という場合があります。複数の画像が順に切り替わる表示を、この記事ではスライダーと呼びます。サイトによっては、スライドショー、カルーセルなどの呼び方をすることもあります。

この記事では、スライダーを置く・やめるときに先に決める3つ、いまの切り替え表示について確認する項目、枚数と並び順、押したときの移動先、スマートフォンでの表示、読み込み、やめるときに続くこと、そしてblancの料金表にある項目までを順に整理します。なお、トップページの上部などにある大きな画像そのものを作り直す場合はトップページのメインイメージを変えたい・作り直したいに、サイドバーやフッターなどに置く告知の画像はホームページに告知用のバナーを置きたい・作りたいにまとめています。

切り替え表示を置く・変える・やめることを考えるのは、たとえばこんなときです

切り替え表示を置く・変える・やめることを検討する場面には、次のような例があります。同じ「切り替わる形にしたい」でも、そのうしろにある状況が違うと、先に決める部分も変わります。

• 載せたい内容が1枚に収まらない——伝えたい内容が増え、1枚の画像では入りきらないという相談です
• 季節や催事に合わせて入れ替えたい——時期ごとに中身を差し替える運用にしたい形です
• 実績や商品を並べて見せたい——同じ種類の画像を、順に見せる形にしたい場合です
• いま切り替わっている画像の中身が古い——終わった催しや、過ぎた日付が入った画像が混ざっている状態です
• 切り替わるのをやめて、1枚にしたい——いまの切り替え表示を外して、固定の画像に戻したい場合です
• 枚数が増えて、何が入っているか分からなくなった——追加を重ねた結果、掲載中の画像を把握できていない状態です

先に決める3つ

新しくスライダーを置く場合は、次の3つを御社で決める部分です。未定の項目がある段階でも、ご相談いただいて差し支えありません。いまの表示を外す場合の決めごとは、後半の「切り替え表示をやめる場合」で整理します。

1. 何を切り替えるか

切り替える画像それぞれについて、載せたい写真と文字の有無を整理します。画像に文字を入れる場合は、その文言を御社で決める部分です。画像とは別にページの文章も掲載したい場合は、そちらに何を書くかも整理します。希望する内容と、すでに用意できているものを分けてください。

2. どこに置くか

トップページの上部に置くのか、下層ページや一覧の中に置くのか、複数のページに同じものを出すのかを決めます。置ける場所は、いまのサイトの作り、使っている仕組み、ご利用のサーバーによって変わります。

3. 中身を、あとから入れ替えるかどうか

置いたあとに入れ替えを行うかどうかと、行う場合にどなたが行うかを御社で決める部分です。管理画面から入れ替えられるかどうかは、いまのサイトの作りと、使っている仕組みによって変わります。管理画面から入れ替えられるようにする作業が「スライダー設置」に含まれるかは、料金表に記載がありません。

メインイメージの作り直し、告知用バナーとの違い

この記事で扱うのは、複数の画像が順に切り替わる表示そのものです。料金表でも、「スライダー設置」は「メインイメージ制作」「告知用バナー作成」とは別の項目になっています。

トップの大きい画像を、1枚の画像として作り直す場合は、冒頭でご案内したメインイメージの記事をご覧ください。サイドバーやフッターなどに置く告知の画像は、告知用バナーの記事にまとめています。すでにある枠の中の画像を、同じ大きさのまま入れ替える場合はホームページの文章・写真を差し替えたいにまとめています。

いまの切り替え表示について確認する項目

いまの表示について確認する項目の例です。いまの作りが分からない場合は、分かっていることと未確認のことを分けて、ご相談の内容に含めてください。

• しばらく見ていると絵が変わるか——一定の時間で別の画像に変わる場合は、切り替え表示になっていることがあります
• 左右の矢印や、小さな丸印が出るか——押して切り替える部品の有無と、その表示は、いまのサイトの作りと使っている仕組み、ご覧になる端末・ブラウザやその設定によって変わります
• 指で横になぞると動くか——なぞったときに動くかどうかは、いまのサイトの作りと使っている仕組み、ご覧になる端末・ブラウザやその設定によって変わります
• 管理画面に、画像を並べる欄があるか——ご自身で入れ替えられるかは、いまのサイトの作りと使っている仕組みによって変わります。複数の画像を登録する欄の有無も確認する項目です
• 切り替わっている画像が何枚あるか——確認できた画像の枚数と表示の順を記録します。全体を確認できていない場合は、その旨もあわせて記録します

枚数と並び順を決めます

掲載する枚数と、どの順に並べるかは、御社で決める部分です。あとから枚数を増やす予定があるかどうかも、あわせて決めておく部分です。

枚数を決めるときは、それぞれの画像を用意できるかどうかも確認する部分です。用意できていない画像がある場合は、その画像を掲載するかどうかと、掲載する場合の時期を御社で決める部分です。掲載を終える時期が決まっている画像がある場合は、その時期も整理する部分です。

押したときの移動先を設けるかどうか

それぞれの画像に、押したときの移動先を設定するかどうかを決めます。設定する場合は、どのページへ移動するかも御社で決める部分です。移動先のページがまだ無い場合は、そのページをどうするかも決めていただく部分です。

移動先を設定できるかどうかと、その設定の仕方は、いまのサイトの作りと、使っている仕組みによって変わります。画像ごとに別の移動先を設けるか、一部の画像にだけ設けるかも、決めておく部分です。

切り替わり方について決めておくこと

切り替わり方には、時間が経つと自動で切り替わる形と、矢印や丸印を押して切り替える形があります。どちらの形を取れるか、両方を組み合わせられるかは、いまのサイトの作りと、使っている仕組みによって変わります。

自動で切り替える形にする場合は、次の点を確認する部分です。切り替わる速さを設定できるか、途中で止められる形にできるか、最後の画像のあとに最初へ戻る形にできるかは、いまのサイトの作りと、使っている仕組みによって変わります。設定を変更する場合の作業の範囲も、それによって変わります。

スマートフォンで見たときの表示

画面の横と縦の比率は、ご覧になる端末や画面の向き、ブラウザの表示範囲によって変わります。同じ画像を置いた場合でも、いまのサイトの作りと、ご覧になる端末・ブラウザやその設定によって、見えている範囲が変わることがあります。横長の画像では左右が切れることがあり、端に寄せた被写体や文字は、画面から外れることがあります。

切り替えの操作部分についても、その有無・位置・大きさは、いまのサイトの作りと使っている仕組み、ご覧になる端末・ブラウザやその設定によって変わることがあります。パソコンとスマートフォンで別の画像を出す形や、スマートフォンでは切り替えを行わない形を取れるかどうかは、いまのサイトの作りと、使っている仕組みによって変わります。そもそもスマートフォン向けの表示になっていない場合の選択肢はホームページがスマホ対応していないにまとめています。

読み込みと表示の速さ

掲載する枚数と、最初に読み込まれる枚数は、分けて確認する項目です。最初に何枚を読み込むかを設定できるか、変更にどのような作業が必要かは、いまのサイトの作りと、使っている仕組みによって変わります。掲載する枚数だけでは、表示までの時間は分かりません。

画像1枚あたりの容量も、読み込みに関わる部分です。画像の形式による軽量化についてはホームページの画像が重い？WebP形式で軽量化する方法とその効果に、ページ全体で遅くなっているときの切り分けはホームページの表示が遅いにまとめています。

使う画像は、どう用意するか

掲載候補の画像ごとに、お手元にあるもの、購入を検討するもの、新しく制作・撮影するものを分けます。

• お手元の画像を使う——掲載候補ごとに、加工前のデータが残っているかを整理します。切り抜きや明るさの調整を希望する画像についても、どのデータがお手元にあるかを確認する部分です
• 素材を購入して使う——購入する写真の候補と、使いたい掲載先を整理します。購入の手続きと、その掲載先で利用できる範囲の確認をどなたが行うかは、御社で決める部分です
• 新しく作る・撮影する——文字を入れた画像を新しく作る形や、撮り下ろしの写真を使う形です。何を、どこで、いつ用意するかを決めることになります

切り替える画像は、縦横の比率をそろえるかどうかも決める部分です。比率の違う画像を混ぜた場合の見え方は、いまのサイトの作りと使っている仕組み、ご覧になる端末・ブラウザやその設定によって変わります。

載せてよい画像かどうかの確認

切り替えて載せる画像は、1枚ずつ出どころと利用できる範囲を確認する部分です。購入した素材についても、今回の掲載先や加工が利用条件に合っているかを確かめます。人が写っている画像は、今回の掲載に利用できる範囲を確かめたうえで、ご本人への確認方法や社内の取り決めにあわせて進めていただく部分です。画像ごとの確認項目はホームページに載せる写真、その1枚は使って大丈夫？にまとめています。

切り替え表示をやめる場合

いまの切り替え表示を外して、1枚の画像に戻す形もあります。この場合に決めるのは、次の3つです。

• 外したあとに何を表示するか——いま入っている画像のどれかを残すのか、別の画像を用意するのかを御社で決める部分です
• 移動先の設定をどうするか——それぞれの画像に移動先を設定していた場合、その行き先をどう扱うかを決める部分です
• いま入っている画像を残すかどうか——外した画像のデータを保管するかどうかと、保管する場合の置き場所を御社で決める部分です

外す作業の範囲は、いまのサイトの作りと、使っている仕組みによって変わります。料金表には、切り替え表示を外す作業を示した項目はありません。備考にも記載はありません。

置いたあとに続くこと

中身を入れ替える運用にする場合は、それぞれの画像の掲載期間や、入れ替えたあとの枚数と並び順も整理する部分です。そのうえで、次の3つを御社で決める部分です。

• 見直しを行うかどうか——行う場合は、その時期を御社で決める部分です。掲載の期間を区切る場合は、掲載を終える時期と、そのあとに何を表示するかも決める部分です
• どなたが入れ替えるか——管理画面から入れ替えられるかは、いまのサイトの作りと、使っている仕組みによって変わります。その条件を踏まえて、どなたが行うかを御社で決める部分です
• 次に使うデータをどこに置くか——画像の元データと、掲載用に書き出したデータの置き場所を決めておく部分です

ご自身で入れ替える場合は、次に使う画像ごとに大きさと縦横の比率を整理します。管理画面で調整できるかどうかや、その範囲は、いまのサイトの作りと使っている仕組みによって変わります。ご自身で更新する形にする場合の進め方はホームページを自分で更新できるようにしたいにまとめています。

料金表にある作業と、御社で決めること

料金表には「スライダー設置」の項目がありますが、備考は「-」です。料金表にある項目に沿ってお伝えすると、次のようになります。

• スライダー設置——料金表に項目があります。備考は「-」です
• HTML修正——料金表に項目があります。備考は「※1ページあたり」です
• 写真差し替え——料金表に項目があります。備考は「※写真1点につき」です
• 写真加工——料金表に項目があります。備考は「※明るさ調整・トリミングなど（5枚程度につき）」です

次の4つについては、「スライダー設置」に含まれるかどうかを、料金表の記載から判断することはできません。

• 設置に含まれる枚数——何枚までが「スライダー設置」に含まれるかは、料金表に記載がありません
• 切り替わる速さや操作の設定——設定の作業が含まれるかどうかは、料金表に記載がありません
• 移動先の設定——それぞれの画像への移動先の設定が含まれるかどうかは、料金表に記載がありません
• 管理画面から入れ替えられるようにすること——その作業が含まれるかどうかは、料金表に記載がありません

次の2つは、料金表に項目がありません。

• 切り替え表示を外す作業——料金表に項目はありません。備考にも記載はありません
• 切り替える画像の枚数をあとから増やす作業——料金表に項目はありません。備考にも記載はありません

次の3つは、料金表の記載の有無とは別に、御社で決めていただく部分です。

• 何を切り替えるか——画像で何を見せるかを決めていただく部分です
• 枚数と並び順——何枚を、どの順に並べるかを決めていただく部分です
• 中身を入れ替えるかどうか——入れ替えを行うかどうかと、行う場合にどなたが行うかを決めていただく部分です

ここでは料金表に掲載されている項目を紹介しています。ご依頼の内容と費用は、お見積りでご確認ください。

費用の目安

以下は、この主題に関係する項目を料金表からそのまま引いたものです。金額はよくある範囲でお示ししています。同じ作業でも、ページ数・データの量・いまのサイトの作りによって手間が変わるためです。

HTML関連

• HTML修正　5,500円（税込）——※1ページあたり
• スライダー設置　16,500～33,000円（税込）——-

※Wix・Jimdo等のホームページ作成サービスで作られたサイトは、編集制約のため作業時間が増えますので、上記料金の1.5倍となります。

画像関連

• 写真加工　2,200～11,000円（税込）——※明るさ調整・トリミングなど（5枚程度につき）
• 商品写真撮影　3,300円（税込）——※商品1点につき（写真加工込み）
• 写真差し替え　550円（税込）——※写真1点につき

デザイン

• メインイメージ制作　16,500～44,000円（税込）——※テンプレートサイト・ブログ用
• 告知用バナー作成　5,500～16,500円（税込）——※サイドバーやフッター等に設置するものです。

面談・レクチャー・リモート

• 更新操作のレクチャー（1時間）　11,000円（税込）——※オンラインまたはご来社。操作手順書をお渡しします。

※こちらの価格表に無いものについては別途お見積もりとなります。

修正作業ごとの料金の考え方はホームページ修正の費用相場にまとめています。

依頼する内容を社内で整理する

ご相談に向けて、社内で整理する項目の例です。分からない項目は、その旨を添えてください。

• ページのURL——置きたい場所、または、いま切り替わっている場所のページです
• 置きたいのか、外したいのか——新しく切り替え表示を置きたいのか、いまの表示を外したいのか、御社の希望を整理します
• 画像がお手元にあるかどうか——ある場合は、点数と、加工前の大きいままのデータが残っているかどうかです
• 画像に文字を入れるかどうか——入れる場合は、その文言の案があるかどうかです
• 移動先を設けるかどうか——設ける場合は、どのページへ移動するかです
• 今後の入れ替えの希望——入れ替えを行うかどうか、行う場合はどなたが行うか、管理画面から行いたいかどうかです
• いつまでに必要か——催しやキャンペーンに合わせる場合など、期日が決まっていることがあります

新しく置く場合に整理するのは、何を切り替えるか、どこに置くか、今後入れ替えるかどうかの3点です。外す場合は、外したあとに何を表示するかを整理します。決まっていることと、まだ決まっていないことを分けてお知らせください。

スライダーについてのQ&A

何枚まで置けますか

置ける枚数は、いまのサイトの作りと、使っている仕組みによって変わります。何枚を、どの順に並べるかは、御社でお決めいただく部分です。何枚までが料金表の「スライダー設置」に含まれるかは、料金表に記載がありません。

自動で切り替わる形と、押して切り替える形は選べますか

どちらの形を取れるか、両方を組み合わせられるかは、いまのサイトの作りと、使っている仕組みによって変わります。切り替わる速さや、途中で止められるかどうかについても同じです。これらの設定作業が「スライダー設置」に含まれるかは、料金表に記載がありません。

スマートフォンでも同じように表示されますか

いまのサイトの作りと使っている仕組み、ご覧になる端末・ブラウザやその設定によって変わります。見えている範囲が変わることも、切り替えの操作部分の有無・位置・大きさが変わることもあります。

枚数を増やすと、表示は遅くなりますか

表示されるまでの時間は、画像の枚数や容量、読み込みの仕組み、回線などの閲覧環境によって変わります。最初に何枚を読み込むかを設定できるかは、いまのサイトの作りと、使っている仕組みによります。掲載する枚数は、御社でお決めいただく部分です。

自分で画像を入れ替えられるようにできますか

いまのサイトの作りと、使っている仕組みによって変わります。CMSが入っていて、管理画面に画像を並べる欄がある場合は、ご自身で入れ替えていただけることがあります。管理画面から入れ替えられるようにする作業が料金表の「スライダー設置」に含まれるかどうかは、料金表に記載がありません。

いま切り替わっているものを、1枚に戻せますか

料金表には、切り替え表示を外す作業を示した項目はありません。備考にも記載はありません。外したあとに何を表示するか、移動先の設定をどうするかは、御社でお決めいただく部分です。

スライダーに入れる画像の制作について、料金表に記載はありますか

「スライダー設置」の備考は「-」で、画像の制作を含むかどうかの記載はありません。別に「メインイメージ制作」「告知用バナー作成」の項目がありますが、備考はそれぞれ「※テンプレートサイト・ブログ用」「※サイドバーやフッター等に設置するものです。」です。どの項目に当たるかは、料金表の記載だけでは分かりません。

他社が作ったサイトですが、置いてもらえますか

他社が制作したサイトもご相談いただけます。置ける場所や取れる形は、いまのサイトの作り、使っている仕組み、ご利用のサーバーによって変わります。ご依頼の内容と費用は、お見積りでご確認ください。

まとめ

スライダーを置く・やめるときに、押さえておきたいのは次の3つです。

• 置く場合と外す場合で、決める内容が違う——置く場合は、何を切り替えるか、どこに置くか、今後入れ替えるかどうか。外す場合は、外したあとに何を表示するか。決まっている内容と、まだ決まっていない内容を分けて整理します
• いまの作りで、取れる形が変わる——枚数、切り替わり方、移動先の設定、管理画面から入れ替えられるかどうかは、いまのサイトの作りと、使っている仕組みによって変わります。スマートフォンでの表示は、ご覧になる端末・ブラウザやその設定によっても変わります
• 記載が無い条件と、項目が無い作業がある——設置に含まれる枚数、切り替わる速さや操作の設定、移動先の設定、管理画面から入れ替えられるようにすることは、料金表に記載がありません。切り替え表示を外すことと、あとから枚数を増やすことは、料金表に項目がありません

設定できる機能は、いまのサイトの作りと使っている仕組みによって変わります。いま分かっていることと、置きたい内容または外したい内容をお知らせください。ご依頼の範囲と費用は、お見積りでご確認ください。

ご依頼前のご相談とお見積りは無料です。