/home/moonrcjl/wptheme.moontelict.com/trastek/docs/index.html
<!DOCTYPE html>
<html class="no-js" lang="zxx">
<head>
<!-- Basic metas
======================================== -->
<meta charset="utf-8">
<meta name="author" content="">
<meta name="description" content="">
<meta name="keywords" content="">
<!-- Mobile specific metas
======================================== -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta property="og:title" content="Documentation" />
<meta property="og:url" content="index.html" />
<!-- Page Title
======================================== -->
<title> WordPress Documentation</title>
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png">
<!-- fonts
======================================== -->
<link rel="stylesheet" type="text/css" href="assets/css/elegantFont.css">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="assets/css/vendor/bootstrap.min.css">
<!-- Custom css -->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link rel="stylesheet" type="text/css" href="assets/css/responsive.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Header starts -->
<a href="#top" class="back-to-top"><i class="fal fa-arrow-up"></i></a>
<header class="page-header sticky-top" id="top">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3 col-md-4 col-sm-6 col-6">
<div class="logo">
<a href="#" class="nav-brand">
<img src="assets/images/logo.png" alt="logo" width="155" height="36">
</a>
</div>
</div>
<div class="col-lg-9 col-md-8 col-sm-6 col-6">
<div class="right-part d-flex justify-content-end align-items-center">
<form action="#" class="search-form d-none d-lg-block">
<div class="input-group">
<input type="text" class="search-input" placeholder="Search item">
</div>
</form>
<div class="nav-list">
<a class="support-link d-none d-md-inline-block" href="https://help.moontelict.com/"
target="_blank">request support</a>
<a class="e-btn d-none d-md-inline-block"
href="https://themeforest.net/user/moontel_ict/portfolio" target="_blank">Visit
Themes</a>
<a href="#" class="toggle-navbar"><i class="icon_menu"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- End of .container -->
</header>
<div class="main-content-wrapper">
<div class="container ">
<div class="row doc-container">
<div class="col-xl-3">
<aside class="sidebar-navigation sticky-top doc-sidebar">
<h3>Doc Navigation</h3>
<!-- <nav class="nav"> -->
<ul class="themepure-doc-nav nav-sidebar doc-nav">
<li class="nav-item">
<a class="nav-link" href="#getting_started"><img
src="assets/images/icon/start-button.png"> Getting Started </a>
<span class="icon">
<i class="icon_plus"></i>
<i class="icon_minus-06"></i>
</span>
<ul class="submenu dropdown_nav">
<li class="nav-item"><a class="nav-link" href="#requirements">Requirements</a></li>
<li class="nav-item"><a class="nav-link" href="#what_included">What's Included</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#wordpress_installation"><img
src="assets/images/icon/wordpress.png"> WordPress Installation</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#installation_the_theme"><img
src="assets/images/icon/analytics.png"> Installing the theme</a>
<span class="icon">
<i class="icon_plus"></i>
<i class="icon_minus-06"></i>
</span>
<ul class="submenu dropdown_nav">
<li class="nav-item"><a class="nav-link" href="#using_theme_uploader">Using Theme
Uploader</a></li>
<li class="nav-item"><a class="nav-link" href="#using_ftp_uploader">Using FTP
Clients</a></li>
<li class="nav-item">
<a class="nav-link" href="#updating_theme">Updating Theme</a>
</li>
<li class="nav-item"><a href="#installing_required_plugins"
class="nav-link">Installing required plugins</a></li>
</ul>
</li class="nav-item">
<li class="nav-item">
<a class="nav-link" href="#section-4"><img src="assets/images/icon/export-file.png">
Importing Demo Contents</a>
<span class="icon">
<i class="icon_plus"></i>
<i class="icon_minus-06"></i>
</span>
<ul class="submenu dropdown_nav">
<li class="sub-nav nav-item ">
<a class="nav-link" href="#section-4-1">Automatic Import</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section-4-2">Manual Import</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section-4-3">Where Is My Purchase Code?</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#basic_site_setting"><img
src="assets/images/icon/settings.png"> Basic Site Setting</a>
<span class="icon">
<i class="icon_plus"></i>
<i class="icon_minus-06"></i>
</span>
<ul class="submenu dropdown_nav">
<li class="nav-item"><a class="nav-link" href="#customize_menu">Customize Menu</a>
</li>
<li class="nav-item"><a class="nav-link" href="#favicon_setting">Change Site Title
and Favicon</a></li>
<li class="nav-item"><a class="nav-link" href="#colors_setting">Change Global
Colors</a></li>
<li class="nav-item"><a class="nav-link" href="#logo_setting">Change Logo</a></li>
<li class="nav-item"><a class="nav-link" href="#typography_setting">Change
Typography</a></li>
<li class="nav-item"><a class="nav-link" href="#blog_page_setting">Set Home and Blog
Page</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#theme_options"><img src="assets/images/icon/admin.png"> Theme
Options</a>
<span class="icon">
<i class="icon_plus"></i>
<i class="icon_minus-06"></i>
</span>
<ul class="submenu dropdown_nav">
<li class="nav-item"><a class="nav-link" href="#general_options">General</a></li>
<li class="nav-item"><a class="nav-link" href="#options_social">Contact &
Social</a></li>
<li class="nav-item"><a class="nav-link" href="#options_header">Header</a></li>
<li class="nav-item"><a class="nav-link" href="#options_footer">Footer</a></li>
<li class="nav-item"><a class="nav-link" href="#options_archive">Blog Archive</a>
</li>
<li class="nav-item"><a class="nav-link" href="#options_404">Error Page Settings</a>
</li>
<li class="nav-item"><a class="nav-link" href="#options_breadcrumb">Breadcrumb
Setting</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#creating_a_project"><img
src="assets/images/icon/gallery.png"> Portfolio</a>
<span class="icon">
<i class="icon_plus"></i>
<i class="icon_minus-06"></i>
</span>
<ul class="submenu dropdown_nav">
<li class="nav-item"><a class="nav-link" href="#creating_a_project">Creating a
project</a></li>
<li class="nav-item"><a class="nav-link" href="#creating_a_portfolio_page">Creating
a portfolio page</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#elementor_widgets"><img
src="assets/images/icon/elementors.png"> Elementor Widgets</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#translating_theme"><img
src="assets/images/icon/translate.png"> Translating Theme</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#404_error_in_all_pages"><img
src="assets/images/icon/not-found.png"> 404 Error in all pages</a>
</li>
</ul>
<!-- </nav> -->
</aside>
</div>
<div class="col-xl-9 col-lg-12">
<div class="main-content">
<main class="main">
<div class="filterable-wrapper">
<article id="getting_started" class="section-main doc-section">
<div class="steps-panel">
<ol class="ordered-list">
<li>
<strong>Item Name : </strong>Trastek - Logistics & Transportation WordPress Theme
</li>
<li>
<strong>Created: </strong> 28 September 2024
</li>
<li><strong>Item Version : </strong> v 1.0.0</li>
<li>
<strong>Author : </strong>
<a href="https://themeforest.net/user/moontel_ict"
target="_blank">moontel_ict</a>
</li>
<li>
<strong>Support Ticket: </strong>
<a href="http://help.moontelict.com/"
target="_blank">http://help.moontelict.com/</a>
</li>
</ol>
</div>
<figure>
<img class="max-100" src="assets/images/doc/screenshot.jpg" alt="">
</figure>
<section>
<h2>Introduction</h2>
<h4 class="title">Trastek WordPress Theme Documentation</h4>
<div class="top-support">For any support please don't hesitate to contact us at
<a href="http://help.moontelict.com/"><b>Support Center</b></a>. We
provide 13 hours real-time support for our customers.
</div>
<p>We would like to thank you for choosing Trastek - Electricity Services WordPress Theme
Theme.</p>
</section>
<!-- End of #getting_started -->
<section id="requirements">
<h3>Getting started</h3>
<p>You need at least WordPress version 6.0.0+ installed for this theme to work
properly. It is strongly recommended that you always use the latest stable
version of Wordpress to ensure all known bugs and security issues are fixed.
Other getting_started:</p>
<div class="steps-panel">
<ul class="ordered-list">
<li>PHP version 7.4 or greater. But for maximum speed gain we recommend
you to use PHP version 8.1+.</li>
<li>MySQL version 5.6 or greater OR MariaDB version 10.0 or greater.
</li>
<li>WordPress memory limit of 128 MB or greater.</li>
</ul>
</div>
<h4>Recommended PHP configuration limits</h4>
<ul class="code">
<li>max_execution_time 180</li>
<li>memory_limit 128M</li>
<li>post_max_size 64M</li>
<li>upload_max_filesize 32M</li>
<li>max_input_time = 60</li>
<li>max_input_vars = 3000</li>
</ul>
<p><b>Server getting_started</b>: <a target="_blank"
href="https://make.wordpress.org/hosting/handbook/handbook/server-environment">https://make.wordpress.org/hosting/handbook/handbook/server-environment</a>
</p>
</section>
<!-- End of #requirements -->
<section id="what_included">
<h3>What's Included</h3>
<p>After purchasing Trastek theme on themeforest.net with your Envato account,
go to your
Download page. You can choose to download Trastek theme only (Installable
WordPress
Theme) or the entire Trastek theme package which contains the following
files:</p>
<figure>
<img class="max-100" src="assets/images/include/1.png" alt="">
</figure>
<h4>The contents of the theme package downloaded from ThemeForest</h4>
<div class="steps-panel">
<ul class="ordered-list">
<li><strong>Trastek .zip</strong> - An Installable WordPress Theme zip
file. this file you need to upload to WordPress.</li>
<li><strong>Trastek -child.zip</strong> - This file contains the basic
child theme that you can use with our theme. Just installing it
won’t hurt and in case you decide to make some changes/extend the
source code of the theme, it will be very helpful because it helps
not to lose your custom changes after updating the parent theme. <a
href="https://codex.wordpress.org/Child_Themes">More on child
themes</a></li>
<li><strong>Plugins</strong> - This folder contains plugins required to
work with our theme.</li>
<li><strong>Demo Data</strong> - This folder contains the demo content
file which will help you to import the demo manually.</li>
<li><strong>Licensing</strong> - This folder contains the terms and
conditions of the license.</li>
<li><strong>Documentation</strong> - This folder contains what you are
reading now :)</li>
</ul>
</div>
</section>
<!-- End of #what_included -->
</article>
<article id="wordpress_installation" class="section-main doc-section">
<section>
<h2>WordPress Installation</h2>
<p>Please follow the instructions in the video to see how you can install
WordPress on your
hosting:</p>
<div class="steps-panel">
<ol class="ordered-list">
<li><b>For local host:</b> <a
href="https://www.youtube.com/watch?v=snFzbPm_RUE"
target="_blank">https://www.youtube.com/watch?v=snFzbPm_RUE</a>
</li>
<li><b>For cPanel:</b> <a
href="https://www.youtube.com/watch?v=t-YBqV2ReR0"
target="_blank">https://www.youtube.com/watch?v=t-YBqV2ReR0</a>
</li>
</ol>
</div>
</section>
</article>
<article id="installation_the_theme" class="section-main doc-section">
<!-- End of #installation -->
<section>
<h2>Installing the theme</h2>
<blockquote class="media notice notice-warning">
<i class="icon_ribbon_alt"></i>
<div class="media-body">
<p><strong>Important!</strong> if you download the All Files archive
from ThemeForest and try to upload it to your WordPress, you will
receive this error: <strong>Theme is missing the style.css
stylesheet.</strong> Please make sure you unzipped the main
archive and are uploading the correct file to your WordPress.</p>
</div>
</blockquote>
<p>When you are ready to install a theme, you must first upload the theme files
and then
activate the theme itself. The theme files can be uploaded in two ways:</p>
</section>
<!-- End of #installation -->
<section id="using_theme_uploader">
<h3>1. Using Theme
Uploader</h3>
<p>Follow the steps as instructed in the images below:</p>
<div class="steps-panel">
<ol class="ordered-list">
<li>From the dashboard go to <span class="direction_steps"><span
class="direction_step">Appearance</span><span
class="direction_step">Themes</span><span
class="direction_step">Add New</span> <span
class="direction_step"> Upload Theme</span> </span></li>
<li>Click on <strong> “Choose File” </strong> and select
<strong>Trastek .zip</strong>
</li>
<li>Click on <strong>“Install Now”</strong>.</li>
<li>Active the Theme</li>
</ol>
</div>
<p><b>N.B:</b> All plugins must be installed and activated if you want your site
to look exactly like demo.</p>
<figure>
<img src="assets/images/theme-install/1.png" alt="3.1.1" class="doc-image">
<figcaption class="text-center">Appearance → Themes → Add New </figcaption>
</figure>
<figure>
<img src="assets/images/theme-install/2.png" alt="3.1.1" class="doc-image">
<figcaption class="text-center">Click on “Choose File” and select
Trastek .zip and Click on “Install Now”.</figcaption>
</figure>
<figure>
<img src="assets/images/theme-install/3.png" alt="3.1.1" class="doc-image">
<figcaption class="text-center">Active Trastek Theme</figcaption>
</figure>
</section>
<!-- End of #using_theme_uploader -->
<section id="using_ftp_uploader">
<h3>2. Using FTP Clients</h3>
<p>Follow the following steps to upload your theme using FTP clients:</p>
<div class="steps-panel">
<ol class="ordered-list">
<li>Use an FTP such as FileZilla and go to your WordPress installation
director </li>
<li>Navigate to <strong>/wp-content/themes/</strong> folder and upload
the theme folder there</li>
<li>Log in to your WP Admin Dashboard and open the <span
class="direction_steps"><span
class="direction_step">Appearance</span><span
class="direction_step">Themes</span></span> menu</li>
<li>You will now see <strong>Trastek </strong> Theme listed among the
other themes. <strong>Click on Activate</strong> and you’re done!
</li>
</ol>
</div>
</section>
<!-- End of #using_ftp_uploader -->
<section id="updating_theme">
<h3>3. Updating Theme</h3>
<p>Occationally we provide updates which includes new features and bugfixes.
Updating WordPress theme is standard WordPress functionality.</p>
<p class="mt30" style="color:red;"><b><u>Before Updating Theme</u></b>:</p>
<div style="color:red;"><i><b>** Before updating please make sure to keep a
backup of your installed theme and plugins (eg. MT Core) to be on
safe side.</b></i></div>
<p>You can use this plugin to keep the backup: <a target="_blank"
href="https://wordpress.org/plugins/wp-theme-plugin-download/">https://wordpress.org/plugins/wp-theme-plugin-download/</a>
</p>
<p class="mt30">There are few ways to update WordPress theme. You can follow any
of the methods described below:</p>
<p><b><u>Method 1: Automatic Update by Using Envato Market Plugin</u></b></p>
<div class="steps-panel">
<ol class="ordered-list">
<li>Install and activate the "Envato Market" plugin manually. Here's the
plugin zip file: <a
href="http://envato.github.io/wp-envato-market/dist/envato-market.zip">http://envato.github.io/wp-envato-market/dist/envato-market.zip</a>
</li>
<li>From WordPress Admin Panel, navigate to <b>"Envato Market"</b> menu.
</li>
<li>In this page, you'll find a field for insering Envato Token. Insert
your Envato Token Code from there. You can generate this code from
this link: <a
href="https://build.envato.com/create-token/?purchase:download=t&purchase:verify=t&purchase:list=t">https://build.envato.com/create-token/?purchase:download=t&purchase:verify=t&purchase:list=t</a>.</br><i>Remember,
while generating the token, you have to login using the same
envato id which you used to purchase theme.</i></li>
<li>After completed the above steps successfully, Navigate to
<b>Appearance -> Themes</b>. Here you'll see an "Update now" link
beside your theme. Click on that link and your theme will be updated
automatically.
</li>
</ol>
</div>
<p>Here's a quick video tutorial explaining this method:</p>
<p><iframe width="640" height="360"
src="https://www.youtube.com/embed/fhRFhXnuP1I" frameborder="0"
allowfullscreen></iframe></p>
<p class="mt30"><b><u>Method 2: By Uploading zip File</u></b></p>
<div class="steps-panel">
<ol class="ordered-list">
<li>From WordPress Admin Panel, Navigate to <b>Appearance -> Themes</b>.
</li>
<li>Activate any other theme (eg. Twenty Seventeen) than the current
one.</li>
<li>Delete <b><i>Trastek </i></b> Theme.</li>
<li>Now you have to upload the updated theme zip file. To do this,
Navigate to <b>Appearance -> Themes -> Add New -> Upload</b>. Go to
browse, and select the zipped theme folder. Hit "Install Now" and
the theme will be uploaded and installed.</li>
</ol>
</div>
<p><b><u>Method 3: By FTP</u></b></p>
<div class="steps-panel">
<ol class="ordered-list">
<li>Using your FTP client, navigate to "/wp-content/themes/" folder on
your server and delete the "Trastek " folder from there.</li>
<li>Now upload the latest non-zipped theme folder into that
"/wp-content/themes/" folder .</li>
</ol>
</div>
<p class="mt30" style="color:red;"><b><u>After Updating Theme</u></b>:</p>
<p style="color:red;"><i><b>** After updating the theme please update all
plugins which come with the theme.</b></i></p>
</section>
<section id="installing_required_plugins">
<h3>4. Installing required plugins</h3>
<p>Trastek theme requires a set of core and additional plugins to function
correctly. A plugin is an additional component that offers functionality and
features beyond a typical WordPress installation. Without them, most of its
functionality is not available. After installing the theme you will be
prompted to install the required plugins at the top of your dashboard.
</p>
<div class="steps-panel">
<ol class="ordered-list">
<li>From the dashboard go to <span class="direction_steps"><span
class="direction_step">Appearance </span><span
class="direction_step">Install Plugins</span></span></li>
<li>Toggle all the required plugins and hint <strong>“Install”</strong>;
</li>
<li>The last step will be activating the plugins.</li>
</ol>
</div>
<figure>
<img src="assets/images/plugins/1.png" alt="">
<figcaption class="text-center">Click on the begin installing plugins link
to install all the required plugins.</figcaption>
</figure>
<figure>
<img src="assets/images/plugins/2.png" alt="">
<figcaption class="text-center">Select all and install</figcaption>
</figure>
<figure>
<img src="assets/images/plugins/3.png" alt="">
<figcaption class="text-center">Select all and Activate</figcaption>
</figure>
</section>
</article>
<article id="installation_the_theme" class="section-main doc-section">
<section id="section-4">
<h2>Importing Demo Contents</h2>
<p>We are providing you two methods for importing demo contents: Automatic and
Alternative. You can follow either one of these methods.</p>
<ol class="pl-10">
<li><b>One Click Method (Recommended)</b>: This method will remove all your
existing data, so use this method only in fresh website. This procedure
will be faster because you just have to do one click and then everything
will happen automatically. If you want an exact clone of demo website
without doing any manual configuration after importing data then this
method is appropiate for you.</li>
<li class="mt10"><b>Manually Import</b>: Use this method only if:
<ul class="pl-5">
<li>Automatic demo import method fails ( Only few of our customers
like 5% have experienced this issue due to their hosting limits,
in that case we also provide free demo importing service if you
contact with us).</li>
<li>You already have a working website with existing contents(eg.
posts, pages etc).</li>
</ul>
</li>
</ol>
</section>
<!-- End of #section-4 -->
<section id="section-4-1">
<h3>1. One Click Method</h3>
<p>Want to build your site like the demo? You can do it by only one click!</p>
<blockquote class="media notice notice-danger">
<i class="icon_ribbon_alt"></i>
<div class="media-body">
<p><strong>Note: </strong> Please remember that when you are done with
the demo import, your some existing settings will be replaced by the
demo contents Like: Your menu, Customizer. So it is recommended that
you should only do this in fresh site.</p>
</div>
</blockquote>
<div class="steps-panel">
<ol class="ordered-list">
<li>Ensure, that the <strong>One-Click Import</strong> plugin is
installed and activated;</li>
<li>From the dashboard go to <span class="direction_steps"><span
class="direction_step">Appearance </span><span
class="direction_step">Import Demo Data</span></span></li>
<li>Choose the demo you want to install and click on the
<strong>“Import”</strong> button below;
</li>
<li><strong>And change the permalink: </strong> From the dashboard go to
<span class="direction_steps"><span class="direction_step">Settings
</span><span class="direction_step">Permalink</span></span>
</li>
</ol>
</div>
<figure>
<img src="assets/images/demo/1.png" alt="4.1.1" class="doc-image">
<figcaption class="text-center">go to Appearance -> Import Demo Data
</figcaption>
</figure>
<figure>
<img src="assets/images/demo/2.png" alt="4.1.1" class="doc-image">
<figcaption class="text-center">Click on the "Import" button</figcaption>
</figure>
<figure>
<img src="assets/images/demo/3.png" alt="4.1.1" class="doc-image">
<figcaption class="text-center">Click "Yes, Import" Button</figcaption>
</figure>
<figure>
<img src="assets/images/demo/4.png" alt="4.1.1" class="doc-image">
<figcaption class="text-center"><strong>Import Complete!</strong> Congrats,
your demo was imported successfully. You can now begin editing your
site.</figcaption>
</figure>
<figure>
<img src="assets/images/demo/5.png" alt="4.1.1" class="doc-image">
<figcaption class="text-center">Change permalink</figcaption>
</figure>
</section>
<section id="section-4-2">
<h3>2. Manual Import</h3>
<p>Please follow the instructions below:</p>
<div class="steps-panel">
<ol class="ordered-list">
<li>Click <strong>switch to manual import</strong> from right corner.
</li>
<li>Choose <strong>contents-demo.xml</strong> file for all content
import</li>
<li>Choose <strong>widget-settings.json</strong> file for widget import
</li>
<li>Choose <strong>customizer-data.dat</strong> file for customizer
import</li>
<li>and last click <strong>Import demo data</strong> button</li>
</ol>
</div>
<blockquote class="media notice notice-success">
<i class="icon_ribbon_alt"></i>
<div class="media-body">
<p><strong>Note:</strong> We have added all the above files to the
<strong>Theme package -> Demo Data</strong> folder.
</p>
</div>
</blockquote>
<figure>
<img src="assets/images/demo/6.png" alt="4.1.1" class="doc-image">
<figcaption class="text-center">Click "switch to manual import" link
</figcaption>
</figure>
<figure>
<img src="assets/images/demo/7.png" alt="4.1.1" class="doc-image">
<figcaption class="text-center">Choose all file and click the "import demo
data" button</figcaption>
</figure>
</section>
<!-- End of #section-4 -->
<section id="section-4-3">
<h3>Where Is My Purchase Code?</h3>
<p> To learn about how to find
your purchase code. When you buy a product from envato you get a purchase
code. visit the following link:</p>
<a href="https://help.market.envato.com/hc/en-us/articles/202822600-Where-Can-I-Find-my-Purchase-Code"
target="_blank">Purchase Code</a>
</section>
</article>
<article id="basic_site_setting" class="section-main doc-section">
<h2>Basic Site Setting</h2>
<section id="customize_menu">
<h3>Customize Menu</h3>
<p>To customize the menu and megamenu please login to wp-admin and navigate to
<span class="direction_steps"><span class="direction_step">Dashboard
</span><span class="direction_step">Appearance</span><span
class="direction_step">Menus</span></span> and follow the following
steps:
</p>
<figure>
<img src="assets/images/doc/menu.jpg" alt="8.2.1" class="doc-image">
<img src="assets/images/doc/menu-save.jpg" alt="8.2.1" class="doc-image">
</figure>
</section>
<section id="favicon_setting">
<h3>Change Site Title and Favicon Basic Site Setting</h3>
<p>To change your Site title and Favicon login to wp-admin and navigate to <span
class="direction_steps"><span class="direction_step">Dashboard
</span><span class="direction_step">Appearance</span><span
class="direction_step">Customize</span><span
class="direction_step">Site Identity</span></span> and follow the
following steps:</p>
<figure>
<img src="assets/images/doc/favicon.png" alt="5" class="doc-image">
</figure>
</section>
<!-- End of #section-5 -->
<section id="logo_setting">
<h3>Change Logo</h3>
<p>To change the site logo login to your wp-admin and navigate to
<span class="direction_steps">
<span class="direction_step">Dashboard </span>
<span class="direction_step">Appearance</span>
<span class="direction_step">Customize</span>
<span class="direction_step">Trastek Customizer</span>
<span class="direction_step">Header</span>
</span>
and follow the following steps:
</p>
<figure>
<img src="assets/images/doc/header-logo.png" alt="7.1.1" class="doc-image">
<img src="assets/images/doc/logo-upload.jpg" alt="7.1.2" class="doc-image">
</figure>
</section>
<!-- End of #section-7 -->
<section id="typography_setting">
<h3>Change Typography</h3>
<p>To change the typography of your site navigate to
<span class="direction_steps">
<span class="direction_step">Dashboard </span>
<span class="direction_step">Appearance</span>
<span class="direction_step">Customize</span>
<span class="direction_step">Trastek Customizer</span>
<span class="direction_step">Typography</span>
</span>
and follow the following steps:
</p>
<figure>
<img src="assets/images/doc/typo.png" alt="8" class="doc-image"><br>
<img src="assets/images/doc/typo-heading.png" alt="8.0" class="doc-image">
</figure>
</section>
<!-- End of #section-8 -->
<section id="blog_page_setting">
<h3>Set Home and Blog Page</h3>
<p>To set the home and blog page, login to wp-admin and go to
<span class="direction_steps">
<span class="direction_step">Dashboard </span>
<span class="direction_step">Settings </span>
<span class="direction_step">Reading</span>
</span> and follow the following steps:
</p>
<figure>
<img src="assets/images/doc/reading.jpg" alt="8.2" class="doc-image">
</figure>
</section>
<!-- End of #section-8-1 -->
<!-- End of #section-8-2 -->
</article>
<article id="theme_options" class="section-main doc-section">
<section id="general_options">
<h2>Theme Options</h2>
<h3>Header</h3>
<p>To change Theme Options header navigate to
<span class="direction_steps">
<span class="direction_step">Dashboard </span>
<span class="direction_step">Appearance</span>
<span class="direction_step">Customize</span>
<span class="direction_step">Trastek Customizer</span>
<span class="direction_step">Header</span>
</span>
and follow the following steps:
</p>
<figure>
<img src="assets/images/doc/header-seeting-logo.png" alt="11"
class="doc-image">
<img src="assets/images/doc/preloader.png" alt="11" class="doc-image">
</figure>
</section>
<!-- End of #section-9 -->
<!-- <section id="options_social">
<h3>Contact & Social</h3>
<p>To change Theme Options navigate to
<span class="direction_steps">
<span class="direction_step">Dashboard </span>
<span class="direction_step">Appearance</span>
<span class="direction_step">Customize</span>
<span class="direction_step">Trastek Customizer</span>
<span class="direction_step">Social</span>
</span>
and follow the following steps:</p>
<figure>
<img src="assets/images/doc/header-social.png" alt="11.1.3" class="doc-image">
</figure>
</section> -->
<!-- End of #section-9 -->
<!-- <section id="getting_started1-2-1">
<h3>Header Top Bar</h3>
<p>To change Theme Options navigate to
<span class="direction_steps">
<span class="direction_step">Dashboard </span>
<span class="direction_step">Appearance</span>
<span class="direction_step">Customize</span>
<span class="direction_step">Trastek Customizer</span>
<span class="direction_step">Header Topbar</span>
</span>
and follow the following steps:</p>
<figure>
<img src="assets/images/doc/topbar.png" alt="11.1.3" class="doc-image">
</figure>
</section> -->
<section id="options_header">
<h3>Header / Header layout</h3>
<p>To change Theme Options navigate to
<span class="direction_steps">
<span class="direction_step">Dashboard </span>
<span class="direction_step">Appearance</span>
<span class="direction_step">Customize</span>
<span class="direction_step">Trastek Customizer</span>
<span class="direction_step">Header</span>
</span>
and follow the following steps:
</p>
<figure>
<img src="assets/images/doc/header-layout.png" alt="11.2.1"
class="doc-image">
</figure>
</section>
<!-- <section id="getting_started1-2-3">
<h3>Header / Header Information</h3>
<p>To change Theme Options navigate to
<span class="direction_steps">
<span class="direction_step">Dashboard </span>
<span class="direction_step">Appearance</span>
<span class="direction_step">Customize</span>
<span class="direction_step">Trastek Customizer</span>
<span class="direction_step">Header Top Bar</span>
</span>
and follow the following steps:</p>
<figure>
<img src="assets/images/doc/header-info.png" alt="11.2.1" class="doc-image">
</figure>
</section> -->
<section id="getting_started1-2-4">
<h3>Header Side Info</h3>
<p>To change Theme Options navigate to
<span class="direction_steps">
<span class="direction_step">Dashboard </span>
<span class="direction_step">Appearance</span>
<span class="direction_step">Customize</span>
<span class="direction_step">Trastek Customizer</span>
<span class="direction_step">Side Info</span>
</span>
and follow the following steps:
</p>
<figure>
<img src="assets/images/doc/side-info.png" alt="11.2.1" class="doc-image">
</figure>
</section>
<!-- End of #section-9 -->
<section id="options_footer">
<h3>Footer Layout</h3>
<p>To change Theme Options navigate to
<span class="direction_steps">
<span class="direction_step">Dashboard </span>
<span class="direction_step">Appearance</span>
<span class="direction_step">Customize</span>
<span class="direction_step">Trastek Customizer</span>
<span class="direction_step">Footer</span>
</span>
and follow the following steps:
</p>
<figure>
<img src="assets/images/doc/footer-layout.png" alt="11.3.2"
class="doc-image">
</figure>
</section>
<section id="getting_started1-3-1">
<h3> Footer & Footer Copyright Info</h3>
<p>To change Theme Options navigate to
<span class="direction_steps">
<span class="direction_step">Dashboard </span>
<span class="direction_step">Appearance</span>
<span class="direction_step">Customize</span>
<span class="direction_step">Trastek Customizer</span>
<span class="direction_step">Footer</span>
</span>
and follow the following steps:
</p>
<figure>
<img src="assets/images/doc/copyright.png" alt="11.3.2" class="doc-image">
</figure>
</section>
<section id="options_archive">
<h3>Archive (Blog / Archive)</h3>
<p>To change Theme Options navigate to
<span class="direction_steps">
<span class="direction_step">Dashboard </span>
<span class="direction_step">Appearance</span>
<span class="direction_step">Customize</span>
<span class="direction_step">Trastek Customizer</span>
<span class="direction_step">Blog Settings</span>
</span>
and follow the following steps:
</p>
<figure>
<img src="assets/images/doc/blog-meta.png" alt="11.6.1" class="doc-image">
</figure>
</section>
<!-- End of #getting_started1-4 -->
<section id="options_404">
<h3>Settings (Error Page Settings)</h3>
<p>To change Theme Options navigate to
<span class="direction_steps">
<span class="direction_step">Dashboard </span>
<span class="direction_step">Appearance</span>
<span class="direction_step">Customize</span>
<span class="direction_step">Trastek Customizer</span>
<span class="direction_step">Error Page</span>
</span>
and follow the following steps:
</p>
<figure>
<img src="assets/images/doc/404.png" alt="11.8.1" class="doc-image">
</figure>
</section>
<!-- End of #getting_started1-4 -->
</article>
<article id="creating_a_project" class="section-main doc-section">
<section class="image-no-100">
<h2>Portfolio Post</h2>
<h3>Creating a Portfolio</h3>
<p>To create a new project do the following:</p>
<div class="steps-panel">
<ol class="ordered-list">
<li>From the dashboard go to <span class="direction_steps"><span
class="direction_step">Portfolio </span><span
class="direction_step">All Items</span><span
class="direction_step">Add New</span></span></li>
<li>Add project meta and click the publish button</li>
<li>Then click the "Edit with Elementor" Button</li>
<li>Add project content</li>
</ol>
</div>
<figure>
<img src="assets/images/portfolio/1.png">
<figcaption class="text-center">Create a portfolio</figcaption>
</figure>
<figure>
<img src="assets/images/portfolio/3.png">
<figcaption class="text-center">Add a section with "full width" and "No Gap"
</figcaption>
</figure>
<figure>
<img src="assets/images/portfolio/4.png">
<figcaption class="text-center">Add project title and text content
</figcaption>
</figure>
<figure>
<img src="assets/images/portfolio/5.png">
<figcaption class="text-center">Add project image</figcaption>
</figure>
<figure>
<img src="assets/images/portfolio/6.png">
<figcaption class="text-center">Add project text</figcaption>
</figure>
</section>
<section class="image-no-100" id="creating_a_portfolio_page">
<h3>Portfolio Page</h3>
<p>To create a page with a portfolio template and add it to your website:</p>
<div class="steps-panel">
<ol class="ordered-list">
<li>From the dashboard go to <span class="direction_steps"><span
class="direction_step">Pages </span><span
class="direction_step">Add New</span></span></li>
<li>Enter your portfolio page title</li>
<li>If you want to overwrite <strong>global options</strong>. Like
Header, Footer etc style. Please customize here.</li>
<li>Click the <strong>Publish </strong>Button</li>
<li>Select <strong>"Elementor Full Wdth"</strong> Page Template</li>
<li>Add a section with <strong>"full width"</strong> and <strong>"No
Gap"</strong></li>
<li>Choose and drop a Portfolio Projects element from the left side</li>
</ol>
</div>
<figure>
<img src="assets/images/portfolio/7.png">
<figcaption class="text-center">Create a portfolio page</figcaption>
</figure>
</section>
</article>
<article id="elementor_widgets" class="section-main doc-section">
<section class="image-no-100">
<h3>Elementor Widgets</h3>
<p>Elementor Page Builder has a lot of built-in widgets by default. But for your
convenience we've created several custom Elementor Widgets that you can use
in your website and extend website functionality. You can find them under
<b><i>MT Core</i></b> section on Elementor edit mode.
</p>
<figure>
<img class="mr-3" src="assets/images/elementor/1.png">
<!-- <figcaption class="text-center">Here All Custom Elementor Widget for Trastek .</figcaption> -->
<img class="mr-3" src="assets/images/elementor/2.png">
<!-- <figcaption class="text-center">Here All Custom Elementor Widget for Trastek .</figcaption> -->
<img src="assets/images/elementor/3.png">
<!-- <figcaption class="text-center">Here All Custom Elementor Widget for Trastek .</figcaption> -->
</figure>
<figure>
</figure>
<figure>
</figure>
</section>
</article>
<article id="translating_theme" class="section-main doc-section">
<section id="getting_started3">
<h2>Translating Theme</h2>
<p>You can translate this theme to another language easily. You have to
translate several things for your website to work properly:</p>
<div class="steps-panel">
<ol class="ordered-list">
<li>Theme: Trastek </li>
<li>Plugin: Trastek-core</li>
</ol>
</div>
<p>There are many tools available for translation. But the easiest way is to use
plugin "<b>Loco Translate</b>". Using this plugin, you can literally
translate any WordPress themes or plugins if it supports translation.</p>
<p class="mt30"><b>--- Here's a step by step tutorial about translating any
themes and plugins using "Loco Translate":</b></p>
<p class="mt30"><b><u>Step 1:</u></b> Install and activate plugin "Loco
Translate".</p>
<p class="mt10"><img src="assets/images/doc/section-14.jpg"></p>
<p class="mt30"><b><u>Step 2:</u></b> Select the Theme or Plugin you want to
translate from "Loco Translate" menu.</p>
<p class="mt30"><b><u>Step a:</u></b> Theme Translate</p>
<p class="mt10"><img src="assets/images/doc/loco-theme.png"></p>
<p class="mt30"><b><u>Step b:</u></b> Plugin Translate</p>
<p class="mt10"><img src="assets/images/doc/loco-plugins.png"></p>
<p class="mt10"><img src="assets/images/doc/loco-new.png"></p>
<p class="mt30"><b><u>Step 3:</u></b> Click on <b><i>New language</i></b> link.
</p>
<p class="mt10"><img src="assets/images/doc/loco-lang.png"></p>
<p class="mt30"><b><u>Step 4:</u></b> Select your preferred language, and also
select your location as "System". Then click on "Start Translating" button.
</p>
<p class="mt10"><img src="assets/images/doc/loco-final.jpg"></p>
<p class="mt30"><b><u>Step 4:</u></b> Click on the "Sync" button for the first
time. Then start translating strings like the image below.</p>
<p>Here's a quick video tutorial about how to use <b>Loco Translate</b>:</p>
<p><iframe width="640" height="360"
src="https://www.youtube.com/embed/bQI50tUXN6c" frameborder="0"
allowfullscreen></iframe></p>
</section>
</article>
<article id="404_error_in_all_pages" class="section-main doc-section">
<section id="getting_started6">
<h2>404 Error in all pages</h2>
<p>If you face this type of issue, please update your permalink. To update
permalink, navigate to <b>Settings -> Permalink</b> and then click on
<b>Save Settings</b> button.
</p>
<img src="assets/images/doc/404-permalink.png">
</section>
</article>
<section id="getting_started7">
<h3>17. Contact</h3>
<p style="color:red;font-weight:bold;">If you face any issue please contact us at
<a class="black-color" href="https://help.themepure.com/">Support
Ticket</a>. We provide 15 hours real-time support for our customers.
</p>
<p>Thank you for purchasing our theme.</p>
<p class="mt50"></p>
</section>
<!-- End of #getting_started1-4 -->
</div>
<!-- End of .filterable-wrapper -->
</main>
</div>
</div>
</div>
<!-- End of .main-content -->
</div>
<!-- End of .container -->
</div>
<!-- End of .main-content -->
<footer class="tp-footer">
<div class="container">
<div class="row align-items-center">
<div class="col-md-8">
<div class="page-footer">
<p>© 2022 All Rights Reserved by <a href="https://themeforest.net/user/moontel_ict/portfolio">Moontel_ict</a>.</p>
</div>
</div>
<div class="col-md-4">
<div class="social-footer text-md-right">
<a target="_blank" href="https://www.youtube.com/@moontel_ict/playlists"><i class="social_youtube"></i></a>
</div>
</div>
</div>
</div>
</footer>
<!-- End of .page-footer -->
<!-- Javascripts
======================================= -->
<!-- jQuery -->
<script src="assets/js/vendor/jquery.min.js"></script>
<script src="assets/js/vendor/jquery-migrate.min.js"></script>
<script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
<!-- jQuery Easing Plugin -->
<script src="assets/js/vendor/easing-1.3.js"></script>
<!-- Custom Script -->
<script src="assets/js/onpage-menu.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>