menu

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

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

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

オフィシャルプラグインのインストール方法です。

○バージョン2.0では、管理画面から各プラグインをダウンロードできます。
 ・Blog
 ・Login Area
 ・Pages
 ・Search Box
 ・Social Share

musexpress2_0-10

○ダウンロードファイル内にはWordPressにインストール用の「zip」ファイルと
Museで使用する「mulib」ファイルが入っています。

(例)Blog
 ・blog-plugin.zip
 ・MusexPress – Blog 2.0 (Tools).mulib
 ・MusexPress – Blog 2.0 (Single Post Elements).mulib

○管理画面、プラグインメニューより対象プラグインをインストール〜有効化。

musexpress2_0-11

▽サンプル
live-preview

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

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

photo-filter01マウスオーバー時のフォトフィルター(Adobe Muse)

関連記事

  1. image-shapes-a-01-2

    ポリゴンの数値による画像のモーフィング(Adobe Muse)

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

  2. fullscreen-slideshow-cover01

    Webサイト全体をフルスクリーンスライドショーで魅せる(Adob…

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

  3. fullscreen-split-slider01

    フルスクリーン分割スライダー(Adobe Muse)

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

  4. infiniscroll01

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

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

  5. muse-sample05-1

    スクロールでスライドショーを動かす(Adobe Muse)

    スクロール効果を使って動的な表現の提案(1)ウィジェットライブラリの【スライドショー】とスクロー…

  6. big-box-menu07

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

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

  7. animated-page

    ページ遷移アニメーション(Adobe Muse)

    サードパーティウィジェット「Animated Page Transitions」Widgetを利用す…

  8. 26-menu-styles

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

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

PAGE TOP