hero-connect03

Adobe Muse CCを使ったホームページ制作

時刻や曜日に合わせて画像・動画・テキストを自動で切り替え(Adobe Muse)

【Adobe Muse】の機能を利用したコンテンツを紹介しています。
サードパーティウィジェット「Hero Connect」Widgetを利用することで、
画像や動画、その上に掲載するタイトルやキャプションのテキストを
ランダムの他、時間や曜日で切り替え表示が可能になります。

 ☆月曜から日曜日まで曜日毎に切り替え表示。
 ☆午前、午後、夜、夜明けの時間帯で切り替え表示。
 ☆24時間、1時間毎に切り替え表示。

◎設定は配置したWidgetにCSVソースを読み込む形で行います。
読み込む方法は2種類有り、
1つは「Googleスプレッドシート」を使う方法。
リンクを設定して行う事でMuseを開かずにネット上で各設定が行えます。
もう1つは「ローカルCSVファイル」を読み込む方法。
こちらは変更を行う際にはMuseを開いて都度再設定を行います。

※テキストのカラー設定が1箇所しかありませんので画像によってはテキストが読みづらい箇所があります。

hero-connect07

hero-connect08

▽サンプル1(ランダム、曜日、時間帯のサンプルを作成しています。※ページ左上にメニューがあります。)
live-preview

▽サンプル2(24時間、1時間毎に切り替え表示のサンプルを作成しています。※分の単位は指定できません。)
live-preview

▽サンプル3(同様の事が動画でも可能です。※サンプルはランダム設定で作成しています。)
live-preview

「Hero Connect」Widgetについての詳細はコチラ(外部サイト)

filmora-pho014-01トランジション「ベーシック編6(終)」(Filmora)前のページ

ページ上にTwitterのフィードを掲載(Adobe Muse)次のページtwitter-feed-pro

関連記事

  1. image-text

    Adobe Muse CCを使ったホームページ制作

    テキストに画像を配置(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。…

  2. particles

    Adobe Muse CCを使ったホームページ制作

    写真に重ねた素材に動きを付けて魅力アップ(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。…

  3. search-essentials02

    Adobe Muse CCを使ったホームページ制作

    サイト内検索機能(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。…

  4. slanted-panels-01
  5. fullscreen-gallery
  6. category-quick-view-001

    Adobe Muse CCを使ったホームページ制作

    カテゴリークイックビュー(Adobe Muse CC)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。…

  1. musexpress3_12

    Adobe Muse CCを使ったホームページ制作

    Page creatorの設定(MusexPress3)
  2. animate-sample11

    Adobe Animate CCを使ったコンテンツ制作

    ステージをクリックする度にムービークリップが置き換わります(Adobe Anim…
  3. landing-page05

    Adobe Muse CCを使ったホームページ制作

    Adobe Museならスピードアップ&コストダウン。
  4. media-pro-gallery-2-01_01

    Adobe Muse CCを使ったホームページ制作

    複数レイアウトからライトボックスに展開可能のメディアギャラリー(Adobe Mu…
  5. musexpress3_15

    Adobe Muse CCを使ったホームページ制作

    Search Boxの設定(MusexPress3)
PAGE TOP