The development of our responsive page feature is well on its way so we wanted to take the opportunity to give you a sneak peek of how the new interface is looking so far! Note that specifics are still being revised here and there so this may differ slightly to what is released in the coming months.
What are responsive pages?
The aim of responsive design is enabling a visitor to view the site at the optimal size on a wide range of devices – including a desktop PC, tablet or phone screen. The content is usually created within a flexible grid based layout, which when loaded on the device will rearrange and resize based on the screen it’s displayed on.
And now for the preview…
When you create a responsive page, you’ll enter a separate editor where you can start building the page elements.
First you will be able to add a container, which creates a row of content. You can choose from a selection of templates and layer these on top of each other to create your page design!
Layering rows will look something like this. You can build up your page layout using our placeholders, then move onto adding your personalised content. Everything you add will snap to fit the sections you create.
Each section can be edited individually.
- Choose the content type e.g. text, images, apps.
- Change styling e.g. fonts and background for a single column or entire row.
- Swap or remove sections completely.
How will this integrate with my current website?
Responsive pages will be added in the same way as you would add a page currently, via the Pages tab. The responsive page editor will sit within the current editor when you choose this page type. During the first release you won’t be able to migrate your current pages to the responsive version, however we are aiming to make this possible in the future!
Got some feedback?
We’d really like to hear your thoughts on this feature as we develop it. You can add your suggestions via the dedicated thread in our feature request area.
17 Responses to “Moonfruit Preview: Responsive Pages”
Add a comment