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. musexpress2_0-10

    MuseとWordPressの連携(その7/Adobe Muse…

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

  2. interactive-particles

    マウス操作で粒子が飛び散るインパクト表現(Adobe Muse)…

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

  3. musexpress11

    MuseとWordPressの連携(その4/Adobe Muse…

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

  4. bigmenu03

    フルスクリーンメニューが11種(Adobe Muse)

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

  5. rapidreveal01

    アコーディオン方式で展開させるイメージギャラリー(Adobe M…

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

  6. presentation-panels

    フルスクリーンスクロール(Adobe Muse)

    サードパーティウィジェット「Presentation Panels」Widgetを利用することで、…

  7. headliner

    9種類のテキストアニメーション(Adobe Muse)

    サードパーティウィジェット「HeadLiner」Widgetを利用することで、ヘッドコピーなどの…

  8. 26-menu-styles

    メニューのデザインに動きのあるちょっとしたアクセントを(Adob…

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

PAGE TOP