Designed with hotels, inns, and bed & breakfasts in mind, Stay is the perfect theme for property owners. Take advantage of its Room and Testimonial post types, home page template, large imagery, minimal layout, and responsive design to show off your property to your guests.
To replicate the look of the site demo, you will need published pages that will be used for the front page, posts page, and slider.
Home Page Template
The site demo is using a static front page with the Home Template, so if you would like to copy the look of the site demo, follow these steps:
- Publish two pages and give them titles that are easy to remember, like Home and Blog. To publish a page, navigate to My Site → Pages → Add Page.
- Set the Home Template on the Home page.
- Go to the editor of your Home page.
- In the left sidebar, open the Page Options panel.
- Select “Home” in the Templates dropdown menu.
- Save/Update your changes.
- Go to your Customizer (My Site → Customize next to Themes).
- Click on the Static Front Page panel.
- Select “A static page” and choose the two pages you published in Step #1 as your Front page and Posts page.
- Click Save & Publish.
- Publish three pages (My Site → Pages → Add). The site demo is using three pages titled About, Rooms, and Amenities.
- Set Featured Images for all of the pages you would like to appear in the Slider. To do this, navigate to the editor for each page, go to the Featured Image panel on the left of the editor, and add a Featured Image for the page. Featured Images need to be at least 960px wide to appear in the slider.
- Click Update to save changes.
- Navigate to the Home Slider panel of your Customizer. Select up to 6 pages with attached Featured Images of at least 960 px in width.
- Click Save & Publish.
NOTE: If you previously had a header image on your site’s home page, remove the header image: featured images and header images will interfere with the Slider. To remove the header image, navigate to Customize → Header Image and click Hide Header Image.
Content on the home page will be full-width, between the Slider and Home Widget areas.
Stay has eight widget areas that are visible depending on if you are viewing the front page, posts, or pages:
A header widget area, always visible at the top of the site.
(The site demo is using the Reservations Widget.)
Primary and (optional) Secondary Sidebar, only visible on pages:
Blog primary and (optional) Secondary Sidebar, only visible on the posts page, post archives, and individual posts:
On pages, the primary widget area is to the left of the content while the secondary widget area is to the right. On posts, both widget areas are to the right of the content.
Widget areas can be setup in Customize → Widgets.
Stay comes with the Reservations Widget, which can be used to add a reservation inquiry form to widget areas. You can enter the email address that will receive the reservation requests as well as the email subject line. A confirmation email will not be sent to the person making the reservation.
Stay has a single, primary custom menu area below the header, and an optional secondary menu that appears beside the header widget area. Custom Menus can be set up by going to your dashboard, then Menus. Note that the secondary menu only supports one level (no submenus).
Rooms and Testimonials
Add rooms and testimonials to your site from the site dashboard.
Set a rate for your guests, tag your room with its Amenities, and add a featured image.
- Publish a page and assign it the Rooms Template. This page will display a listing of all of your rooms.
- Create a page for each room by going to your site dashboard → Rooms → Add a Room.
- Add the room cost and its amenities in their respective modules to the right of the editor.
- Update the page with your changes.
Populate testimonials and display them by giving a page the Testimonials Template. Testimonials need to be enabled in order for them to show up on your site, and you can activate Testimonials with the instructions here.
To show the social network links in the footer of your site, define the network links in the Customizer under Social Links.
Custom Header and Background
Stay features a Custom Header that can be set under Customize → Header Image. Having a header image will interfere with the slider on the front page, so if you would like to use a slider on your site, do not upload a header image.
The background can also be customized under Customize → Colors & Backgrounds.
Quick Specs (all measurements in pixels)
- The main column width is
920with one active sidebar and
- The primary and secondary sidebars on posts and pages are
- The Full Width page template is
- The featured page slider image size is at least
- Individual post featured image is at least