Porto is a great choice for a designer portfolio website.
There are six sections (apart from the header and footer) in the demo homepage of the Porto theme. Follow the steps below to edit each of them.
- Header
- First section – Headline
- Second section – Image List
- Third section – Text List
- Fourth section – Image List
- Fifth section – Basic
- Sixth section – Blog feed
- Footer
Header
- The header contains the logo/site title (1), menu (2), social icons (3) and a menu button (4).
- To change the header layout, go to Header in the Design section. See how
- To add/change the logo or site title, go to Site Title & Logo in the Design section. See how
- To add/remove an item to/from the menu, go to the Website menu. See how
- To add/remove/edit social media links, go to Social Links from theWebsite section. See how
- To add/remove/edit the menu button, go to Header in the Design section. See how
Now that you’ve started with this beautiful theme, you’d have its demo pages in your menu.
To view or edit any of the pages, just click on it. Let’s begin with the ‘Home’ page.
- Go to the Site Menu.
- Click on Home (as shown in the image).
- This will bring you to the page editor for the ‘Home’ page.
First section – Headline
The first section contains a headline. A headline can be used to add information about your business. Click on any text in this section to edit it.
Click here to see how to edit a Headline section.
Second section – Image List
The second section contains an image list. You can add a list of the your projects.
To edit the links, change the layout or replace the demo images, click on the Manage Image List button.
- To add a new item to your image list, click on the Add Item (1) button.
- To replace an image or edit an item. click on it (2).
- To duplicate an item, click on the copy icon (3).
- To delete an item from your image 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 number of columns, click on the Style tab (6).
- To edit/delete the headline, go to (7).
Click here to see how to edit an Image List section.
Third section – Text List
The third section contains a text list. Here, you can add some info and edit the text and links. You can also increase/decrease the number of columns to add more info. To customize the text list, click on the Manage Text List button.
The settings in text list are quite similar to an image list.
- To add a new item to your text list, click on the Add Item (1) button.
- To replace an text or 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 number of columns, click on the Style tab (6).
- To edit/delete the headline, go to (7).
Click here to see how to edit a Text List section.
Fourth section – Image List
The fourth section contains an image list. Here, you can add a list of your portfolio galleries or the services your provide.
To edit the links, change the layout or replace the demo images, click on the Manage Image List button.
- To add a new item to your image list, click on the Add Item (1) button.
- To replace an image or edit an item. click on it (2).
- To duplicate an item, click on the copy icon (3).
- To delete an item from your image 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 number of columns, click on the Style tab (6).
- To edit/delete the headline, go to (7).
Click here to see how to edit an Image List section.
Fifth section – Basic
The fifth section contains a basic image, text and button. Here, you can click on the image/text to replace/edit it.
Click here to see how to edit a Basic section.
Sixth section – Blog Feed
The sixth section displays your blog feed. Click on the Manage Blog Feed button to customize this section.
See how to edit a blog feed section.
See how to create a blog.
Footer
The footer contains the credits for your websites. You can add social icons (1), a copyright text (2) and important links here.
Click here to see how to edit the footer.