SPARSE Wordpress Theme

DOCUMENTATION

Documentation

What is WordPress

WordPress is a free and open source blogging tool and a content management system (CMS) based on PHP and MySQL which runs on a web hosting service. Features include a plug-in architecture and a template system. WordPress is used by over 18.9% of the top 10 million websites as of August 2013. WordPress is currently the most popular blogging system being used on the Web, powering over 60 million websites worldwide.

Installing WordPress

Please click on button below and read all about installation and other stuff. It is really easy.

Installing WordPress

Notice: Support is given only for questions/issues that regard Sparse wordpress theme. Support will so not be given for global WordPress questions, such as “How to install WordPress”. Thanks for understanding.

Installing Sparse

When you will download Sparse wordpress theme you will get sparse-package.zip file. First you have to unzip it. Then you will see folder called “sparse-package”. Inside this folder you will see files listed below.

  • Documentation
    • documentation.html – documentation file
    • sparse-preview.xml – exported xml of our preview page
    • layer-sliders.txt  – exported txt of your demo LayerSliders
  • Sparse – folder with our Sparse theme files
  • Licensing
  • Sparse.zip - zipped Sparse theme files

Installing plugins

We added some great plugins to our WordPress theme Sparse for best and easier working with this theme. Sparse theme comes with plugins listed below.

  • Visual Composer (page builder)
  • Layer Slider
  • Revolution Slider
  • Contact Form 7

All plugins listed above are already included in theme Sparse. So you do NOT need to purchase them. Only install and activate theme properly.

After theme activation

Step 1:

 

After you will activate theme Sparse you will get notice for installing plugins.  You have to click on “Begin installing plugins”.

Step 2:

 

After you clicked on “Begin installing plugins” you will be redirected to plugins list that you have to install.

Supported plugins

  • UberMenu – WordPress Mega Menu Plugin
  • UberMenu – Sticky Menu Extension
  • Yoast – WordPress SEO Plugin
  • WPML – The WordPress Multilingual Plugin

We tested only the plugins listed above. Theme should support others as well. If you are interested if it supports a specific one, do write us and we will test it.

Set it "Like in preview"

To get the same layout and content as we have on our preview page, you need to import the exported xml which you will find in sparse-package/documentatin/sparse-preview.xml.

 

After you have located sparse-preview.xml go to your admin Tools -> Import. Click on WordPress and install the imported (just click Install now).

 

Once the installer is set, you will get a window where you can upload a file. Do upload the xml we described above. After doing so just click Upload file and import.

 

When the install procces begins, you will also need to check the checkbox for importing media.

 

All images used in our preview are NOT part of the download package. So once you have installed the demo content you will need to replace all.

Setting Header

In this chapter we will describe how to set up your header. We predesigned 5 different header layout for Sparse. This headers are:

 

  • Header#1
  • Header#2
  • Header#3
  • Header#4
  • Header#5

 

Header is set from your WordPress admin. Go to Appearance -> Theme Options -> Header Settings. There you may also set the background for header area.

All header types have an option of including the upper panel. This panel will appear if you have input widgets into it’s area. It contains 2 widget areas: left and right.

See all headers in live action or click on images for full view in popup.

Header1
Header2
Header3
Header4
Header5
Header6
Header7
Header8
Header9

Page Templates

If you don’t want to import the entire demo but would still like to get the layout for some page from our preview, we have set up the code for separated pages.

 

To do so just copy the code (click button “Get the code”) of the page you want. New file will opened in new window. Grab that code (copy). Go to the admin of the page you are creating. Make sure you have Classic Editor switched on and not Visual Composer. Also be sure to have the editor set to Visual view. Once you are there, just paste the code and publish the page.

Page "About us 1"

Get the code

Page "About us 2"

Get the code

Page "About us 3"

Get the code

Page "Contact example 1"

Get the code

Page "Contact example 2"

Get the code

Page "Contact example 3"

Get the code

Page "Contact example 4"

Get the code

Page "Homepage 1"

Get the code

Page "Homepage 2"

Get the code

Page "Homepage 3"

Get the code

Page "Homepage 4"

Get the code

Page "Homepage 5"

Get the code

Page "Homepage 6"

Get the code

Page "Our team"

Get the code

Page "Portfolio 3 Column"

Get the code

Page "Pricing tables"

Get the code

Page "Services"

Get the code

Page blog "Fit row 3 Columns"

Get the code

Page Builder (Visual Composer)

Theme Sparse uses Visual Composer for editing pages/posts/portfolios, .. Composer itself contains a lot of shortcodes, which we modified and imporoved. We also added a lot of our own.

With Visual Composer you may nest element into each other!

Elements/shortcodes available in Sparse Visual Composer:

Visual-composer-elements

Visual Composer is integrated into Sparse theme with extended licence, so you do NOT need to buy it!

Creating Pages

In this chapter we will tell you how to create new page and how to add some content.

  1. Add new page (Pages -> Add New)
  2. Write page title
  3. Create page content (you may use classic WordPress Editor or our Custom Visual Composer)
  4. Insert content with TinyMCE Advanced visual editor
  5. Scroll down to see some extra options in custom fields
  6. Save
Creating page

Setting Homepage

For setting homepage you can set any page that you created. First create some page and follow this steps.

  1. Add new page (Pages -> Add New)
  2. Write page title
  3. Create page content (you may use classic WordPress Editor or our Custom Visual Composer)
  4. Insert content with TinyMCE Advanced visual editor
  5. Save
  6. Go to Settings -> Reading
  7. Choose “Static page”
  8. From dropdown of “Front page” select one page that you already created
  9. Save
Set up homepage

Create Portfolio item

All portfolio items can be created custom, so there is no default template. With visual composer you can achieve different layouts, designs and unique descriptions.

 

Please check image and video below.

  1. Add new Portfolio (Portfolio -> Add New)
  2. Write portfolio title
  3. Create page content (you may use classic WordPress Editor or our Custom Visual Composer)
  4. Insert content with TinyMCE Advanced visual editor
  5. Scroll down to see some extra options for Title options (optional)
  6. Save
create-portfolio-item

Composer includes an element called “Single item”. This element present “portfolio type item”. Example: If you have created portfolio with type Image, when you use Single Item element that item will be that image.

Create Portfolio page

Creating portfolio pages is really easy. First you have to create some portfolio items so that your visitors can see something. For presenting your projects you have different views avaiable. Please see video below.

  1. Add new page (Pages -> Add New)
  2. Write page title
  3. Click on Visual Composer button
  4. Insert (click) on the builder element called “Post/Portfolio Grid”
  5. Choose options what you want – see video below
  6. Save
Create portfolio page

Create Blog posts

Creating blog posts with Sparse is very easy. For more info about how to create them check the image and video below.

  1. Add new post (Posts -> Add New)
  2. Write post title
  3. Create post content (you may use classic WordPress Editor or our Custom Visual Composer)
  4. Insert content with TinyMCE Advanced visual editor
  5. Choose post format on the right
  6. Write Excerpt
  7. Set featured image or images
  8. Save

Composer includes an element called “Single item”. This element present “post type item”. Example: If you have created post with type Image, when you use Single Item element that item will be that image.

Create Blog page

  1. Add new page (Pages -> Add New)
  2. Write page title
  3. Click on Visual Composer button
  4. Insert (click) on the builder element called “Post/Portfolio Grid”
  5. Choose options what you want – see video below
  6. Save

Create custom page titles

You can use default page titles or create with background image or parallax background. Also you can set background colors for titles and breadcrumbs.

LayerSlider Plugin

Sparse theme includes LayerSlider. The slider is included in the theme package so you do NOT need to buy it!  Click on the images below to go to the LayerSlider details.

layerslider-responsive-wordpress-slider-plugin
layer-sliders

Once you have created at least one LayerSlider you may use it within the Visual Composer. Do do so just use the element called “Layer Slider”. From the dropdown select the slider you want to use.

select-layerslider

Contact Form 7 Plugin

Contact form 7 plugin is included in the Sparse theme. Using it you can create unlimited contact forms with field that suit your needs (captcha, inputs, checkboxes, validations, ..).

options-contact-forms

Once you have created at least one Contact form you may use it within the page builder. To do so add element called “Contact Form 7″. In the pop up select form you want to use.

select-contact-form

Twitter API requres you to create a create app if you want to use it on your page. Here is how you can create it:

 

  • login into your Twitter account
  • go to https://dev.twitter.com/apps and click Create a new application
  • Fill all the given inputs: Name (any name for the app), Description (short description), Website (url of the website where you want to use Twitter) and Callback URL(can be left empty for no Callback)
  • Once you have the input filled up just agree with the Rules, write the Captcha and click Create your Twitter application
  • Details of you app will show up. Scroll down and click Create my access token
  • Click on the tab called OAuth tool. Here you have the data you need to input in the Sparse Theme Options (Admin -> Appearance -> Twitter Settings)