Visit our website: https://www.nicepage.com
Read more at https://nicepage.com/doc/article/1318/video-tutorials
Subscribe to find more information:
https://youtube.com/nicepage
https://pinterest.com/nicepagecom
https://facebook.com/nicepageapp
This demo shows how to create a menu in Nicepage, and that it not very difficult.
Simple Menu
Click the “Home” page to open this page in the Nicepage Editor. You see the Header section with the Menu. We used the Menu added by default with the Header section. The Menu Items correspond the pages and their order you have just seen on the Dashboard.
Switch to the Dashboard. Let’s change the page order. Back to the Editor. We see that the Page order in the Menu has been also changed.
Exporting Theme/Template
Let’s export. First, export to WordPress. In the Export dialog select WordPress. Enter the name, and verify that you are exporting both the theme and the pages. Click the Export Button.
Now, let’s export for Joomla. In the Export dialog select the Joomla Tab, enter the name, verify the export options to export both the template and the articles. Click the Export Button.
Import to WordPress
Next, do the Import. First, we will show how to import to WordPress. Open your WordPress Admin. Select Appearance – Themes. Click Add New. Click Upload Theme. Choose file from your local export folder. Click Install Now. Activate it.
Start the Plugin installation. Click the “Begin installing plugin” link. In the opened “Install Required Plugins” screen click the Install link in the Nicepage row.
After the successful installation return to the WordPress Dashboard by clicking the link. You see the message asking if you would like to import the content. Click the “Import Content” button.
After the content is imported successfully, visit your WordPress website.
Import to Joomla
Now, let’s do the Import into Joomla. This process is a bit more difficult, but not that much, and it is familiar to all Joomla users. Unlike WordPress the Nicepage template and the Nicepage extension for Joomla are installed separately, but one after another.
Open the local export folder and unzip the exported zip to extract the zip with Nicepage Extension for Joomla located in the Extensions folder.
Back to the Joomla Admin. Click Extensions – Manage – Install. In the Upload Package file browse for the template zip in the export folder. Then browse for the extension zip in the Extensions subfolder.
After successful installation open the templates. Select Extensions – Templates. On the Templates/Styles page make the imported template default by clicking the Star icon in the template row.
Staying on the “Templates” page, Open the template by clicking the template name in the grid row. On the Edit Template page click the “Import Content from Template” button to import the content. In the opened dialog click the “Import” button.
After the import is successful, just preview the Joomla website. Click the Joomla website name in the top right corner. You see that the Template, the Articles and the Menu have been installed successfully.
Menu with Sub-menu Items
In the Nicepage Editor, select the Menu. Click the Edit Menu button in the Context Toolbar for the Menu.
In the Edit Menu dialog add an New Item. Make it the Sub-item by moving this item under another one and shifting to the right a little.They are shown in the drop-down list while selecting the Parent Item. There are only 2 levels of sub-items in Nicepage.
Add a New Sub-item directly under the existing one for the Parent. Rename Sub-items. Renaming Items and Sub-items in the Menu does not change the page names.
Change the order in the Menu by simply moving Sub-items and Items. You can move Items and sub-items as you wish, as reordering is not bound to the levels.
Click the Delete button to remove. Deleting Items and sub-item also does not remove pages, therefore it is safe to do any changes in the Menu. Click Done. Click the Menu Item containing Sub-items.
The export and the import to WordPress and Joomla is done similarly, as it was shown earlier. Please only note that for WordPress you should export the zip containing the theme, the plugin and the pages, and for Joomla – the zip containing the template, the extension and the articles.
Menu in Mobile Views
Lastly you will see how to do the Menu for the Mobile Views. Clicking this button opens the drop-down list containing the Menu Items and Sub-items.
Nicepage supports all Responsive Modes allowing to adapt pages for all modern devices mainly the mobile ones. In most cases it is done automatically.
Now let’s change the Menu to show the Hamburger Icon for all devices starting from the Desktop. Select the Menu. In the Right Panel, select the Button Mode Tab. Click OK to close the dialog.
Clicking the icon opens the off Canvas menu, which will be explained in one of our next demo tutorials. Click the Preview. Please note that the Sub-menu is also available in the Off-Canvas Menu.
