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. musexpress06

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

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

  2. superhero01

    ブラウザ天地に自動調整フルスクリーンイメージ(Adobe Mus…

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

  3. fullscreen-gallery

    フルスクリーンフォトギャラリー(Adobe Muse)

    サードパーティウィジェット「Fullscreen Thumbnail Gallery」Widgetを…

  4. typekit01

    Adobe MuseにおけるTypekitフォント使用に関する検…

    作業画面上ではTypekitフォントが反映されるものの書き出したHTMLには反映されないので検証して…

  5. animateall

    最大3つまでの連続アニメーション(Adobe Muse)

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

  6. social-sharing01

    ソーシャルシェアボタンの掲載(Adobe Muse)

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

  7. nav-system_05

    簡単でバラエティ豊かなナビゲーションシステム(Adobe Mus…

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

  8. lightbox01

    2タイプのライトボックスギャラリー(Adobe Muse)

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

PAGE TOP