musexpress2_0-10

Adobe Muse CCを使ったホームページ制作

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)前のページ

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

関連記事

  1. animated-buttons

    Adobe Muse CCを使ったホームページ制作

    ボタンにアニメーションを付けてワンポイント(Adobe Muse)

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

  2. 26-menu-styles
  3. musexpress2-01

    Adobe Muse CCを使ったホームページ制作

    MusexPress 2.0/近日公開

    Chromeで翻訳されたものを書き出しています。なんとな〜く意味し…

  4. musexpress09

    Adobe Muse CCを使ったホームページ制作

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

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

  5. dynamic-copyright

    Adobe Muse CCを使ったホームページ制作

    コピーライトの年号を自動で変更(Adobe Muse)

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

  6. versaslide_img01

    Adobe Muse CCを使ったホームページ制作

    ページスライドアニメーション(Adobe Muse)

    サードパーティウィジェットの「Versa Slide」Widgetを利…

  1. filmora-pho003-01

    Filmora

    テキスト「タイトル編」(Filmora)
  2. animate-sample09

    Adobe Animate CCを使ったコンテンツ制作

    マウスの動きを追いかけるムービークリップに減速効果(Adobe Animate …
  3. mediapro-gallery

    Adobe Muse CCを使ったホームページ制作

    メディアプロ・ギャラリー(Adobe Muse)
  4. filmora-010

    Filmora

    ホラー映画風のタイトルを演出してみよう!(Filmora9)
  5. musexpress09

    Adobe Muse CCを使ったホームページ制作

    MuseとWordPressの連携(その3/Adobe Muse)
PAGE TOP