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. span-slider

    フルブラウザの幅で表示するスライドショー(Adobe Muse)…

    サードパーティウィジェット「Span Slider」Widgetを利用することで、フルブラウザの…

  2. absolute-muse-menu2-11

    カスタマイズ豊富なハンバーガーメニュー(Adobe Muse)

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

  3. transitioner01

    58種類のページ切り替えアニメーション(Adobe Muse)

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

  4. pop-ups01

    3つの方法でポップアップ(Adobe Muse)

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

  5. big-box-menu07

    直接編集可能な全画面ナビゲーションメニュー(Adobe Muse…

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

  6. superhero01

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

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

  7. modal-pop-up

    モーダルポップアップ通知(Adobe Muse)

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

  8. google-calender

    グーグルカレンダーの読み込み(Adobe Muse)

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

PAGE TOP