This article helps you get started working on your pages. Whether you're building your homepage from scratch or refining an existing page, the guidance below covers everything from planning to testing.
Page Editor Components#
Your page is split into four key components:
The Four Components
- 1Header and navigation
- 2The layout of the page, broken into sections
- 3The content that goes into each section
- 4The footer
Your Starting Point#
Before starting on your page, it's helpful to consider what you want to place into it. Here are some areas to think about:
Planning Considerations
- 1What do you want to show people about your business online?
- 2Have you already defined brand guidelines such as colours, fonts, and imagery?
- 3What kind of image are you trying to portray to your audience, professional, fun, creative?
- 4What does your site hierarchy and navigation structure look like? What pages and content do you need?
- 5What content do you already have? If you're stuck, get ideas from competitors you admire or consider engaging a copywriter
- 6What imagery do you have? Consider your own photography, hiring a photographer, or using stock image sites such as Pexels (available directly within Limecube), iStock, Adobe Stock, or Unsplash
Don't worry if you don't have everything ready. Pages are extremely flexible, content can be moved, changed, added, or deleted at any time as your site evolves.
Working on Your Home Page#
For most sites, the home page defines the look and feel of the rest of the site and will be the most visited page. It's worth getting the home page right before moving on to other pages. What you start with depends on what you have ready, your header and navigation, your content and imagery, or your fonts and colours.
Adding Content#
When you first choose a theme, you'll have pre-populated layouts and content to get you started. You can follow these layouts, remove them and start with other pre-built layouts, or use empty layouts to build your pages exactly as you want them. Learn more about working with Elements and Plugins or Section Layouts.
Defining Fonts and Colours#
If you're ready to start working on your fonts and colours, you can do this within the Style Editor. This gives you full control over the visual appearance of your entire site.
Testing on Different Devices#
When working on your pages, it's important to ensure your site looks great on all devices. Limecube automatically makes your site responsive, meaning your content adjusts seamlessly across desktops, tablets, and mobiles without extra effort. To switch between device views, look for the icons at the top of your admin area and toggle between Desktop, Tablet, and Mobile.
Pay close attention to the size of your logo on mobile, this is one of the most common sizing mistakes. If your logo is too large, it stops visitors from seeing the most important parts of your page.
If you've added custom third-party code such as booking forms or newsletter sign-ups, check the third-party platform's settings for a mobile-friendly version to maintain a smooth experience across all devices.
Background Images#
You can add background images to your entire page or to individual sections. This is a great way to add visual depth without cluttering the content area. See Adding and Editing Images and Files for more detail.