Made by Pe Themes
Leksa Multi - Concept Creative Portfolio Theme
Theme Documentation v1.0
01. Getting Started

First of all, Thank you so much for purchasing this template and for being our customer. You are awesome!
You are entitled to get free lifetime updates to this product + exceptional support from the author directly.

This documentation is to help you regarding each step of customization.
Please go through the documentation carefully to understand how this template is made and how to edit this properly.

When you purchase Leksa from Themeforest, you need to login your account and download theme files from Themeforest. Please make sure you downloaded All file & Documentation option.


What is included?


After you downloaded theme files you will find inside it;

01. Documentation
- Contains Leksa theme documentation
02. leksa.zip - Theme file for WordPress installation, if you want to install your theme manually (with FTP) you must unzip this file.
03. leksa-child.zip - Child Theme file for WordPress installation, if you want to install your theme manually (with FTP) you must unzip this file.

02. Installation
1. Theme installation

There's two way for install themes on WordPress, you can select which one is good for you.

Theme Installation via WordPress Admin;

Step 1: Login your WordPress admin dashboard

Step 2: Navigate to Appearance > Themes

Step 3: Click on Upload Theme

Step 4: Click on chose file, select "leksa.zip" and click Install Now.

Step 5: After upload is finished, click on Leksa to Activate

Theme Installation Manual (via FTP);

Step 1: Login to your hosting server via FTP client.

Step 2: Go to the folder /wp-content/themes

Step 3: Upload "leksa.zip" extracted content

Step 4: Login your WordPress admin dashboard Upload Theme

Step 5: Navigate to Appearance > Themes

Step 6: Click on Leksa to Activate

After you install and activate Leksa, you need to setup some couple of things to use it best condition. Please follow these documentation.

2. Install plug-ins

Every theme needs some plug-ins and with Leksa, you can install necessary plugins with only one click. Please follow these steps below;

Step 1: After you activate Leksa, you will see a sub-menu named "İnstall Plugins" inside of Appearance menu.

Step 2: Click on İnstall Plugins

Step 3: Install and activate all plug-ins

3. Theme Activation

Before start using Leksa, you need to activate your copy with the purchase code provided by ThemeForest.
Please follow these steps blow to get your purcahse code;


Step 1: Go to your ThemeForest profile and click on "Downloads" tab you'll see the items you purchased. Find Leksa and click on "Download" in the dropdown menu click on "License certificate & purchase code (PDF)"

CLICK TO VIEW

Step 2: You'll see your purchase information in the PDF file you downloaded. Copy "Item Purchase Code" value.


CLICK TO VIEW

Step 3: Navigate Theme Options on your admin dashboard. You'll see theme activation section at top of the page. Paste your purchase code and click on "Activate".

CLICK TO VIEW

Without activating the theme; you can not access to "Theme Options , One Click Demo Import and Custom Elementor widgets". So before moving to demo import step you must activate your copy first.

3. Demo Content

Leksa demo content can be install with one cliek demo importer;


One Click Demo Import


If you want to install demo content automatically with one click demo importer which is strongly recommended by us, please follow these steps below;

Step 1: After you activate the theme and install plugins, there'll be a submenu ("Import Demo Data") appears below "Appearance" menu on WordPress Admin Dashboard click on it.

Step 2: Click on the button.

Step 3: Just wait a couple of minutes and everything will be done.

After the installation is done all pages, portfolios. posts will be imported correctly, menus and pages will be setted.

The images and videos you see on the demo website are not included in your purchase through Envato; they are copyrighted images and videos used for demonstration purposes with permission from their respective owners. Therefore, when the demo installation is completed, these images and vıdeos will not be uploaded to your website.

4. Menus

If you install demo content with one click demo import method this setting will be done automatically.

After you install ml you need to setup navigation menu. Follow these very easy steps below:

Step 1: Navigate Appearance > Menus in your WordPress admin dashboard

Step 2: You will see a menu named Main Menu created

Step 3: Scroll to bottom of the page

Step 4: Click Primary Menu checkbox

Step 5: Click on Save Menu

5. Setting-up Pages

If you install demo content with one click demo import method this setting will be done automatically.

After you install demo .xml you need to setup home page. Follow these very easy steps below:

Step 1: Navigate Settings > Reading in your WordPress admin dashboard

Step 2: There is two variation for homepage display.

Step 3: Click on A static page(select below) checkbox, and select an home page.

Step 4: Select Blog in Posts page select menu.

Step 5: Click on Save Changes.

03. Customizing The Theme

After you activate theme and install plugins there'll be a new menu item appears ("Theme Options") on WordPress Admin Dashboard.
You can find all theme settings here let's take a look whats in it;

1. Global Options
CLICK TO VIEW

Site General: Allows you to setup your website's general preferences such as loaders/transitions also you can choose general colors of your website and global site branding logos'
Header/Footer: Set header/footer preferences here.
Posts/Pages: You can set global settings fo query objecst here, such as portfolios/posts etc.
Shop: Set global shop archive and single product options here.


Page Transitions: Enable/disable page transitions and custimize them.
Page Loader: Same as page loader; enable/disable 'page loader' and custimize them.
Smooth Scroll: Allows you to set smooth scroll on/off on entire website.
Mouse Cursor: Customize mouse cursor here.

2. Section Templates

Elementor templates significantly streamline your workflow and offer extensive flexibility in utilizing the Leksa theme while building websites. You have the creative freedom to craft a diverse array of sections, ranging from captivating headers and footers to unique project headers and elegant sub-menus.

CLICK TO VIEW

When creating templates, there's an important aspect to pay attention to. The template page structure should be set as 'Elementor Canvas. Please follow these steps:

1- Navigate to 'Templates -> Saved Templates' in your WordPress Dashboard.
2- Hover over the chosen template and click on the 'Edit' button.
3- In the page settings, select 'Elementor Canvas' as the template under the 'Post Attributes' box on the right panel."

CLICK TO VIEW

Header Templates: Once you create your header template here, you can choose to activate this template globally across the entire site through global theme settings. Alternatively, you can activate the header you've created for a specific page by going to that page's settings. For tips on creating header templates with Elementor, click here.

Footer Templates: Similar to headers, you can create footers and use them either across the entire site or on a page-by-page basis.

Project Header Templates: In this template type, you can customize existing pre-designed project page header templates to suit your needs. You can even create new project header templates and use them for your desired projects. For tips on creating project header templates with Elementor, click here.

Sub-Menu Templates: In this template type, you can design sub-menu layouts that can be used in classic menus."

CLICK TO VIEW
04. Building Pages

When creating pages with Leksa, you utilize the Elementor Page Builder. In addition to what Elementor offers during page creation, you can make your websites unique and more creative using Leksa's special page builder elements.

You can find more information about Elementor and it's widgets here.

To start creating pages with elementor please follow these steps below;

1- Navigate "Pages -> Add New" on your WordPress dashboard.

2- Click on "Edit with Elementor" on top of the screen.

3- You'll be ready to create wonderfull pages with Elementor editor.

CLICK TO VIEW

When building pages with Elementor & Leksa, you'll see some special options/widgets that offered by Leksa. Let's take a look at these special features you will be able to use.

CLICK TO VIEW
1. Containere

The first step in creating a page is to add sections to the page. After adding the sections, you will see some new section settings that come with Leksa in the respective section's settings panel.

With these settings, you gain more control over the sections, allowing you to enhance the appearance of your page, making it more beautiful.

2. Widgets

In addition to Elementor's default widgets, Leksa offers a wide range of new page builder widgets. These widgets are categorized into four distinct categories.

Let's take a closer look at these categorıes:

1 - Content Widgets

Content widgets are designed to be used within the page content. Each of them has been specially crafted for Leksa and integrated into Elementor. With these widgets, you can create animations, define cursor interactions, and much more.

2 - Showcase Widgets

Showcase widgets are designed to easily add any showcase design you desire to your pages. Simply drag and drop the showcase you want onto your page. You can adjust all the settings you desire from the widget settings panel without needing to make any adjustments outside of the editor.

3 - Dynamic

The dynamic widgets allows you to create global templates for portfolios,posts, navigations etc. In here you'll see a wide range of dynamic assets that can be use.

05. Building Portfolios

Just like creating inner pages, you can design project pages to your liking using Elementor. Before starting to create the project page content with Elementor, there are specific settings tailored for project pages. Let's take a look at these together.

VIEW

Project Hero: You can select a project header template (which are pre-designed for Leksa) for this project. If you set this setting to "Use Global" the global project header template which is comes from Theme Options sill be setted. You can also create custom templates and use here.

Project Details:You can define project metas here. This metas could be use showcases, single projects and project headers.


After you set the settings in this page you can click on "Edit with Elementor" button and start building the inner project content same like the pages.

If you don't see the "Edit with Elementor" button here please follow these steps below;

1 - Navigate "Elementor > Settings" on your admin dashboard.
2 - You'll see "Post Types" section below "General" tab.
3 - Click on "Portfolio" and save changes.

VIEW
06. Updating Theme & Plugins

When a new update is released, Envato will send you an email notifying you. Below are the steps you should take upon receiving such an email:

1- Go to your Envato profile and navigate to the 'Downloads' tab.
2- Download the latest version of Leksa.
3- The 'leksa.zip' file within the downloaded files is the latest updated theme file.
4- Replace your current theme file with the 'leksa.zip' file. (You can upload it directly in the WordPress panel just like installing a new theme.)

Often, when a new update is released, the core plugins of the theme also need to be updated.
After updating the theme, navigate to 'Appearance > Install Plugins' in your WordPress panel to check for updates to the core plugins. Don't forget to install them if a new version is available.


CLICK TO VIEW
07. Changelog

v1.1.0 [24/06/2024]
*NEW WIDGET; Google Maps
*NEW WIDGET; Table
*NEW WIDGET; Shopping Cart
*NEW FEATURE (BETA); Converting containers to "Tabs"
*NEW FEATURE (BETA); Converting containers to "Accordions"
*NEW FEATURE; Container layout switch on scroll.
*NEW FEATURE; Text wrapper convert to heading option.
*NEW FEATURE; Videos can be inserted into texts now.
Fullscreen cards pinned elements on smooth scroll bug fixed.
Container animations editor visiblity bug fixed.
Theme options custom CSS/JS visibility bug fixed.
Showcase Rotate speed option added.
Header elements visibility animation performances improved.
Clients widget carousel will be stop on hover.
Portfolio filter animation performance improved.
Fullscreen Slideshow Android bug fixed.
Lightbox video position bug on smooth scroll fixed.
Project Media (Gallery) at mobile will be draggable.
WooCommerce pages restyled.
WooCommerce widgets added.
WooCommerce widget issues fixed.

v1.0.2 [27/05/2024]
Demo images included into the demo content.
Smooth scroll performance improvements.
Smooth scroll project transition bug fixed.
Smooth scroll normalized at mobile devices.
Showcase carousel page transition bug fixed.
Showcase table image links included.
Zoomed image mobile view adjusted.
Testimonials shuffle disabled on mobile devices.
Forms design adjustments.
Footer header layout bug fixed.
Converted carousel mobile bug fixed.
Showcase carousel mobile design improved.
Showcase rotate mobile rebuilt.
Showcase table mobile design rebuilt.
Infinite cards drag speed increased (at mobile)
Responsive design adjustments.
Animation performance improvements.
Minor bug fixes.

v1.0.1 [24/05/2024]
Released
Elementor/WooCommerce compatibility improvements.
Pe-Core v1.0.1 available.
Responsive design adjustments.
Demo content updated.
UI/UX improvements.
Minor bug fixes.

v1.0.0 [---]
Released