Alita – Our Work

August 5, 2021 Alita

To setup Portfolio Page You have to install require plugins included: Elementor Website Builder and TemPlaza Elements.

Click begin installing plugins to install plugins

The Portfolio Page using different Elementor widgets.

View Portfolio Page layout view on frontend:

Portfolio page use the Elementor template

Steps to Create the Portfolio demo menu items

The Portfolio page on the demo site uses UI Text, UI Post widgets to display the Content.

Here is a guide to create Portfolio Page:

Step 1: Create a template site

  • Go to unzipped folder -> data-import -> templates -> elementor_template.json
  • Go to wp-admin -> Alita Options -> Templates -> Click “Add New” -> Import / Export
  • Insert Template title -> Click Publish
Choose import file to import file
Click “Upload file” >> Choose import template file from download package >> Click “Import” >> Add Title “Elementor Template” and click to Publish

Step 2: Create a new page

Go to wp-admin -> Pages -> Add New Page -> Edit with Elementor -> Publish

Add title -> Edit with Elementor
Select Templaza style.

Step 3: Configure Elementor widgets

Portfolio Page uses TemPlaza: UI Text, UI Post widgets.

1. Heading section

Heading section uses TemPlaza: UI Text

Add title and content. Configure heading style “Medium” and title tag “h1”.

2. Portfolio Section

Portfolio section uses TemPlaza: UI Post

Choose Resource: Portfolio, Limit page and configure responsive Columns. Check Ajax loading paging to auto-load more content.
Choose Filter Postion: Left and Select filter type.
Configure Image Size display
Configure meta content display
Tags: , ,