How to edit Muse templates

This tutorial shows how to edit Muse templates.

1. Please unzip the template and open sources/AdobeMuse folder. Open .muse file in Adobe Muse editor:

   

2. We can see all pages and sub pages in Plan mode. Double-click on the appropriate page in order to open it for editing:

   

3. Select the text tool. Click on the appropriate text and change it. Double-click on slider arrows in order to open next slide and change its text:

   

4. You can also change text color using Color Widget. The font size can be changed using Text tool options:

   

5. You can select arrows and other elements and move them using the Selection Tool:

   

Let’s set the link to more button.

1. Select text. Click on Hyperlinks section. Check Open link in new window option in case you need the link to be opened in the new window or tab. Select Edit Link Styles:

   

2. Select colors and styles for the link. Set hover colors, underline, etc.:

   

3. Add the hyperlink and click Enter:

   

Now we are going to replace the image.

1. Right-click on the image you would like to replace. Click on Replace Image:

   

2. Select the image:

   

3. We have changed the image:

   

4. In our case template has a logo image. You can replace it as regular image in the way we have specified above.

Replacing video.

1. Our template comes with the embedded video. Right-click on the video and select Edit HTML:

   

2. Change the embed code:

   

Now we are going to change the menu titles.

1. We can see the page titles like home, about, etc. Those page titles are used for the Menu titles. Menu titles change automatically when you change the page title:

   

2. Go to Plan mode, Right-click on page and click on Rename Page:

   

3. Perform the same actions for other pages:

   

4. We can see that Menu titles were changed automatically:

   

Export to HTML.

1. Save the changes you have performed to .muse file.

2. Go to File – Export as HTML in order to export your .muse file to html web site:

3. Select folder and specify your domain name:

   

4. We can see our web site files. Please upload them to live server or localhost in order to check how your site looks and works. Please note that not all elements will display in case you open web site locally (without uploading it to live server):

   

5. We have uploaded the web site to server and opened it. This is how our modified template looks:

   

Feel free to check the detailed video tutorial below: