Getting Started – XTRA Tutorials

How to Add Custom Search Engine Schema to Your Website

XTRA — Tue, 10 Sep 2024 08:18:57 +0000

Description

Step 1

XTRA

Steps to Add Custom Search Engines Schema with a Plugin:

To add a custom search engine schema (such as Schema Markup for search engines like Google) to your website using a WordPress plugin, you can follow these steps. Schema Markup helps search engines better understand your content and improve search visibility by providing structured data.

1. Install a Schema Markup Plugin: There are several WordPress plugins designed specifically for adding schema markup. Some popular options include:

Schema & Structured Data for WP & AMP
All in One Schema Rich Snippets
Rank Math SEO
Yoast SEO (Premium version supports custom schema types)

Here’s how you can install one of these plugins:

Go to your WordPress dashboard.
Navigate to Plugins > Add New.
Search for a plugin like “Schema & Structured Data for WP & AMP.”
Click Install Now, then Activate.

Configure the Plugin for Custom Search Engines

Schema: Once the plugin is installed, you can customize it to add schema types relevant to your website.

Using Schema & Structured Data for WP & AMP as an example:

Go to the Plugin Settings:

In your WordPress dashboard, go to Structured Data > Settings.

Add Schema Types:

Under Structured Data Types, select the schema you want to add, such as:
Article
BlogPosting
LocalBusiness
Product
FAQPage
You can also define custom schema types if you need a specific structure that is not included.

Configure Schema for Different Pages:

You can assign specific schema types to different posts or pages. For example:

Go to a specific page or post you want to add schema to.

In the post editor, find the Schema Markup options below the content area.

Select the appropriate schema type and fill in the necessary details (e.g., name, description, URL).

Tip

It’s helpful to know that …

Schema & Structured Data for WP & AMP: Offers a wide range of pre-built schema types and the ability to create custom schema.
Rank Math SEO: Provides robust SEO features along with built-in schema support.
Yoast SEO (Premium): Adds structured data for various types like Articles, FAQs, and Products.

By using these steps, you can easily add and manage custom schema for search engines on your WordPress website using a plugin, ensuring better indexing and rich results.

What is Difference Between Sections and Containers in Elementor

XTRA — Sun, 08 Sep 2024 11:14:32 +0000

Description

Step 1

XTRA

Difference Between Sections and Containers

When working with Elementor to build your WordPress site with our theme, it’s essential to understand the distinctions between Sections and Containers. Both are fundamental elements used to structure and design your pages, but they serve different purposes and offer unique functionalities.

Sections:

Definition: Sections are the top-level building blocks in Elementor. They act as the primary containers for grouping multiple columns and widgets.
Functionality: Sections help in dividing the page into major horizontal areas. Each section can contain multiple columns, which can further hold widgets and other elements.
Usage: Use sections to create broad, overarching areas of your page, such as headers, footers, or large content blocks. They are useful for organizing content in a structured manner.

Containers:

Definition: Containers, introduced in Elementor’s Flexbox Container system, are more flexible and versatile than traditional sections. They allow for advanced layout designs and responsive controls.
Functionality: Containers can be used within sections to create more complex layouts. They offer greater control over the arrangement of columns and widgets, thanks to Flexbox-based alignment and distribution options.
Usage: Containers are ideal for creating intricate designs that require precise control over spacing and alignment. They provide enhanced flexibility for responsive design, making them suitable for modern, dynamic layouts.

Tip

It’s helpful to know that …

While both sections and containers are crucial for page layout in Elementor, sections are best for broad organizational purposes, whereas containers offer advanced layout options and flexibility. Understanding how to effectively use both can significantly enhance your WordPress site’s design and functionality.

How to Import Demo Content: A Step-by-Step Guide

XTRA — Thu, 27 Jun 2024 06:42:58 +0000

Importing demo content and settings

Step 1

Step01

Go to demo importer page

Go to your site dashboard
Go to XTRA > Demo Importer menu

Step02

Find your favorite demo in demos library

Demo importer page
You can use search form to find demo
Find your favorite demo
If you have not activated theme, click on Unlock button else click on Import button

Step03

Start importing a demo

After finding your demo in demos list and click on import button, You will see a demo wizard like the following shot, then click on the next step button.

Step04

Choose your favorite page builder

In the next wizard step you need to choose page builder.

Choose page builder
If you want RTL version, check this field
Click on the next step button

Step05

Demo wizard configuration

In this step you can set which features you want to import on your website.

Choose Full import or Custom import
In custom import you can choose some features to import
Click on the next step button

Step06

Waiting for importer process

Demo importer may take up to 10 minutes to import the demo, it depends on your server speed. If you faced any problem during importing demo content, you can do it again up to 3 times, But if still have problem with importing demo, you can contact with out support center.

TIPS?

What to do if demo importer fails?

First make sure your theme and codevz plus plugin both are up to date, If your demo importer fails or only some parts not imported successfully, then you can try again demo importer wizard. For example if you noticed that slider not imported on your website, then you can try demo importer wizard again but this time in the configuration step only select Slider revolution from custom import checkboxes and then run importer.

How to Install XTRA Plugins: A Step-by-Step Guide?

XTRA — Thu, 27 Jun 2024 06:42:22 +0000

Required plugins installation

Step 1

Step01

Begin installing plugins

After activating the XTRA theme, you will see the message that tells you to install required plugins, click on Begin Installing Plugins or if you can’t see that message, Go to Appearance > Install plugins and start installing all the plugins

Step02

Select plugins and start installing them

Click on check all the plugins
Change dropdown to Install property
Click on Apply button
Wait for all the plugins to install

Step03

Activate all installed plugins

Click on check all the plugins
Change dropdown to Activate property
Click on Apply button
Wait for all the plugins to activate

How to Activate Your Theme with a License Code?

XTRA — Tue, 25 Jun 2024 17:28:34 +0000

Theme license activation for ThemeForest buyers

Step 1

Step01

Download license file from Themeforest

Go to your themeforest account
From menu click on Downloads
Find your purchased item XTRA
Click on Download button
Click on License certificate & Purchase code

Step02

Find and copy purchased license code

Open text file and copy purchase code

Step03

Activate your theme with license code

Go to your website Admin Dashboard
Go to XTRA menu
In welcome page paste your purchase code in input
Click on Activate button

XTRA

Theme activated successfully

Installation of plugins requires license code activation, and after activating the theme, You can now Install plugins and Import any demos.

You do not need a license code for activating premium plugins, and they work fine with the theme.

How to Install the XTRA WordPress Theme?

XTRA — Mon, 24 Jun 2024 11:09:34 +0000

Installation Requirements

Step 1

Step01

WordPress

To use XTRA theme you must have WordPress engine installed. We assume you have a working version of WordPress already up and running. We also encourage you to actively use the links below. These useful resources cover most of general WordPress questions you may have:

What is WordPress? Wikipedia, and WordPress FAQ Read here!
Tutorial of how to Install WordPress? Watch Video
WordPress Lessons Visit Articles

Step02

Server requirements

According to WordPress official web site, To run WordPress they recommended your host supports:

PHP version 8.3 or greater (PHP 7.4 still supported)
MySQL 8 or greater OR MariaDB 10.6 or greater
The mod_rewrite Apache module
PHP memory limit 256M and max_execution_time 30

Video tutorial installing XTRA theme

Themeforest buyers read this part

Step 1

Step01

Login to your themeforest account and download theme

Go to your themeforest account
From menu click on Downloads
Find your purchased item XTRA
Click on Download button
Click on Installable WordPress file only

Step02

Login to your website and Install theme

Go to your website Dashboard > Appearance > Themes
Click on Add New Theme

Step03

Upload theme ZIP file

Click on Upload Theme button
Choose ZIP file
Click on Install Now button
Wait until WordPress installing theme

Step04

Activate installed theme

Click on Activate link
Wait until WordPress redirect you to Welcome Page

Step05

Theme license activation

Go to your themeforest account
From menu click on Downloads
Find your purchased item XTRA
Click on Download button
Click on License certificate & Purchase code

Open text file and copy purchase code

Essential Server Requirements and PHP Configuration: A Complete Guide

XTRA — Thu, 13 Jun 2024 13:03:56 +0000

Description and Steps

Step 1

XTRA

Server requirements

To use our WordPress Theme, you must be running latest WordPress version or at least version 6, and PHP 8.3 or higher version ( WordPress officially suggests to use PHP 8.3 or above ) and MySQL version 8 or higher version. Our theme has been tested with Mac, Windows and Linux. Below is a checklist of PHP configuration that your host needs to comply with to ensure proper our theme operation:

memory_limit 256M
max_execution_time 30
post_max_size 8M
upload_max_filesize 5M
max_input_vars 6000
allow_url_fopen ON

Tips

You may want to know …

WordPress Requriements – More information from official WordPress website: https://wordpress.org/about/requirements/

How to Import Elementor Demo Websites?

XTRA — Tue, 11 Jun 2024 08:11:31 +0000

Import Demo

Step 1

Step01

Elementor Page Builder

For importing the Elementor version of each demo you should first activate your theme with a valid purchase code.

Step02

Demo Import

After activation you can import demo website from Dashboard > Xtra > Demo import

You can search and find the desired demo from our list of demos

After selecting the demo you can click on “Next Step”

In the next step, you can select the page builder that you want to work with it for website building.

In the next step, you can select “Full import” or partial custom import, We recommended using full import to have the same website as our demo website.

Click on Next Step and wait for importing procedure, it will take up to 10 minutes in slow servers.

After importing is done, you will have a website like our demo with Elementor page builder.