menu

MuseとWordPressの連携(その6/Adobe Muse)

Adobe MuseとWordPressを連携させたサイトの制作に挑戦。

今回からは「MusexPress」が2.0にアップグレードしましたので
こちらを使ったサンプルページの制作を進めようと思います。

○通常のWordPressを構築。

○バージョン1.0はアナログで「MusexPress」のデータ一式を差し替えましたが
バージョン2.0ではMuse上から「FTPホストにアップロード」でレイアウトデータと
合わせてインストールする方式に変わっています。

○レイアウトページ上に「MusexPress – Auto installer.mulib」を配置
ファイル/アップロードするファイルを追加から「install.php」「musexpress.zip」を選択。

musexpress2_0-01

○「FTPホストにアップロード」からデータをアップ。

○ログイン画面より、「日本語」を選択。

musexpress2_0-02
musexpress2_0-03

○データベース名、ユーザー名、パスワード、データベースのホスト名、テーブル接頭辞 を入力

musexpress2_0-04
musexpress2_0-05

○管理画面の表示。
「MusexPress 2.0」専用の管理画面が表示されます。

musexpress2_0-06

○「Settings」上でMuseGain IDを登録。

musexpress2_0-07

○「Pages Converter」上で該当ページにチェックを入れてコンバート。
Statusが「Not converted yet!」から「Already converted!」に切り替わります。

musexpress2_0-08

★ここで問題が発生!
Parse error: syntax error,  〜 /wp-content/plugins/musexpress/admin/class-musexpress-page-converter.php on line 223
となり、「Already converted!」されません。

○ただし、index.phpを直打ちするとページは表示されていますので
コンバートされているのか否か、もう少し他の要素も加えていきながら
確認しようと思います。

musexpress2_0-09

▽サンプル
live-preview

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

▽インストールの解説動画はコチラ

gallery-connect01CSVファイルでコントロールするギャラリー(Adobe Muse)

animate-sample12レスポンシブ対応用に書き出せるようになりました。(Adobe Animate CC)

関連記事

  1. slides-presentations01

    スライドショーでプレゼンテーション(Adobe Muse CC)…

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェット「…

  2. hero-connect03

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

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェット「…

  3. animate-sample06

    水平移動、垂直移動、角度変更、連続回転のアニメーション(Adob…

    ◎HTML5 CanvasではFlashプラグインを使用せずにインタラクティブコンテンツの表現を…

  4. water-ripple-effect02

    画面いっぱいに水の波紋(Adobe Muse)

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

  5. infiniscroll01

    イメージのスクロールでパノラマ表現(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェッ…

  6. moving-slideshow02

    ムービングスライドショー(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェッ…

  7. animate-sample10

    ムービークリップがマウスの方向へ向きを変えます(Adobe An…

    ◎HTML5 CanvasではFlashプラグインを使用せずにインタラクティブコンテンツの表現を…

  8. scrollpercentage

    スクロールの追跡(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェッ…

PAGE TOP