Intrinsic - Personal Portfolio 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 Intrinsic - Personal Portfolio WordPress Theme!

Intrinsic is professional and creative Gutenberg ready Portfolio WordPress theme built based on creative, smart and well-refined design. It is suited for Freelancer, creative, portfolio, personal, CV/Resume,
Agency sites concepts you can dream to make.

 
The power of Intrinsic theme is more strengthened with the WordPress Most Popular page builder Elementor, WPBakery Page Builder, Ready-made Gutenberg Blocks and its flexible and nicely organized customizer
options. It gives you to using 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. Intrinsic WordPress Theme
  2. Intrinsic Child Themes
  3. Intrinsic Core Plugin
  4. WPBakery Page Builder
  5. Elementor Page Builder
  6. Contact Form 7
  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 intrinsic.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:

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. 
 
Note: We include two-page builder component to make it easy to your needs. If you are familiar with WP Bakery Page builder
then Install WP bakery Page Builder, But we recommended use elementor as a page builder at your website.
Also, we have pre-made Gutenberg blocks which give you to third-party plugin free websites. So decide yourself how you want to go?
Then choose any page builder between elementor or WP Bakery or without any third part page builder.
 
Your Theme is now ready to use.
 
 

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 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 -3 

Step - 4

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 install auto setup. Then you need to create Home and Blog page manually.

Step One:

1. Create a page keeping name Home and add you're essential widget or components.

2. Create a page keeping name Blog with no content.

Step Two:

1. Go to Settings > Reading from Dashboard

2. From Front page displays Section Select A static page (select below) radio button

3. Select Front page: as Home and Posts Page: as Blog from the drop down list.

4. Then click on Save Changes

Build Your Website

Build Your Website: 

In this section, We will give you step by step instruction for creating your website using Intrinsic theme from scratch. Though Intrinsic theme has lots of detailed options, here we will focus on creating your
site simply utilizing Intrinsic default options and customizing a few. You can import demo contents for reference.
 
We assume that you already installed and activated Intrinsic 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 intrinsic theme has 2 different version, One is Light and another one is Dark version.  So that everything depended with this light and dark layouts. Now we discuss how you can arrange everything?.

To Work with Header, go to Appearance > Customize and here we go.

Header: 

We divide two part of our header, One is Header Left Block and another one is Header Right Blocks. So let's see what is on the left side and right side. On Left Side, we include Site Title, Description or Logo and menu.
On the right side here are some additional necessary things as like, phone number, email info and social URL. 

Site Title, Logo:  

  1. Go to Site Identity, Here you can see the logo, Site Title, Description and Site favicons fields. So you can arrange your site things at here.
  2. For managing spacing colors and header, content goes at Header Menu then here is three menu
    -- Logo For control logo spacing, and control the color of site title and description
    -- Menu styling for customizing menu, submenu color, background, width and also for mobile menu.
    -- General Styling is for Header Left, Right block background, content color and the right side content and also managing sticky header enable or disable options. 

Change Logo Or Site Title From Site Identity - 

Control You Website Header - 


 

At here we implement some screenshots of those options for the header. After that, I hope you can get the idea to change the header and customizing everything easily. 

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 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: 

General Options: 

We are trying to cover a single part of our theme will be customizable. So that we made a lot of options for changing the content of our themes. Now let's see what is at General Options Menu.

At general option here is three submenu at customizer menu panel. 

General:

At here we include preloader control and scroll to top control. At here you can enable preloader and change the color and background of preloader. Also, you can able to change the content of scroll to top button on the footer.

Layout Settings:

Layout settings we include page content width, sidebar width and page layout sidebar left, right and full-width layout. So if you need to change layout or width then change from here.

Theme Color Version:

Intrinsic Theme made with two color variation. At here you can able to change the colors of those versions. We are trying to make easy everything that's why we include every necessary elements. So if color changing needs then change from here.

Example - 

Typography:

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

Customizing Fonts:

  1. Go to Appearance > Customize, and you will see Typography Settings sections.
  2. Choose font family, size, weight, and line height, etc. for heading and paragraphs of the header, footer, menu and content area

Customizing Colors:

  1. Go to Colors in the Customizer.
  2. You can choose color for default gradient, heading, text, border, background and so on.

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 another one is theme color.
Every change you can able to preview in live. So that it helps you to get what changes have been done with customizer colors options.

 

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 option are made easy to use Intrinsic themes.

 

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.  

Meta Tools

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. 

 

Content Managing

Let's discuss how you can manage your post, pages and portfolio single page. We have great features include on this theme we made Elementor Widgets,
Visual Composer (WP Bakery Page Builder) and Latest WordPress Editor Gutenberg Blocks. So it will be made easy to use the theme. Now first we talk about posts. 

Let's see the Gutenberg using from here - https://kinsta.com/blog/gutenberg-wordpress-editor/

Here you can able to know how you can able to add a post with the latest editor.

Posts: 

For add a new post go at WordPress Dashboard, then Posts > Add New Posts. Here is the latest editor where you can able add content with blocks. It's a nice thing to make your blog stylish, moderns.

 

Page: 

Working with the page is the main thing of a portfolio website. You need to know how you can manage it. At top of this page here is some menu you can see. Everything depended on how you want to go.
Due to the popular demand, we include the pre-made component for Elementor page builder plugin, We made a shortcode for ThemeForest great plugin WP Bakery Page builder component and also we
include the latest WordPress editor Gutenberg blocks. 

Now what you think we prefer Elementor a great page builder plugin. But you can go with WP bakery page builder and Gutenberg blocks as well.

Before starting to made your page I recommend you to import demo content first. Because after import the demo content you will able to see three pre-made pages where all blocks, widget and shortcode well organized.

We made three pages for each version of this theme- 

  1. Home - light, this page is implemented all of the necessary elements of Elementor page builder to use this theme
  2. Light VC is visual composer components and readymade webpage for build the page with WP Bakery Page builder 
  3. Gutenberg Blocks- All the blocks include at here to an easy understanding of blocks and managing page easily

Pre-made pages, Which available after import demo - 

Page Editor: 

Portfolio: 

We make all portfolio with elementor page builder to make the unlimited design your portfolio single page. But you can do it with the regular post as well. We offer both things.
We think to give the full controls of our theme user are really help him to make his design with freedom. So let's see - 

Step - 1

 

Step - 2

If you want to display a portfolio from direct custom links then we added a meta-option to implement custom links. Check at portfolio meta-tools.

Component Overview

How to manage Elementor, WP Bakery And  Gutenberg components

For the purpose ready extended page building we make this theme with WordPress Most Popular Page builder elementor 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 then don't forget to contact us. We will give you the details info.

WP Bakery Page Builder Overview: 

All pre-made WPBakery Page Builder Component at here. Lets' play with those. After import demo, you can find a page where we can manage all.  

Gutenberg Blocks Overview: 

We are trying to make our theme without the third party plugin. For this purpose, we added blocks. So that you can able to build your page. Here is a category name - Intrinsic Blocks 
Where all blocks are available. So after adding blocks than on the right side, we added all of the necessary settings. Where you can able to customize. Also, we include placeholders,
necessary UI element with each block. So that you can able to control it easily. 

 

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.

Regards
SoftHopper