Stage is a great choice for a professional photographer. You would have a banner/slider that fills up the web page and can showcase your portfolio in the sections below.
There are few sections (apart from the header and footer) in the demo homepage of the Stage template. Follow the steps below to edit each of them.
- Header
- First section – Banner
- Second section – Headline
- Third section – Text
- Fourth section – Gallery
- Fifth section – Basic
- Sixth section – Text
- Seventh section – Text List
- Prefooter
- Footer
Header
The header contains the menu (1), logo/site title (2), social icons (3), and menu button (4).
- To change the header layout, go to Header in the Design section. See how.
- To add/remove an item to/from the menu, go to the Website menu. See how.
- To add/change the logo or site title, go to Site Title & Logo in the Design section. See how.
- To add/remove/edit social media links, go to Social Links from the Website section. See how.
- To add/remove/edit the menu button, go to Header in the Design section. See how.
Visit the Homepage
- To view or edit any of the pages, visit the Website section.
- You will now reach the Menu tab where you can edit your site menu.
- Click on the Home menu item to edit it(as shown in the image).
- This will bring you to the page editor for the ‘Home’ page.
First section – Banner
- The first section contains a banner. To replace the demo images with your own and explore banner styles, click on the Manage Banner button.
- To add a new image slide, click on the + Add Slides (1) button.
- To replace an image, set its focal point or edit the text and buttons on the slide, click on the edit icon (2).
- To delete a slide, click on the delete icon (3).
- To explore style options, click on the Style (4) tab.
- To change the banner layout, click on the Layout (5) tab.
See how to edit a Banner section.
See how to change the banner layout.
Second section – Headline
The second section contains a headline. A headline can be used to add information about you or your business. Click on any text in this section to edit it. Learn more.
Replacing the images here is similar to uploading your images in the Images section. You can click on the demo image, then click on the Image icon to change the image.
- See how to edit a Headline section.
Third section – Text
The third section contains a text block. Click on any text in this section to edit it. Learn more.
To manage the section, hover over the section and click on the section icon from the editing toolbar present in the top right corner of the section. See how to manage the section.
- See how to edit a Text section.
Fourth section – Gallery
The fourth section contains a gallery. To replace the demo images with your own and manage its settings, click on the Manage Gallery button.
See how to edit the gallery section.
- To add new items to the gallery, click on the + Add Media (1) button.
- Manage the items (2), settings (3), and change the layout (4) of the gallery.
Fifth section – Basic
The fifth section contains a button.
To change the button label, URL, or styling, click on it. Then, click on the link icon. See how to link the button.
- See how to edit a Basic section.
Sixth section – Text
Sixth section contains a text block with a heading. Click on any text in this section to edit it. Learn more.
See how to edit a Text section.
Seventh section – Text List
The seventh section contains a text list. You can add a list of the services you offer.
To edit the links, change the layout, click on the Manage Text List button.
- To add a new item to your text list, click on the + Add Item (1) button.
- To edit an item. click on it (2).
- To duplicate an item, click on the copy icon (3).
- To delete an item from your text list, click on the delete icon (4).
- To change the layout or explore different layouts, click on the Layout tab (5).
- To edit the style and increase/decrease the number of columns, click on the Style tab (6).
- To edit/delete the headline, go to the Section Headline field (7).
See how to edit a Text List section.
Prefooter
To display a certain section (e.g. Instagram feed) at the bottom of all the pages or selected pages in your website, you can use a prefooter.
You can edit the prefooter here. In this template, there is an Instagram section in the prefooter.
- See how to edit a social section and display your own Instagram feed.
- See how to edit the prefooter.
Footer
The footer contains the credits for your websites. You can add social icons (1), copyright text (2), and important links here.
Also Check: Social Sharing options.