menu

Search Boxの設定(MusexPress3)

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

「Search Box」利用する事で検索ボックスの設置が可能になります。

◎WordPressで「search-box」をインストール。

◎Adobe Museで該当ページへ「MusexPress – Search Box 3」Widgetを配置。

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

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

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

▽サンプルサイト
live-preview

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

musexpress3_12Page creatorの設定(MusexPress3)

musexpress3_18Dynamic Menuの設置(MusexPress3)

関連記事

  1. yamase_03

    実例1・ヤマセのすり鉢(MusexPress3)

    Muse + MusexPress = WordPressによる制作方法で実際に稼働しているサイ…

  2. sidebar-connect02

    強力サイドバーナビゲーションシステム(Adobe Muse)

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

  3. presentation-panels

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

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

  4. qr-mobile-preview

    自動QRコード(Adobe Muse)

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

  5. slanted-panels-01

    斜めのラインとスクロール効果を使う流行のデザインも簡単に表現可能…

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

  6. water-ripple-effect02

    画面いっぱいに水の波紋(Adobe Muse)

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

  7. slide-reel01

    フルスクリーン表示のスライドショー(Adobe Muse)

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

  8. muse-samplesite01-01

    Adobe Museでレスポンシブ対応サンプルサイト01(Ado…

    Adobe Muse CCを利用して、レスポンシブ対応のサンプルサイトを制作しました。※ページ内…

PAGE TOP