更新日: 2019 / 02 / 01

UICube スライダープラグインの使い方

主な機能

スライドショーを表示できるプラグインです。主な機能は以下の通りです。

  • スライドショーのタイプ選択
  • 表示する画像の登録

インストール方法

オーナーズストア->プラグイン->プラグイン一覧ページにあるUICubeの設定画面からインストールできます。 (UICubeプラグインのインストール方法はこちら

設定方法と設定項目

オーナーズストア->プラグイン->プラグイン一覧ページでプラグインの設定アイコンをクリックし、設定画面を開いてください。設定画面で設定ボタンを押すと記入内容が保存され、ページに反映されます。

  • ブロックタイプ: ボックス、フルワイドから選択できます。
  • スライドタイプ: デフォルト、カルーセル、サムネイルから選択できます。

設定方法と設定項目

画像の登録

  • 画像URL: 画像のパスを入力してください。
  • 画像Alt: 画像のAlt属性に入れたいテキストを入力してください。
  • 画像リンク: 画像につけたいリンクがあれば入力してください。

設定方法と設定項目

画像の登録について

画像は管理画面の、コンテンツ管理->ファイル管理からアップロードできます。画像のパスはhtml/user_data/以降のパスを入力してください。

記入例)html/user_data/shop-image/header-logo.jpg の場合、 shop-image/header-logo.jpg と記入してください。

列数は画像1つ1つに対して指定できます。画像を3列で並べたい場合は3つの画像に対してそれぞれ3列を指定してください。

登録した画像は再編集や削除ができます(ここで削除しても元の画像が削除されることはありません)。

設置方法

コンテンツ管理->レイアウト管理で編集したいレイアウトをクリックし、レイアウト編集ページを表示してください。

インストールしたプラグインをcontent_topエリアに移動してください。

設定方法と設定項目

移動が完了したら、登録ボタンを押してレイアウトの変更を完了してください。 問題なければ以下のように表示されます。

レイアウトタイプ

デフォルト

レイアウトタイプ1

カルーセル

レイアウトタイプ2

サムネイル

レイアウトタイプ3