Introducing Biznex WordPress Theme

This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program. If not, see http://www.gnu.org/licenses/.

Thank you for purchasing our product! We are very glad that you have decided on our Biznex WordPress Theme.

This documentation will teach you how to set up and use the Biznex WordPress Theme. The theme is very easy to use and we are here to guide and help you, so please read and follow the documentation, if there are some other issues you want to discuss then do not hesitate to contact us on hi@teslathemes.com. This documentation is more of a reference work if you do not know what to do, or if you are not familiar to WordPress.

Please read the following very carefully as it will help you set the theme up, we have gone through the setup process multiple times and provided the best possible instructions.

We strongly recommend you to use a fresh install of WordPress and integrate your content into the pages according to the documentation. Of course, you can try to implement the theme into your current WordPress, but we will not provide in-depth support for it. The theme has specific settings that may conflict with your current setup of categories, plugins, javascript use, and more.

We wish you good luck in your work with Biznex WordPress Theme, and of course we would love to see your website and what you come up with by using this theme.

The theme is very easy to use and we are here to guide and help you, so please read and follow the instructions and if you have further questions write us a email hi@teslathemes.com. This documentation is more of a reference work if you do not know what to do and need a better understanding on how the template is built write us a email.

Installing WordPress

To the Top

Step 1: Download and Extract

Download and unzip the WordPress package from Download Wordpress.

  • If you will be uploading WordPress to a remote web server, download the WordPress package to your computer with a web browser and unzip the package.
  • If you will be using FTP, upload the wordpress folder to your site.
  • After a successful upload, then you access your site URL and get this message:
Creating a new configuration file

Step 2: Edit the Configuration File

Auto Mode: After accessing the site you will get the configuration page:

Establishing a connection

If the information is correct and everything works fine you will receive:

Successful

If it's successful then skip the "Manual Mode" if not, follow the instructions bellow.

Manual Mode: You can either rename the file wp-config-sample.php to wp-config.php on your local machine or on you server (you'll still need to tell WordPress your database information).

Open wp-config.php with a txt editor and enter your database information under the section labeled:

/** The name of the database for WordPress */
define('DB_NAME', 'database_name_here');

/** MySQL database username */
define('DB_USER', 'username_here');

/** MySQL database password */
define('DB_PASSWORD', 'password_here');

/** MySQL hostname */
define('DB_HOST', 'localhost');

/** Database Charset to use in creating database tables. */
define('DB_CHARSET', 'utf8');

/** The Database Collate type. Don't change this if in doubt. */
define('DB_COLLATE', '');
                    

After the information is edited upload the file to the server.

Step 3: Site name and login data

If it's all sparky then you click Run the Install and fill all the lines bellow:

Login Information

This being the last step you will see a success message.

Success

Click Log in and now you can proceed to you site. Now you can go to installing your Biznex WordPress Theme.

Installing Theme

To the Top

To install the Biznex WordPress Theme you will need WordPress v3.4 or newer.

Option A

Follow the steps and upload the Theme's installation zip file through the WordPress admin backend:

upload

Then, when prompted activate the theme:

active

Note: If you can't get passed the file upload limit and/or if you get an error message mentioning exhausted memory size or something in those lines, you could try to increase that limit by adding to the "wp-config.php" the following line of code:

define('WP_MEMORY_LIMIT', '64M');

Option B

You have to upload via FTP to the Server, in Wordpress Folder → wp-content → themes folder the Biznex WordPress Theme Folder.

If everything went well in Option A or B, the theme should appear under Appearance → Themes like shown below:

cover

Now you are ready to customize your theme

General Options

To the Top

Create a page that will serve as the archive page of blog posts - In wordpress admin panel under Pages → Add New, name it for example "Blog". Make sure that the permalink slug is "blog" only. Also, select "Default Template" as the template used by the page.

Set the front page to display as a static page: - Go to Settings → Reading → A static page (select below) → Front page: → Choose your page from the drop-down menu.

Choose your posts page from the drop-down menu. It should be the "Blog" page we have just created.

Your page should look something like:

home page

We recommend you set the number of items to show to be a number divisible by 3, for example: 6, 9, 12, etc

Shortcodes

To the Top

Simple section

To the section top

Description

This section will display a full width container with a background color and a possible arrow at the top.


Shortcode

[biznex_section][/biznex_section] - this shortcode accepts content, that means it has a closing tag


Attributes

section_id - default is "" (empty) - set the id of the section, this id can be used to create menu items that link inside the current page

class - default is "light" - set the class of the section, this will change the color of the section, possible values: light, red, blue, yellow and green

top_arrow - default is "" (empty) - sets an arrow in the header of the section, set to "" to disable the arrow, possible values: arrow and semi-arrow

top_arrow_color - default is "" (empty) - set the color of the top arrow, the color must be specified in CSS format (for ex. #ffccbb)

title - default is "" (empty) - set the title displayed in the header of the section

subtitle - default is "" (empty) - set the subtitles displayed below the title of the section


Example

A simple section which has the skills section inside.

[biznex_section class="yellow" title="the experience" subtitle="Sed et erat. Sed quis turpis vitae lectus vehicula ulla tristique ipsum in quam. Aenean facilisis ullamcorper diam." top_arrow="arrow"]

[biznex_skills]

[/biznex_section]

Output


Parallax section

To the section top

Description

This section will display a full width container with a picture as background with parallax effect.


Shortcode

[biznex_parallax_section][/biznex_parallax_section] - this shortcode accepts content, that means it has a closing tag


Attributes

section_id - default is "" (empty) - set the id of the section, this id can be used to create menu items that link inside the current page

class - default is "light" - set the class of the section, this will change the color of the section, possible values: light, red, blue, yellow and green

image - default is "" (empty) - set the full URL to the image used for background with parallax effect, the URL should begin with http:// or https://

speed - default is "5" - set the speed of the parallax effect

big_title - default is "" (empty) - set the big title of the section

medium_title - default is "" (empty) - set the medium title of the section

small_title - default is "" (empty) - set the small title of the section

button_text - default is "" (empty) - set the text of the button

button_url - default is "#" - set the full URL that is applied to the button, the URL should begin with http:// or https://


Example

A parallax section with a big title, small title and backgrund image.

[biznex_parallax_section big_title="Checkout the design features!" small_title="Clean | Creative | Modern | Single page | Parallax | Responsive" image="http://teslathemes.com/demo/wp/biznex/wp-content/uploads/2014/05/parallax-4.jpg"]

Output


Main slider

To the section top

Description

This section will display a full width slider.

The items can be edited and managed in Dashboard > Main Slider.


Shortcode

[biznex_main_slider_section]


Attributes

section_id - default is "" (empty) - set the id of the section, this id can be used to create menu items that link inside the current page


Example

The main slider section.

[biznex_main_slider_section section_id="home"]

Output


Scalable websites

To the section top

Description

This section will display a full width container presenting an infographic about scalability of the offered product.


Shortcode

[biznex_scalable_websites_section][/biznex_scalable_websites_section] - this shortcode accepts content, that means it has a closing tag


Attributes

section_id - default is "" (empty) - set the id of the section, this id can be used to create menu items that link inside the current page

class - default is "light" - set the class of the section, this will change the color of the section, possible values: light, red, blue, yellow and green

top_arrow - default is "" (empty) - sets an arrow in the header of the section, set to "" to disable the arrow, possible values: arrow and semi-arrow

top_arrow_color - default is "" (empty) - set the color of the top arrow, the color must be specified in CSS format (for ex. #ffccbb)

title - default is "" (empty) - set the title displayed in the header of the section

subtitle - default is "" (empty) - set the subtitles displayed below the title of the section

trails_image - default is the assets/scalable-trails.png file from the themes directory - set the full URL to image used for the trails decoration, the URL should start with http:// or https://

devices_image - default is the assets/scalable-devices.png file from the themes directory - set the full URL to image used for the devices graphic, the URL should start with http:// or https://

button_text - default is "Learn more" - set the text of the button

button_url - default is "" (empty) - set the full URL which is applied to the button, the URL should start with http:// or https://


Example

The scalable websites setion. Note that the value for the title attribute was broken down in 2 rows in order to make a 2 row title.

[biznex_scalable_websites_section class="blue" title="we build
scalable websites" top_arrow="semi-arrow"]

Mauris consequat semper arcu. Nulla at erat
adipiscing enim ullam quis ligula elementum
lectus varius aliq uet vestibulum.

[/biznex_scalable_websites_section]

Output


Testimonials

To the section top

Description

This section will display a mini slider showcasing the testimonials. This section doesn't have fullwidth and therefore must be used in the contents of a fullwidth section type shortcodes like [biznex_section] or [biznex_parallax_section].

The items can be edited and managed in Dashboard > Testimonials.


Shortcode

[biznex_testimonials]


Attributes

nr - default is "0" - set the limit of displayed items, set to "0" to show all the items


Example

The testionials inside a parallax section.

[biznex_parallax_section image="http://teslathemes.com/demo/wp/biznex/wp-content/uploads/2014/05/parallax-1.jpg"]

[biznex_testimonials]

[/biznex_parallax_section]

Output


About us

To the section top

Description

This section will display a full width container with an image overflowing the container.


Shortcode

[biznex_about_us_section][/biznex_about_us_section] - this shortcode accepts content, that means it has a closing tag


Attributes

section_id - default is "" (empty) - set the id of the section, this id can be used to create menu items that link inside the current page

title - default is "" (empty) - set the title displayed in the header of the section

subtitle - default is "" (empty) - set the subtitles displayed below the title of the section

image - default is "" (empty) - set the full URL of the image that will overflow the container, the URL should start with http:// or https://


Example

The about us section.

[biznex_about_us_section title="about us" section_id="about" image="http://teslathemes.com/demo/wp/biznex/wp-content/uploads/2014/05/about-us.png"]
<p style="text-align: center;">Mauris consequat semper arcu. Nulla at erat adipiscing enim ullam quis ligula elementum lectus varius aliquet vestibulum sed donec semper interdum risus ipsum sed.</p>
[/biznex_about_us_section]

Output


Process

To the section top

Description

This section will describe a process flow.

The items can be edited and managed in Dashboard > Processes.


Shortcode

[biznex_processes]


Attributes

nr - default is "0" - set the limit of displayed items, set to "0" to show all the items


Example

The process flow section inside a normal section.

[biznex_section class="red asset-after-about-us" title="the process"]

[biznex_processes]

[/biznex_section]

Output


Team

To the section top

Description

This section will showcase the team members.

The items can be edited and managed in Dashboard > Team.


Shortcode

[biznex_team]


Attributes

nr - default is "0" - set the limit of displayed items, set to "0" to show all the items


Example

The team section inside a normal section.

[biznex_section title="meet our team" subtitle="We are a disciplined team of designers, developers, marketing specialists and much more..." section_id="team"]

[biznex_team]

[/biznex_section]

Output


Skills

To the section top

Description

This section will showcase the skills and experience.

The items can be edited and managed in Dashboard > Skills.


Shortcode

[biznex_skills]


Attributes

nr - default is "0" - set the limit of displayed items, set to "0" to show all the items


Example

The skills section inside a normal section.

[biznex_section class="yellow" title="the experience" subtitle="Sed et erat. Sed quis turpis vitae lectus vehicula ulla tristique ipsum in quam. Aenean facilisis ullamcorper diam." top_arrow="arrow"]

[biznex_skills]

[/biznex_section]

Output


Clients

To the section top

Description

This section will display a mini slider with clients.

The items can be edited and managed in Dashboard > Clients.


Shortcode

[biznex_clients]


Attributes

nr - default is "0" - set the limit of displayed items, set to "0" to show all the items


Example

The clients section inside a parallax section.

[biznex_parallax_section medium_title="LIST OF TRUSTED CLIENTS" image="http://teslathemes.com/demo/wp/biznex/wp-content/uploads/2014/05/parallax-3.jpg.jpg"]

[biznex_clients]

[/biznex_parallax_section]

Output


Services

To the section top

Description

This section will display a tabbed list of services.

The items can be edited and managed in Dashboard > Services.


Shortcode

[biznex_services]


Attributes

nr - default is "0" - set the limit of displayed items, set to "0" to show all the items


Example

The services section inside a normal section.

[biznex_section title="our services" subtitle="Mauris consequat semper arcu. Nulla at erat adipiscing enim ullam quis ligula elementum lectus varius aliquet vestibulum sed donec semper interdum risus ipsum sed." section_id="services"]

[biznex_services]

[/biznex_section]

Output


Solutions

To the section top

Description

This section will display a mini slider showcasing solutions.

The items can be edited and managed in Dashboard > Solutions.


Shortcode

[biznex_solutions_section]


Attributes

section_id - default is "" (empty) - set the id of the section, this id can be used to create menu items that link inside the current page

title - default is "How can we help" - set the title displayed in the header of the section

subtitle - default is "" (empty) - set the subtitles displayed below the title of the section

nr - default is "0" - set the limit of displayed items, set to "0" to show all the items


Example

The solutions section.

[biznex_solutions_section subtitle="Sed et erat. Sed quis turpis vitae lectus vehicula ulla tristique ipsum in quam. Aenean facilisis ullamcorper diam."]

Output


Portfolio

To the section top

Description

This section will showcase the portfolio.

The items can be edited and managed in Dashboard > Portfolio.


Shortcode

[biznex_portfolio_section]


Attributes

section_id - default is "" (empty) - set the id of the section, this id can be used to create menu items that link inside the current page

title - default is "Portfolio" - set the title displayed in the header of the section

subtitle - default is "" (empty) - set the subtitles displayed below the title of the section

nr - default is "0" - set the limit of displayed items, set to "0" to show all the items


Example

The portfolio section.

[biznex_portfolio_section subtitle="Some companies, we helped making their brand stand-out!" section_id="portfolio"]

Output


Blog posts

To the section top

Description

This section will display lsit of blog posts with dynamic ajax loading.

The items can be edited and managed in Dashboard > Posts.


Shortcode

[biznex_blog_posts_section]


Attributes

section_id - default is "" (empty) - set the id of the section, this id can be used to create menu items that link inside the current page

top_arrow - default is "" (empty) - sets an arrow in the header of the section, set to "" to disable the arrow, possible values: arrow and semi-arrow

title - default is "Blog posts" - set the title displayed in the header of the section

subtitle - default is "" (empty) - set the subtitles displayed below the title of the section

nr - default is "0" - set the limit of displayed items, set to "0" to show all the items

category - default is "" (empty) - set the category from which the posts should be displayed

enable_links - default is "true" - enable or disable links to the single posts, possible values: true and false

link_target - default is "" (empty) - set the target attribute of the links

more_text - default is "Full story" - set the text for the read more button


Example

The blog posts section.

[biznex_blog_posts_section subtitle="Nullam quis ligula elementum lectus varius aliquet. In sagittis, eros ut faucibus Morbi tincidunt nulla sit amet ipsum." section_id="blog" top_arrow="semi-arrow"]

Output


Social

To the section top

Description

This section will display list of social icons.

The links for the icons can be set in Dashboard > Biznex > Social Icons.


Shortcode

[biznex_social]


Attributes

section_id - default is "" (empty) - set the id of the section, this id can be used to create menu items that link inside the current page

class - default is "light" - set the class of the section, this will change the color of the section, possible values: light, red, blue, yellow and green

top_arrow - default is "" (empty) - sets an arrow in the header of the section, set to "" to disable the arrow, possible values: arrow and semi-arrow

top_arrow_color - default is "" (empty) - set the color of the top arrow, the color must be specified in CSS format (for ex. #ffccbb)

title - default is "" (empty) - set the title displayed in the header of the section

subtitle - default is "" (empty) - set the subtitles displayed below the title of the section


Example

The social icons inside a normal section.

[biznex_parallax_section medium_title="FOLLOW BIZNEX" image="http://teslathemes.com/demo/wp/biznex/wp-content/uploads/2014/05/parallax-4.jpg"]

[biznex_social]

[/biznex_parallax_section]

Output


Contact

To the section top

Description

This section will display a contact form.

The map location and the receiver e-mail can be configured in Dashboard > Biznex > Contact Info.


Shortcode

[biznex_contact_section]


Attributes

section_id - default is "" (empty) - set the id of the section, this id can be used to create menu items that link inside the current page

section_title - default is "Contact us" - set the title displayed in the header of the section

section_header_icon - default is "" (empty) - set the full URL to the icon idsplayed in the center of the section header, the URL shoudl start with http:// or https://

section_header_left - default is "" (empty) - set the text displayed in the section header to the left of the icon

section_header_right - default is "" (empty) - set the text displayed in the section header to the right of the icon

form_title - default is "We'd love to hear from you! Send us a message using the form below." - set the title displayed above the form

placeholder_name - default is "NAME" - set the placeholder for the name input

placeholder_email - default is "EMAIL" - set the placeholder for the e-mail input

placeholder_subject - default is "SUBJECT" - set the placeholder for the subject input

placeholder_message - default is "MESSAGE" - set the placeholder for the message input

submit_text - default is "SEND MESSAGE" - set the text for the submit button


Example

The contact section. The value of some attributes is broken down in multiple row to create a multi row paragraph in the output.

[biznex_contact_section section_header_left="13, 2 Elizabeth ST,
Melbourne, Victoria 3000, Australia" section_header_right="+1 2340 12345
hi@teslathemes.com" section_header_icon="http://teslathemes.com/demo/wp/biznex/wp-content/uploads/2014/05/contact-line-arrow.png" section_id="contact"]

Output


Subscribe

To the section top

Description

This section will display subscription box.

The list of subscribed e-mails can be viewed and exported in Dashboard > Biznex > Subscription.


Shortcode

[biznex_subscribe_section]


Attributes

section_id - default is "" (empty) - set the id of the section, this id can be used to create menu items that link inside the current page

title - default is "Enter your email address for latest updated!" - set the title displayed in the header of the section

placeholder - default is "YOUR EMAIL ADDRESS" - set the title displayed in the header of the section

submit_text - default is "Subscribe" - set the title displayed in the header of the section


Example

The subscribtion section.

[biznex_subscribe_section]

Output

Creating the Menu

To the Top

This is how to create a menu with links inside the page:

  1. open Dashboard > Appearance > Menus > Edit Menus
  2. create a menu
  3. add a page to the menu - this page should be your "one-page-website" page
  4. set the label of the item - the label will be shown in the menu section in the header
  5. set the description of the item - the description will be shown before the item with a yellow color
  6. set the anchor of the item - here you need to write the id of the section that this item will target (you can set the id to a section via the section_id attribute in the shortcode)
  7. save the menu
  8. open Dashboard > Appearance > Menus > Manage Locations
  9. select the menu for the "Header Menu" location
  10. save the changes

Thank you so much for choosing Biznex WordPress Theme. We hope you will enjoy using it!