menu

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

Adobe MuseとWordPressを連携させたサイトの制作に挑戦。
MusexPress」と言うサービスを利用しています。

今回は「固定ページ」について調べました。

◎まずは<pages-plugin.zip>をMusexPress(WordPress)にアップロード〜有効化。

◎固定ページの作成方法は従来のWordPressと同じです。
・Muse上で配置するウィジェットと連携させるために入力画面/表示オプションよりスラッグにチェック。
任意の語句を設定します。

musexpress09

◎Muse上で連携させたい箇所に<MusexPress – Pages 2.0.mulib>ウィジェットを配置。
Pages 2.0オプション内にスラッグを設定する箇所があるので合わせる。

◎FTPアップの上、(その1)で行ったように変換作業を行います。

musexpress10

※これで連携させることは出来るようになりますが
頻繁にWordPress上で更新作業を行う必要性のある箇所以外については、
固定ページはMUseで投稿はMusexPress(WordPress)でと分けた方が効率は良さそうです。

▽サンプル(※調整中)
live-preview

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

続きの作業へ・・。
(オリジナルのレイアウトによる制作を進めたいと思います。)

musexpress06MuseとWordPressの連携(その2/Adobe Muse)

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

関連記事

  1. pop-ups01

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

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

  2. muse-sample05-1

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

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

  3. musexpress3_18

    Dynamic Menuの設置(MusexPress3)

    『Adobe Muse』と『MusexPress3』を組み合わせることでコーディング作業なしにW…

  4. carousel-gallery

    メリーゴーランドギャラリー(Adobe Muse)

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

  5. search-essentials02

    サイト内検索機能(Adobe Muse)

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

  6. animate-sample01

    <HTML5 Canvas>仕様で可能な事を調べています。(その…

    ◎HTML5 CanvasではFlashプラグインを使用せずにインタラクティブコンテンツの表現を…

  7. sunder-gallery-01

    演出効果に優れたカード型レイアウトを簡単に。(Adobe Mus…

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

  8. jotform01

    Museでも高機能なフォームを(Adobe Muse CC)

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

PAGE TOP