Dynamic Menuの設置(MusexPress3)

SERVICE

『Adobe Muse』と『MusexPress3』を組み合わせることで
コーディング作業なしにWordPressサイトの制作が可能。

「Dynamic Menu」を利用する事でアニメーション効果を持たせた
2種類のメニューの設置が可能になります。

◎WordPressで「dynamic-menu」をインストール。

・外観/メニューより新規メニューを作成。

◎Adobe Museで「MusexPress – Dynamic Menu 3」Widgetを読込。

〔Animated Menuの場合〕

◎Adobe Museで該当ページへ「MusexPress – Dynamic Menu 3/Animated Menu」Widgetを配置。

・WordPressで設定した「メニュー名」と同じものを配置したWidget内の項目(Menu title)に設定。
その他、アニメーションのエフェクト、カラーなども設定。

設定完了後、〔ファイル〕メニューの〔FTPアップロード〕からファイルをアップ。
注)ルートパスを選択する項目では最後に「/mxp_theme」とする。
注)アップロードをスタートさせるとFTP検証アラートが表示されるが「無視」を選択してアップを継続する。

◎WordPressでページを変換する。

アップロードが完了したら、WordPressに作業を移して、
「MusexPress/Pages Converter」よりページを選択して変換します。
赤色で表示されているページは変換されておらず、変換されると緑色の表記になります。

▽サンプルサイト
live-preview

〔Vertical Menuの場合〕

◎Adobe Museで該当ページへ「MusexPress – Dynamic Menu 3/Animated Menu」Widgetを配置。

・WordPressで設定した「メニュー名」と同じものを配置したWidget内の項目(Menu title)に設定。
その他、アニメーションのエフェクト、カラーなども設定。

※同サービスから提供されている「Absolute Muse Menu」と連携させることで表示させることが出来るようになります。
「Absolute Muse Menu」についての詳細はコチラ(外部サイト)

設定完了後、〔ファイル〕メニューの〔FTPアップロード〕からファイルをアップ。
注)ルートパスを選択する項目では最後に「/mxp_theme」とする。
注)アップロードをスタートさせるとFTP検証アラートが表示されるが「無視」を選択してアップを継続する。

◎WordPressでページを変換する。

アップロードが完了したら、WordPressに作業を移して、
「MusexPress/Pages Converter」よりページを選択して変換します。
赤色で表示されているページは変換されておらず、変換されると緑色の表記になります。

▽サンプルサイト
live-preview

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

kishioka yasuo

kishioka yasuo

ホームページの企画・制作・運営・管理を主業務とする岸岡デザイン事務所のブログです。

関連記事

最近の記事

ランキング

  1. 1

    パラパラと文字が上から落ちてくるモーショングラフィックス(After Effects)

  2. 2

    黒板にチョークで書いたような文字とイラストのアニメーション

  3. 3

    映像にシェイク効果を簡単に(Premiere Pro/Motion Array)

  4. 4

    テキストを3D表現で回転するアニメーションを作成(After Effects)

  5. 5

    マスクパスを【エフェクト/電波】でアニメーションさせる(After Effects)

最近の記事

  1. 筆の筆跡イメージを使って写真を簡単にマスクする方法(Affnity Photo)

  2. 文字を透明に切り抜く方法【Affinity Photo】

  3. Filmoraにお任せで編集してもらえるハイライト自動検出機能【Filmora X】

  4. パスに沿ってテキストを配置する方法【Affinity Photo】

  5. パターンレイヤーを使って簡単に背景を作る方法(Affnity Photo)

動画パーツの制作・販売

After Effects、Premiere Proによる動画パーツの制作・販売/YOUTUBE-STUDIO

グラフィックパーツの制作・販売

Photoshop、Illustrator等によるグラフィックパーツの制作・販売/Kishioka Graphic Studio

STUDIOで制作するWEBサイト

時短で低価格の本格的なホームページを『STUDIO』で制作

オリジナル雑貨をminne/BASEで販売

オリジナル雑貨をminne/BASEで販売中。/Zakka2251
kishioka yasuo

kishioka yasuo

ホームページの企画・制作・運営・管理を主業務とする岸岡デザイン事務所のブログです。

TOP