musexpress09

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

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

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

関連記事

  1. typekit01

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

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

    作業画面上ではTypekitフォントが反映されるものの書き出したHTM…

  2. animate-sample07
  3. document-viewer01

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

    さまざまなドキュメントをサイトに直接表示(Adobe Muse CC)

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

  4. social-sharing01

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

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

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

  5. audio-visualizer

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

    音に合わせてヴィジュアルが変化(Adobe Muse)

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

  6. musexpress2_0-06

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

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

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

  1. filmora032-01

    Filmora

    26種類のフレームオーバーレイ(後半)(Filmora)
  2. photoshop-gallery003

    Photoshop

    Photoshop Gallery 003
  3. presentation-panels

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

    フルスクリーンスクロール(Adobe Muse)
  4. particles

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

    写真に重ねた素材に動きを付けて魅力アップ(Adobe Muse)
  5. studio-001

    STUDIO

    『STUDIO』を始める
PAGE TOP