本文へスキップ

VISUALS & KV

ビジュアル管理・KV(ビジュアル組み合わせ)

トップページのキービジュアルを変えたい、バナーを季節ごとに差し替えたい、そんな運用が管理画面だけで完結します。
ビジュアル管理では画像を1枚ずつ登録・期間設定し、ビジュアル組み合わせで複数をまとめてスライダー構成にも使えます。

概要

ビジュアル管理は、サイトの顔となるキービジュアル(トップページの大きなメイン画像)やバナーといった画像素材を、1枚ずつ登録・管理する機能です。
画像にリンク先や掲載期間(いつからいつまで表示するか)、公開・非公開の状態を持たせられます。
「ビジュアル組み合わせ」を使えば、登録した複数の画像をひとまとめにして、スライダーやバナー群として切り替え表示できます。
季節やキャンペーンに合わせた差し替えも手軽で、サイトの第一印象を運用側でコントロールできます。

かんたんに言うと

Webサイトを開いて最初に目に入る大きな画像を「キービジュアル(KV)」と呼びます。
お店でいえばショーウィンドウのようなもので、サイトの印象を大きく左右します。
ビジュアル管理は、このキービジュアルやバナーになる画像を1枚ずつ登録して、まとめて管理しておく機能です。

登録した画像には「リンク先(クリックでどこへ飛ぶか)」「掲載する期間」「いま表示するかどうか」を設定できます。
パソコン用とスマホ用で別々の画像を用意することもできるので、どちらの画面でもきれいに見せられます。
期間を指定しておけば、キャンペーンの開始日に自動で表示が切り替わります。

「ビジュアル組み合わせ」を使うと、登録ずみの画像を複数まとめて1つのセットにできます。
たとえば3枚のバナーを束ねて、順番に切り替わるスライダーとしてトップに表示する、といった使い方です。
季節やキャンペーンごとにセットを差し替えるだけで、サイトの第一印象を手早く変えられます。

この機能のポイント

  • 01

    画像素材を一元管理

    キービジュアルやバナーの画像を1か所にまとめて登録・管理。どこに何があるか散らからず把握できます。

  • 02

    PC用・スマホ用を別々に

    パソコン用とスマートフォン用の画像を別々に登録でき、どちらの画面でもきれいに見せられます。

  • 03

    掲載期間を予約できる

    開始日と終了日を決めておけば、キャンペーンの期間に合わせて自動で表示・非表示が切り替わります。

  • 04

    複数を束ねて出し分け

    「ビジュアル組み合わせ」で複数の画像を1セットにまとめ、スライダーやバナー群として表示できます。

  • 05

    差し替えが手軽

    季節やキャンペーンに合わせて、画像やセットを入れ替えるだけでサイトの印象を素早く変えられます。

使い方の流れ

  1. 画像を登録する

    ビジュアル管理で、パソコン用・スマホ用の画像をアップロードし、タイトルやリンク先を入力して1枚ずつ登録します。

  2. 掲載期間と公開状態を決める

    いつからいつまで表示するかの期間と、公開するかどうかの状態を設定します。期間を決めれば自動で出し入れされます。

  3. 複数の画像をまとめる

    「ビジュアル組み合わせ」で、登録した画像を複数選んで1つのセット(スライダーやバナー群)にまとめます。

  4. サイトに反映する

    作ったセットを表示したい箇所に割り当てると、トップなどに反映されます。差し替えたいときはセットを入れ替えるだけです。

できること

  • キービジュアル・バナー画像の1枚ごとの登録・編集・削除
  • パソコン用画像とスマートフォン用画像の別々の登録
  • 画像へのリンク先・開く先(同じ窓/別窓)の設定
  • リード文(画像に添える短い説明)の登録
  • 掲載期間(開始日・終了日)の指定による自動の出し入れ
  • 公開・非公開の状態切り替え
  • カテゴリ・サブカテゴリによる分類・絞り込み
  • 「ビジュアル組み合わせ」で複数画像を1セットにまとめる
  • セット内の画像の並び順の管理
  • 作ったセットを表示箇所へ割り当て(スライダー・バナー群として表示)

画面で見る機能の詳細

PC用・スマホ用画像の登録欄

1枚のキービジュアルに対し、パソコン用とスマホ用の画像を別々に登録する入力欄です。両方の枠が並ぶ様子は止まった1枚でしっかり伝わります。

掲載期間と公開状態の設定

開始日・終了日と公開/非公開を決める設定部分です。期間を入れておけば自動で表示が切り替わる仕組みを、項目の見えるキャプチャで示します。

複数ビジュアルを1セットに束ねる組み合わせ編集

登録ずみのビジュアルを複数選んで1つのセット(スライダーやバナー群)にまとめる「ビジュアル組み合わせ」の編集画面です。どの画像をセットに含めるかを選ぶ様子を見せます。

活用シーン

  • 季節ごとにトップページのキービジュアルを差し替えて、サイトの雰囲気を変えたいとき
  • キャンペーンバナーを期間限定で自動的に表示・終了させたいとき
  • 複数のバナーを束ねて、順番に切り替わるスライダーでトップを訴求したいとき
  • パソコンとスマホで最適な画像を出し分けて、どちらでも見映えよく見せたいとき

まずはお気軽にご相談ください。

自由なデザインと、迷わない運用を。
Container で始めませんか。

WordPress・独自CMSからの移行もご相談ください。お客様のサイト規模・運用体制に合わせて個別にご提案します。