このセクションの記事一覧はこちら

作成したコンテンツをカルーセル機能として設定する

  1. コンテンツ編集画面よりコンテンツファインダーを開き、「リンク生成」を押下します。
  2. 先ほど作成した、カルーセル元になるフリーレイアウト機能をクリックします。
  3. 画面上部に表示されたA内「/tab/bio/xxxxxx」の文字列が必要なコードになるので、コピーして控えます。

    作成したコンテンツをカルーセル機能として設定する1.png※xxxxxxはコンテンツごとにユニークなIDになりますので、画像はあくまで参考例となりなす。

  4. コンテンツ管理から、カルーセルを設置したいフリーレイアウト機能を開きます。
  5. カルーセルを設定する位置に空のブロックを用意し、そのブロックのタイトルに

    horizontal_scroll(カルーセル元ページのコード,カルーセルで指定できる要素 ①,②,③,④,⑤)を入力します。
    カルーセル2.png

  6. 設定が完了したら、ページの下部にある「保存する」ボタンを押して完了になります。

 

ヒント

  • カルーセルで指定できる要素各設定の詳細は以下となります。
① ループの指定コンテンツが最後まで表示されたあとに最初の画像を表示するかどうか、ループの有無を指定できます。
0:ループしない、1:ループする
② ページングの指定コンテンツを手動でスクロールし中途半端な位置で止まった場合に、画面内にコンテンツが収まるよう吸着する動作の有無を指定できます。
0:ページングしない、1:ページングする
③ コンテンツの揃え位置の指定コンテンツのサイズが異なる場合、上揃え・中央揃え・下揃えでいずれかを指定できます。
0:センター 、1:トップ、2:ボトム
④ 自動スクロールの指定コンテンツの自動スクロールの有無を指定できます。
0:自動スクロールしない、1:自動スクロールする
⑤スクロールするまでの時間を指定スクロールするまでの時間(秒単位)を指定できます。推奨は4〜7秒程度です。
例)5 → 5秒でスクロールさせる  
  • ループ無しで設定した場合は、自動スクロールを有りにしても自動スクロールしない仕様となっております。
  • 自動スクロールは手動で動かした後はスクロールしない仕様となっております(Androidは他タブ遷移でスクロールします)。

 

不明点はございますか? お気軽にお問い合わせください >

不明点はございますか? お気軽にお問い合わせください >