Documentation

[fullwidth background_color=”#74b5a3″ background_image=”” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ background_repeat=”no-repeat” background_position=”left top” video_url=”” video_aspect_ratio=”16:9″ video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” border_size=”0px” border_color=”” border_style=”solid” padding_top=”20″ padding_bottom=”20″ padding_left=”” padding_right=”” hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”no” menu_anchor=”” class=”” id=””][separator style_type=”none” top_margin=”60″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][fusion_text]

Welcome to Muse to WordPress Converter!

[/fusion_text][separator style_type=”none” top_margin=”” bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][fusion_text]

In this page you can find all the information that you need to set up your template and convert it to WordPress. View our online tutorials or follow the instructions below. Pay careful attention to all the steps as they are all essential to make your template compatible with WordPress.

[/fusion_text][separator style_type=”none” top_margin=”60″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][/fullwidth][section_separator divider_candy=”bottom” icon=”” icon_color=”” bordersize=”1px” bordercolor=”” backgroundcolor=”#74b5a3″ class=”” id=””][fullwidth background_color=”” background_image=”” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ background_repeat=”no-repeat” background_position=”left top” video_url=”” video_aspect_ratio=”16:9″ video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” border_size=”0px” border_color=”” border_style=”” padding_top=”20″ padding_bottom=”20″ padding_left=”” padding_right=”” hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”no” menu_anchor=”” class=”” id=””][separator style_type=”none” top_margin=”70″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][one_half last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ class=”” id=””][imageframe lightbox=”no” lightbox_image=”” style_type=”none” hover_type=”none” bordercolor=”” bordersize=”0px” borderradius=”0″ stylecolor=”” align=”none” link=”” linktarget=”_self” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ hide_on_mobile=”no” class=”” id=””] [/imageframe][separator style_type=”none” top_margin=”40″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][/one_half][one_half last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ class=”” id=””][separator style_type=”none” top_margin=”40″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][fusion_text]Either you design a template from scratch, use a third party template or modify our Alpha or Sports Template, you must have 5 pages and name them Home, Single, Page, Search and Category. The Converter works with responsive layouts, not adaptive. Keep this in mind when you design!

  • If you start from scratch, create 5 pages and name them as above.
  • If  your third party template has less than 5 pages, duplicate or create new pages until you have 5.
  • You will also find that your third party template has named each page differently. You must also rename the pages as above.

[/fusion_text][/one_half][separator style_type=”none” top_margin=”70″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][/fullwidth][section_separator divider_candy=”top” icon=”” icon_color=”” bordersize=”1px” bordercolor=”” backgroundcolor=”#74b5a3″ class=”” id=””][fullwidth background_color=”#74b5a3″ background_image=”” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ background_repeat=”no-repeat” background_position=”left top” video_url=”” video_aspect_ratio=”16:9″ video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” border_size=”0px” border_color=”” border_style=”solid” padding_top=”20″ padding_bottom=”20″ padding_left=”” padding_right=”” hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”no” menu_anchor=”” class=”” id=””][separator style_type=”none” top_margin=”40″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][fusion_text]

Widgets & Pages

[/fusion_text][separator style_type=”none” top_margin=”40″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][one_half last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ class=”” id=””][separator style_type=”none” top_margin=”50″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][fusion_text]

In order to make your template compatible with WordPress, you need to place the appropriate widgets on each page. All widgets are named as the 5 pages, so it will be easy for you to find them and place them correctly.

The Converter has 7 widgets, 5 of them are essential and 2 are completely optional, and including them will depend on you and your design.

[/fusion_text][separator style_type=”none” top_margin=”40″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][imageframe lightbox=”no” lightbox_image=”” style_type=”none” hover_type=”none” bordercolor=”” bordersize=”0px” borderradius=”0″ stylecolor=”” align=”center” link=”” linktarget=”_self” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ hide_on_mobile=”no” class=”” id=””] [/imageframe][/one_half][one_half last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”#74b5a3″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”solid” padding=”” margin_top=”” margin_bottom=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][separator style_type=”none” top_margin=”90″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][imageframe lightbox=”no” lightbox_image=”” style_type=”none” hover_type=”none” bordercolor=”” bordersize=”0px” borderradius=”0″ stylecolor=”” align=”none” link=”” linktarget=”_self” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ hide_on_mobile=”no” class=”” id=””] [/imageframe][/one_half][separator style_type=”none” top_margin=”40″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][content_boxes settings_lvl=”child” layout=”icon-on-top” columns=”4″ icon_align=”left” title_size=”20px” title_color=”#792556″ body_color=”#606060″ backgroundcolor=”#e8e8e8″ icon_circle=”” icon_circle_radius=”” iconcolor=”#1e73be” circlecolor=”” circlebordercolor=”#e8e8e8″ circlebordersize=”” outercirclebordercolor=”#e8e8e8″ outercirclebordersize=”” icon_size=”” icon_hover_type=”” hover_accent_color=”” link_type=”” link_area=”” linktarget=”” animation_delay=”” animation_type=”0″ animation_direction=”left” animation_speed=”0.1″ margin_top=”” margin_bottom=”” class=”” id=””][content_box title=”Single Widget (essential)” icon=”fa-asterisk” backgroundcolor=”” iconcolor=”” circlecolor=”” circlebordercolor=”” circlebordersize=”” outercirclebordercolor=”” outercirclebordersize=”” iconrotate=”” iconspin=”no” image=”” image_width=”35″ image_height=”35″ link=”” linktext=”” linktarget=”_self” animation_type=”” animation_direction=”” animation_speed=””]

Place this widget on the page named SINGLE.

[/content_box][content_box title=”Page Widget (essential)” icon=”fa-star” backgroundcolor=”” iconcolor=”” circlecolor=”” circlebordercolor=”” circlebordersize=”” outercirclebordercolor=”” outercirclebordersize=”” iconrotate=”” iconspin=”no” image=”” image_width=”35″ image_height=”35″ link=”” linktext=”” linktarget=”_self” animation_type=”” animation_direction=”” animation_speed=””]

Place this widget on the page named PAGE.

[/content_box][content_box title=” Search Widget (essential)” icon=”fa-leaf” backgroundcolor=”” iconcolor=”” circlecolor=”” circlebordercolor=”” circlebordersize=”” outercirclebordercolor=”” outercirclebordersize=”” iconrotate=”” iconspin=”no” image=”” image_width=”35″ image_height=”35″ link=”” linktext=”” linktarget=”_self” animation_type=”” animation_direction=”” animation_speed=””]

Place this widget on the page named SEARCH.

[/content_box][content_box title=”Category Widget (essential)” icon=”fa-certificate” backgroundcolor=”” iconcolor=”” circlecolor=”” circlebordercolor=”” circlebordersize=”” outercirclebordercolor=”” outercirclebordersize=”” iconrotate=”” iconspin=”no” image=”” image_width=”35″ image_height=”35″ link=”” linktext=”” linktarget=”_self” animation_type=”” animation_direction=”” animation_speed=””]

Place this widget on the page named CATEGORY.

[/content_box][/content_boxes][content_boxes settings_lvl=”child” layout=”icon-on-top” columns=”3″ icon_align=”left” title_size=”10px” title_color=”#792556″ body_color=”#606060″ backgroundcolor=”#e8e8e8″ icon_circle=”” icon_circle_radius=”” iconcolor=”#1e73be” circlecolor=”” circlebordercolor=”#e8e8e8″ circlebordersize=”” outercirclebordercolor=”#e8e8e8″ outercirclebordersize=”” icon_size=”” icon_hover_type=”” hover_accent_color=”” link_type=”” link_area=”” linktarget=”” animation_delay=”” animation_type=”0″ animation_direction=”left” animation_speed=”0.1″ margin_top=”” margin_bottom=”” class=”” id=””][content_box title=”Menu Widget (essential)” icon=”fa-cloud” backgroundcolor=”” iconcolor=”” circlecolor=”” circlebordercolor=”” circlebordersize=”” outercirclebordercolor=”” outercirclebordersize=”” iconrotate=”” iconspin=”no” image=”” image_width=”35″ image_height=”35″ link=”” linktext=”” linktarget=”_self” animation_type=”” animation_direction=”” animation_speed=””] All menus are visible on every page of any website. You can place the Menu Widget in each page or you can place it on a Master Page to save time. Later you must set up the menu elements in WordPress Control Panel (Appearance -> Menus).[/content_box][content_box title=”Sidebar Widget (optional)” icon=”fa-circle” backgroundcolor=”” iconcolor=”” circlecolor=”” circlebordercolor=”” circlebordersize=”” outercirclebordercolor=”” outercirclebordersize=”” iconrotate=”” iconspin=”no” image=”” image_width=”35″ image_height=”35″ link=”” linktext=”” linktarget=”_self” animation_type=”” animation_direction=”” animation_speed=””]

You can place this widget on any page. A Sidebar in WordPress usually contains WordPress Widgets (latest posts, search box… do not confuse with Muse Widgets). When you use Sidebar Widget, you are placing a container that later you must configure in WordPress Control Panel (Appearance -> Widgets)

[/content_box][content_box title=”Comments Widget (optional)” icon=”fa-rocket” backgroundcolor=”” iconcolor=”” circlecolor=”” circlebordercolor=”” circlebordersize=”” outercirclebordercolor=”” outercirclebordersize=”” iconrotate=”” iconspin=”no” image=”” image_width=”35″ image_height=”35″ link=”” linktext=”” linktarget=”_self” animation_type=”” animation_direction=”” animation_speed=””]

WordPress Comments only work on Blog Posts. If you want comments on your website, you must place this widget on the page named SINGLE.

[/content_box][/content_boxes][/fullwidth][section_separator divider_candy=”bottom” icon=”” icon_color=”” bordersize=”1px” bordercolor=”” backgroundcolor=”#74b5a3″ class=”” id=””][fullwidth background_color=”#ffffff” background_image=”” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ background_repeat=”no-repeat” background_position=”left top” video_url=”” video_aspect_ratio=”16:9″ video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” border_size=”0px” border_color=”” border_style=”solid” padding_top=”20″ padding_bottom=”20″ padding_left=”” padding_right=”” hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”no” menu_anchor=”” class=”” id=””][separator style_type=”none” top_margin=”40″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][fusion_text]

Widgets Options

[/fusion_text][separator style_type=”none” top_margin=”40″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][one_half last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ class=”” id=””][separator style_type=”none” top_margin=”40″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][fusion_text]

Each widget has styling options. You just need to click on the blue arrow and it will display all the options. You can change the font family, change the color of the title and the content, choose the size or add spacing among other options.

This is how The Converter works: you design in Adobe Muse and you add content in WordPress, which makes it easier for your client to make changes or update their blog.

Usually in Adobe Muse you design the Home page and the layout of the website. Once the template is installed, in WordPress Control Panel you add all the content of the inner pages like contact or about us sections and blog posts.

[/fusion_text][/one_half][one_half last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”solid” padding=”” margin_top=”” margin_bottom=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][imageframe lightbox=”no” lightbox_image=”” style_type=”none” hover_type=”none” bordercolor=”” bordersize=”0px” borderradius=”0″ stylecolor=”” align=”center” link=”” linktarget=”_self” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ hide_on_mobile=”no” class=”” id=””] [/imageframe][/one_half][separator style_type=”none” top_margin=”40″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][/fullwidth][section_separator divider_candy=”top” icon=”” icon_color=”” bordersize=”1px” bordercolor=”” backgroundcolor=”#74b5a3″ class=”” id=””][fullwidth background_color=”#74b5a3″ background_image=”” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ background_repeat=”no-repeat” background_position=”left top” video_url=”” video_aspect_ratio=”16:9″ video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” border_size=”0px” border_color=”” border_style=”solid” padding_top=”20″ padding_bottom=”20″ padding_left=”” padding_right=”” hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”no” menu_anchor=”” class=”” id=””][separator style_type=”none” top_margin=”40″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][fusion_text]

Convert & Install

[/fusion_text][separator style_type=”none” top_margin=”40″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][one_half last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”solid” padding=”” margin_top=”” margin_bottom=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][imageframe lightbox=”no” lightbox_image=”” style_type=”none” hover_type=”none” bordercolor=”” bordersize=”0px” borderradius=”0″ stylecolor=”” align=”center” link=”” linktarget=”_self” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ hide_on_mobile=”no” class=”” id=””] [/imageframe][separator style_type=”none” top_margin=”40″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][/one_half][one_half last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ class=”” id=””][fusion_text]When you are done with your template, you have to follow these steps to convert it to WordPress:

  • Export to html in Adobe Muse (File -> Export as html)
  • Compress all the exported files to a zip. Do not compress the folder, you must select the files inside the folder and compress them.
  • Upload the Zip file to our converter and click on “Submit”.
  • It will take a few seconds to convert and when it is done, click on the “Download” button.

The Converter has an upload limit of 25mb per template. If you template size exceeds 25mb, you must optimise photos and videos. Take into account that an average template size is normally 2 to 4mb.[/fusion_text][separator style_type=”none” top_margin=”40″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][fusion_text]

Good news, you are almost done!

Before continuing, make sure you have installed WordPress into your domain:

  • Install WordPress into your domain.
  • Install the converted template (Appearance -> Themes -> Add theme).
  • Activate the theme.
  • Create the menu and start adding content!

[/fusion_text][/one_half][separator style_type=”none” top_margin=”40″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][/fullwidth][fullwidth background_color=”#ffffff” background_image=”” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ background_repeat=”no-repeat” background_position=”left top” video_url=”” video_aspect_ratio=”16:9″ video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” border_size=”0px” border_color=”” border_style=”solid” padding_top=”20″ padding_bottom=”20″ padding_left=”” padding_right=”” hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”no” menu_anchor=”” class=”” id=””][separator style_type=”none” top_margin=”40″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][fusion_text]

Tutorials

[/fusion_text][separator style_type=”none” top_margin=”40″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][one_half last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ class=”” id=””][youtube id=”sjx7tBv7lco” width=”600″ height=”350″ autoplay=”no” api_params=”” class=””][/youtube][/one_half][one_half last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”solid” padding=”” margin_top=”” margin_bottom=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][youtube id=”hKG74KWFDLA” width=”600″ height=”350″ autoplay=”no” api_params=”” class=””][/youtube][/one_half][one_half last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”solid” padding=”” margin_top=”” margin_bottom=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][youtube id=”hH0WNB1eKUI” width=”600″ height=”350″ autoplay=”no” api_params=”” class=””][/youtube][/one_half][one_half last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”solid” padding=”” margin_top=”” margin_bottom=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][youtube id=”icyaLEPN-Do” width=”600″ height=”350″ autoplay=”no” api_params=”” class=””][/youtube][/one_half][separator style_type=”none” top_margin=”40″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][/fullwidth]

Scroll to Top