Nice to have you back again

Download the Frontend Editor Plugin

Download the Frontend Editor Plugin from MuseGain.com and unzip the file. You will can find 2 folders: Plugin and Widgets. In the Plugin folder you will find the musexpress-blog.zip file. In the Widget folder you will find the mulib files.

Install the Plugin

Go to the WordPress admin panel and go to the “plugins” menu. Click on the “add new” button on the top and then upload the plugin. Select the musexpress-blog.zip file from the plugin folder and then click on the “install now” button. Wait for installation, and then activate the plugin.

Install the Widgets

To install all the Muse widgets double click on the mulib files in the widget folder. You will find them in the Library Panel in Adobe Muse.  A folder called “MusexPress – Frontend Editor” will appear. It includes 3 widgets:

  • Text
  • Image
  • Video

Text Widget

Go to the library panel and drag and drop the Text widget into the canvas. Once the widget menu is opened you immediately see a message suggesting to use different IDs for each dynamic text you want to add in the page.

Choose the ID (you can even leave the default one) and then click on the tag section from the select menu. Then you only need to write the text that you want from the text box section (the four sections you see in the widget menu all refer to the same text box. We added them to give you the chance to insert more and more text for each box).

From this menu you can also select the letter spacing and the auto height for each text box. The latter checkbox allows you to have a dynamic adjusting of the text box height.

Font, size and color are easily editable from the muse Text Menu.

Let’s proceed with the paragraph.

Copy and paste the widget into the canvas and open the widget menu. Choose a different ID and insert the paragraph content. Remember to choose the Tag you wanna add to the the text box.

Font, size and color are easily editable from the muse Text Menu.

This widget allows you to add a dynamic text into a button too. You just have to drag and drop the State Button native widget into the canvas.

Delete the text inside the button and copy and paste the text widget into the button area.

Open the widget menu, change the ID and insert the text from the text box area. As before, font, size and color are easily editable from the muse Text Menu.

 

Image Widget

Drag & Drop the Image widget into the canvas. Use the native Muse features to insert an image (the Fill Menu). In the widget menu you have to insert an unique ID for each editable element.

The section placed at the bottom of the menu allows to handle the image shadow.

Video Widget

Drag & Drop the Video widget into the canvas and open the menu.

Insert an unique ID and choose the video format you prefer. Add the video directly from the widget menu.

Four checkboxes allow to customize the player as you want.

Upload the Muse Template

Once your website design is finished, click on the File menu and then “upload to FTP hosting”. We insert our FTP credentials and continue. Now we have to insert the site URL. Pay attention to the “folder on server section”. That’s a very important step to have MusexPress working properly. You need to insert here the same WordPress installation path as completed before (either in root folder or in subfolder) and add  /mxp_theme. We’re ready to go to the next steps. In the Upload section select “All files” if you’re uploading MusexPress for the first time. Then you can choose “only modified files”. Click ok. You will see an FTP validation alert. Don’t worry about that. Click on Ignore and wait for the website upload.

Convert all the Pages

Once uploaded, jump back to your MusexPress admin panel, go to the MusexPress menu and click on “pages converter”.

Select all the pages of your Muse project and click on the convert button. Keep in mind you have to follow this step everytime you upload your Muse Project again.

How to manage the contents

The plugin gives you the chance to keep (or not) changes made by your clients.

In the case you need to overwrite changes made on the Frontend with Muse original features, you only need to check the “Overwrite contents” option from MusexPress General menu.

An alternative to Adobe Muse? Keep on building awesome websites visually with many design resources!
Explore Udesly