PreusX - Creative Agency WordPress Theme

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Introduction

Thank you for purchasing the PreusX -  Creative Agency And Portfolio WordPress Theme!


PreusX is professional and creative Gutenberg ready Creative Agency Portfolio WordPress theme built based on creative, smart and well-refined design. It is suited for Freelancer,
creative, portfolio, personal, CV/Resume, Agency sites, App Agency concepts you can dream to make.
 
The power of PreusX theme is more strengthened with the WordPress Most Popular page builder Elementor and with its flexible and nicely organized customizer options.
It gives you to use the agency, portfolio theme without any third party plugin and help your website secure and display faster loading to your users/visitors.
 
 

About Us

Hello, We are SoftHopper

We build easy-to-use, beautiful and uniquely hand-crafted WordPress themes - the themes you love, themes that work. With our themes, you can be truly creative, here is how it happens.

Find More about us on - 

Facebook - https://web.facebook.com/softhopper/
Twitter - https://twitter.com/softhopperbd
ThemeForest - https://themeforest.net/user/softhopper/
Our Websites - https://softhopper.net

What is included

  1. PreusX WordPress Theme
  2. PreusX Child Themes
  3. PreusX Core Plugin
  4. Elementor Page Builder
  5. Contact Form 7
  6. WooCommerce And Easy Digital Download Compatibility
  7. Envato Plugins
  8. Demo Content 
  9. Lifetime Updates
  10. 24/7 Support
If you're satisfied with the quality of our theme and professional support, please rate our theme with 5 stars and leave good feedback if you like it. Even a piece of advice means a lot to us
for the improvement of our products and services
 
Thank you

Installation

Server Requirements are very critical in order to seamlessly upload the theme and import the demo data. Below is the list of configuration parameters
of php.ini file that should be verified before installing the theme. 

How can this be checked? 

1. You can check this in the php.ini file on your server and modify them as necessary. If you are not familiar with modifying this, you can reach out to your server hosting provider who should be able to configure this for you.
 
2. You can install and activate a plugin called WP System Information. On activating the plugin, the PHP Info can be found by navigating to Tools > System Info.
You can then reach out to your server hosting provider who should be able to configure/modify this if required.



 

Install theme

After you download the package from ThemeForest, unzip it. You'll see a file preusx.zip in the theme folder, which is the main file that needed to upload and install. You can either choose to upload and install the theme
using WordPress theme install or use FTP function.

Install theme using WordPress install function

Upload and install using FTP

If you get any fail when installing the theme by Wordpress install function, we recommend to use FTP:

After activation, you will see a notice for installing Required Plugins. The recommended plugin is not necessary,
But If you want you can go with that as well. We make this theme with compatibility with WooCommerce and
Easy Digital Downloads, So that you can able to sell your products or service easily.

You must install all Required Plugins one by one or using bulk action.
 
You may install recommended plugins as you require. But in order to correctly view the demo contents, you're required to install recommended plugins. If you missed the bulk action then go at-
Appearance > Install Plugin Menu. Then Install all required plugins. 
 
 
After that, your Theme is now ready to use. Next step is to import demo content for ready to use websites.
 
 

Importing Demo Contents:

You can either start building your site from scratch or import one of our demo sites and then modify it to fit your needs. We will now explain how to do the latter. 

One Click Demo Content Importer:

Intrinsic Themes comes with one click demo import. Here's what you need to do.

  1. Login to WordPress dashboard
  2. Install all required Plugins. 
  3. Go to Appearance > Demo Content
  4. Choose a demo to import and click Import Button, It will take a while for the importing process to be compleated.
  5. Also, you can manually Import demo by click manual Import link as well. 
  6. Done, yay! You can start building your website by changing demo contents or use some parts for your work.

Manually Importing Demo Content by Uploading XML Files:

  1. Login to WordPress Dashboard.
  2. Check if the WordPress Importer plugin is installed and activated. If not, you can install it from Plugins > Add New or you can do it in the next step.
  3. Go to Tools > Import, and then click WordPress. If the WordPress Importer plugin is not installed, you can see the following dialogue to install it.
  4. Now choose XML files to be imported from. You can find some XML files in the downloaded package under demos/<DEMO NAME> folder. The <DEMO NAME> can be Light, Dark in the near future.   
  5. If you've chosen an XML file to import, then click Upload File and Import button.
  6. In the next page, you can choose to which author the imported demo contents will be assigned. And put a check mark on Download and import file attachments to import images too. Click Submit to start importing.
  7. Wait for a few minutes till the importing process is finished.

Step -1 

Step - 2

Step -3

 

Note: After installing demo content don't forget to update permalinks

How to update permalinks

1. Go to Settings > Permalinks from Dashboard

2. From Common Settings Section Select Post name radio button

3. Then click on Save Changes

Note: Instruction for manual instruction

Setup Home and Blog page manually

If you would not want to install demo content, Then you need to create a Home and Blog page manually.

Step One:

Step Two:

Build Your Website

Build Your Website: 

In this section, We will give you step by step instruction for creating your website using PreusX theme from scratch. Though PreusX theme has lots of detailed options, here we will focus on creating your site simply utilizing 
PreusX default options and customizing a few. You can import demo contents for reference.
 
We assume that you already installed and activated PreusX theme and required plugins. If not, please go through the previous section.
 
We are using WordPress standard customizer for Theme Options. You will see the preview on the right side as you modify options. Theme Options can be overridden by page options for each page, page and portfolios.
Preview won't work if you specifically override page options.

Header, Logo & Titlebar: 

The PreusX theme has built with left side header for the best UX things, Now we discuss the header and how you can manage header logo or site title or description and also the menu, So first you go to Appearance > Customize

Header: 

To provide best UX in design we make header into two part, In left side here is a sticky left menu bar and at the top here is a logo or site branding bar, So if you want to change your header branding then this section is for you, Now take look how I can make this.

 

We Provide Header and footer builder. So you can make any header and footer template you wants. Here how you can make your header template

Header Footer Builder

1. First go at WordPress dashboard then Find Header/Footer Menu From WordPress Dashboard.

2.Then Click at Add New. You find this menu when hover over at Header/Footer

3. Enter a name and select where you want to use this template. Also select Post Attributes Template as well with Elementor Canvas. After that save this template.

4. After that click at edit with elementor button. Then Elementor interface are open. And now you can start building with your own header. We include few elementor widget for header. Like - Site Title, Site Logo and Nav Menus. All of this option you can build your own header

 

Site Title, Logo: 

At WordPress customizer at the top, we include Site Identity. On this menu here are some options. See in below, at the top we wrote how you can make and also we provide a screenshot for better ability to understand - 

  1. Go to Site Identity, Here you can see the logo, Site Title, Description and Site favicons fields. So you can arrange your site branding here.

    Note: If you upload the logo then site title and description are automatically hidden, But here is an option also for the hiding site title and descriptions.

    Note: If you want to change the blog listing words then use any translator plguin to do it, Check our Trnslation Menu to see details. 
     
  2. So, you are complete your site branding, Now what is need? Changing the color and spacing of those branding things. If it yes then go at - Header  Menu form customizer. Here you can see two options. One is for control color
    and spacing for the logo and another one is for Styling the menu bar and its menus. 

    Logo: Here is the option for changing spacing at top and bottom for branding area, and also some color settings for title, descriptions and branding/logo background.

    Menu Styling: If you want to change the menu background colors then this section is for you. Here is all menu colors and background changing options are available.

 

Change Logo Or Site Title From Site Identity - 

 

Menu:

To create a menu, you need to have some pages, posts or portfolios or services. Or you can be added the custom link. Now We can see how we can manage the menu, one-page navigation.

  1. Go to Appearance > Menus
  2. At the upper left corner, you'll see 2 tabs. Edit Menus and Manage Locations.
  3. By Clicking Create a new menu link, Create a new menu
  4. Add some Items.
  5. If you want to set one-page nav websites then add a custom link then after backslash(/) add the section ID.
  6. Click Save Menu.
  7. You can manage meu from customizer as well.
  8. We have one-page nav as well, For that after creating menu go on page meta-tools on the bottom of any page. At Header option here is an option for select page header menu which you created
    earlier at Menu Section. Just select a menu at here then use a separate menu for the page. Example - 

Create Menu - 

After Creating A Menu Then Select Different Menu For Each page:

We include an option at page meta-tools for selecting different menu at each page, So you can able display different menu at each page.

Example: 

Typography:

You can also customize fonts and color in the WordPress Customizer. Typography and color settings will affect the overall site typographies and color.

  1. Go to Typography Sections.
  2. Choose font family, size, weight, and line height, etc. for heading and paragraphs of the header, footer, menu and content area. We include three diffent section to do it. Browse this and see how you can arrange.
  3. You can choose color for heading, text, from font color sections as well.

 

Custom fonts:

if you don't want to go with google font then you can able to use the custom font as well, Elementor Pro Mode has a nice option to it, But unfortunately, we are unable to give pro licence because for the restriction
of Elementor Page builder plugins. But if you want you can go with that.

Right now you are worried about that, you are interested about custom font but you have no Elemetor Pro plugin, don't worry, we are going with some free custom front uploader So that you wanna go with free
and not need to invest more money. Here is some resource for you, where you can able to take idea how you can able use custom font at your site - 

  1. https://colorlib.com/wp/wordpress-custom-fonts/
  2. https://wbcomdesigns.com/downloads/custom-font-uploader/
  3. https://premium.wpmudev.org/blog/custom-fonts-css/

 

General Options: 

At general option, we include preloader background and enable disable options. So you can enable and disable preloader options from here.

Colors:

Are you want to change theme color and body background then this option helps you to change those. Here are two color changing options one is Background color and header archive text colors.

Header Image:

We include header image at archive title background image. So if you need a background image then add from here.

 

Background Image:

If you want to display a background image at your website then change from here. 

Blog Options:

At here you can able to change your Excerpt counting, Blog and blog single page display. Although from single page meta-tools you can do those layout things as well, at here you can able to make it globally. I mean the total website.

Menus:

You can make your menus from here as well. you can make a menu from here and see the change live.

Footer Options:

We include some social URL, copyright info and the colors at here. You can able to change the footer colors, background, Social footer things and also change the menu order by drag and drop. We hope those options
are made easy to use Intrinsic themes. Also you can able to change footer widget columns. All option makes proper labels and descriptions which help you to understand why we use these options.

Widgets:

For add or remove the widget from here as well.

 

Homepage Settings:

You can manage your Homepage and blog page from here. You can make it from Settings > Reading as well.

For understanding layout and sections and component you can import your demo first. Then you can the overview content.  

Editor Overview

At here I will try to describe how you can manage your blog, portfolio and pages. In below here is editor and meta tools overview.

Posts Metatools Overview

With this post meta tools, you can customize your post's meta. We include header display, footer display, sidebar controls and much more.

Page Metatools Overview

With this page meta tools, you can customize your page header footer and content spacing, Control Sidebar, Sinalge page menu sticky and much more.

Portfolio Metatools Overview

With this portfolio meta tools, you can customize your page header footer and content, portfolio image size, enable disable title, featured image, spacing and much more. 
 

Component Overview

How to manage Elementor components

For the purpose ready extended page building we make this theme with WordPress Most Popular Page builder element and also the feature WordPress Editor Gutenberg.

Elementor Overview: 

We are trying to add all of the necessary design element of Elementor page builder. Every Component has three options. One is for Content another one is styling the content. And then advance widget settings.
First play with those elements, If you fail to get anything they don't forget to contact us. We will give you the details info.

We include some screenshots and its overview of those components.

 

Here all preusx component. We include 24 widgets for better usability to our theme, In below I will share with you about the front end of this widgets - 

Here is three tabs, First one for content, Second one for styling the component, and the third one for Advance settings, as like CSS class or ID.

Debug

We are made debug section, because for advance uses and customization you need to change the CSS, JS. For that you need to do a few things. See this - https://www.oomphinc.com/notes/2013/09/thinking2013-09script_debug-in-wordpress-%E2%80%8E/

 

Also, enable WP_DEBUG from wp-config.php file. Read this article from here to understand about the debug- https://www.pipeten.com/support/scripting/enabling-wp_debug-in-wordpress/

 

Those are help you to help the error at your server to using any theme at WordPress

Translation

Translation

Tell WordPress which language file to use.

If you don’t use WordPress in your native language so far, you have to tell WordPress which language to use to activate the theme translation.

You can do this by editing the wp-config.php file (the file is located in the main directory of your WordPress files) and defining the WPLANG constant. You have to set your language code there, for example, fr_FR for the French translation.

just add the line below to your wp-config.php or change it if it already exists:

define ('WPLANG', 'fr_FR');

First Method: Using Loco Translate Plugin

The easiest way to translate your theme locally is by using the Loco Translate plugin. After you have installed and activated the plugin, simply Go to Loco Translate > Home in the left-hand menu to start translating. You can get some guideline beginners here

Second Method: Using Poedit

Poedit is a common program which you can use to translate the theme. It’s available for free on poedit.net. After you have installed Poedit, you can open it and select File > New Catalog from POT file. Then select
the .pot file from the theme you wish to translate which you can find in the /languages/ folder of theme. Then go through every line of text and translate it to your native language. Afterward, you can save the catalog
with your language code (for example es_ES.po). Normally Poedit automatically creates the .mo file and saves it, too. The last step you have to do is to upload your created language files to the language folder of your theme using FTP.

Source & Credit

I've used the following images, icons or other files as listed.

WORDPRESS PLUGINS & LIBRARIES

 

JAVASCRIPT / JQUERY PLUGINS 

CSS PLUGINS

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist.
If you have a more general question relating to the themes, you might consider asking your question in the in the item discussion section.

SoftHopper