Alita – Tutorial

August 5, 2021 Alita

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

Click begin installing plugins to install plugins

The Tutorial Page using different Elementor widgets.

View Tutorial Page layout view on frontend:

Portfolio page use the Elementor template

Steps to Create the Tutorial 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 Tutorial 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

Tutorial 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. Post Section

Post section uses TemPlaza: UI Post

Choose Resource: Post, 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: , ,