Want to add a detailed products and services page or a quick blog post, the Front End Editor allows you to get into quickly creating pages and posts in the front-end of your site.
We’ll show you how simple it is to create pages and posts
Creating a Post
To create a post, all you need to do is click “New Post” in the left sidebar. The Front End post editor will load, allowing you to add text and images to your post (just double-click on the text areas), but not any Front End Editor elements (we’ll get to that soon).
If the right-hand sidebar looks familiar it’s because it’s almost identical to the publishing options in WordPress post editor. The sidebar allows you to save a draft, preview your post and also update the post status, visibility, and publication date. Importantly, the sidebar is where you can hit “Publish” and share your post with the world.
At the bottom of the sidebar there are further options for adding categories and tags, and you can update the URL as well.
When you click “Publish,” your content will be saved and published and the usual Front End sidebar will reappear on the left.
If you hit “Cancel,” you’ll also be returned to the Front End editor. Don’t forget to save your draft otherwise you’ll lose your content.
Creating a Page
Creating a page is almost identical to how you would create a new post. The only difference is that when you click “New Page” in the left-hand sidebar, you’re prompted to give your page a name and choose a page template.
When you click “Create Page,” you’ll be taken to the page editor where you can add text and images to your page, as well as elements.
It’s important to note that if you choose not to use a page template, you won’t be able to add any elements to the page (we’ll also get to that shortly).
Accessing Posts and Pages
In order to access your full lists of posts and pages, click Posts / Pages / Comments in the left sidebar. An overlay will appear where you can choose to edit, view or trash your content. Just click on the “Posts” and “Pages” tabs at the top to switch between the two.
What is a Menu?
The menu element lets you display your menus anywhere, just drag the element across and choose the menu you would like to display.
There are some really cool styling options that come with this element:
- Burger menu: Instead of a horizontal menu you can add a burger menu to your site. You can choose to display it left, right, at the top of your page or over the whole of your page. You can also choose to display the menu over your content or push your content to the side.
- Menu Item Alignment: Align the menu left, centre or right.
- Behaviour Settings: You can choose to auto-update menus when new pages are added, and also enable floating menus. Floating menus are a great option if you just want your navigation to float, rather than an entire region.
It’s worth mentioning that the Menu element is completely integrated with WordPress menus, which means you can work with, and display, multiple menus on your site.
Editing an existing menu
Most themes include a menu at the top already.
When you want to edit this menu, just hover over it.
To add an item use the yellow plus button, then start typing the item of the menu item.
To delete an item use the red x button
To move an item click and drag that item into position
To edit where a menu item links to click the three dots in the bottom left hand corner of the menu item.
This will display a drop down menu
From here you can link to an internal site page:
Selecting this displays the page or post selector, listing all the published pages and posts: