Multipurpose Wordpress Theme


Created: 11 November 2016
by: Promokit Co.
email: support@promokit.eu

This document covers the installation and use of this theme and reveals answers to common problems and issues - I encourage you to read this document thoroughly if you are experiencing any difficulties. You can find always fresh version of this documentation by this URL

Getting Started

How To Install Your Theme

Now that you have purchased this wonderful theme, it’s time to install it in WordPress!

Step 1: Download The Theme & Locate hoki-v.X.X.zip

If you already downloaded the theme after you first purchased it, you may have .zip file. If that is the case be sure to extract the zip file and inside it browse to Installable-Theme/hoki-v.X.X.zip. This is the file you want to upload to WordPress.

Step 2: Make sure WordPress Is Up To Date!

Hoki is a powerful theme and makes use of all the latest WordPress functions to ensure the theme is coded as best as possible and is highly optimized, please make sure WordPress is fully up to date before installing the theme!

You should ALWAYS be running the latest version of WordPress anyway, because otherwise you put your whole site at risk for potential threats. Never use an outdated version of WordPress!

Step 2: Install Via WordPress or FTP

Now that you made sure WordPress is up to date you can go a head and install the theme and there are 2 methods for doing so: via WordPress or via FTP. If you are working with WordPress and buying themes you should pretty much know how to install a theme, but below are some screenshots just incase you don’t know how!

Install Via WordPress

Log into your WordPress website and browse to AppearanceThemes

Then click on the option to upload theme.
Next browse for the zipped theme file (make sure you take the “Installable zip” as this is what you would upload. “Installable zip” file is called “hoki-v.X.X.zip”.)

Once WordPress has unpacked and installed the theme, just click to activate it.

Install Via FTP

Your second installation option is to upload the theme via FTP. For this method first log into your site via FTP and browse to your folder located at wp-content/themes. Unzip the theme file you downloaded and upload only the extracted hoki folder to your server.

Next log into your WordPress site and navigate to AppearanceThemes to activate Hoki theme.

Installing Plugins

Once you have installed and activated Hoki you will be prompted to install recommended plugins. Just click the link to begin installing plugins. Plugins displayed like a link will be downloaded from Wordpress Repository, all other plugins will be installed from local folder automatically.

The list of required plugins:

  • Hoki Features - Extension for Hoki theme with a lot of useful functions
  • Redux Framework - is a simple, truly extensible and fully responsive options framework for WordPress themes and plugins
  • WPBakery Visual Composer - WordPress Page Builder Plugin

The list of recommended plugins you can find below. If you are not planning to use some features, you can just not install appropriate plugin

  • Ajaxy Live Search - Adds "Live Search" featureto default search
  • Contact Form 7 - Allows to manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup
  • Max Mega Menu - Extends default menu with a lot of useful features
  • Testimonials Widget - Adds Testimonials feature to the theme
  • Video Sidebar Widgets
  • WooCommerce - most customizable eCommerce platform for building your online business
  • Woo Radio Buttons - Add a possibility to use radio buttons for woocommerce products options
  • WPB Woocommarce Product slider Pro - product slider that can show featured products slider and latest products slider.
  • YITH WooCommerce Brands Add-on - Add brands taxonomy to products
  • YITH WooCommerce Compare - Add comparison feature
  • YITH WooCommerce Wishlist - Add wishlist feature to products
  • Subscribe2 - provides a comprehensive subscription management and email notification system for WordPress blogs that sends email notifications to a list of subscribers when you publish new content to your blog.
  • WooCommerce Product Filter - is all in one product filter
  • Revolution Slider - is the #1 Selling Responsive WordPress Slider Plugin
  • One Click Demo Import - Helps you to import Demo Content

Next, check boxes to select all the plugins you want to install, select the bulk action of install from the dropdown box and then click the button to Apply.

Installation can take a couple minutes depending on your host. Then, you need to acticate install plugins. Check boxes to select all the plugins you want to activate, select the bulk action of Activate from the dropdown box and then click the button to Apply.

You will see a success confirmation for each plugin as it is installed. After you have installed all the plugins, Return to the plugin installer.

In the end you will see a confirmation that plugins has been installed and activated.

Errors While Installing Recommended Plugins?

99% of errors when installing recommended plugins are due to strict server permissions not allowing the plugins to be saved in your wp-content/plugins/ folder. You’ll need to either fix up permissions on your server or you can always install the plugins manually

Under Construction or Coming Soon Page

When you first install the Hoki theme you may want to hide the front-end from visitors while you set things up for the final launch.

Hoki includes a built-in “Under Construction” option which you can use to redirect any “non-logged-in” users to your page of choice. This will allow you to configure your “coming soon” or “under construction” page using without having to install 3rd party plugins. And if you want to share the site with a client, simply create an account for them and they can log in and view the site!

To enable simply go to "Settings" → "Maintenance" and make sure the “maintenance” is enabled.

Demo

When you first install any WordPress theme, it will not contain all the extra content that you might have seen in the live demo. You can import the Hoki Demo Content with all settings through the "One Click Demo Import" plugin.

Go to the "Appearance" → "Import Demo Data". and click "Import Demo Data" button. Whole process will take some time, while all content will be downloaded and installed to your wordpress.

Homepage Setup

By default the homepage will look like a blog (this is how WordPress is intended to work). If you want a custom homepage you can create it using the Visual Composer page builder then go to Settings → Reading and you can define your homepage here. Make sure you have created and published your homepage page prior. If you don’t have any pages or all your pages are currently drafts then you won’t be able to see the settings in the screenshot below.

Theme Options

General Settings

Post Settings

Shop Settings

404 Page

Import/Export

Pages

Pages are the backbone of your website, and most likely you will setup several of them. Pages are a blank canvas that allow you to add content with our shortcode elements. There are different page templates to choose from, each serving a purpose to help you build a finished site. The following sections will cover these different topics that are listed below.

Page Templates

Hoki includes several page templates to choose from, and you will need to choose the page template that suits your needs. For example, if you want a portfolio page with classic grid view, then you would "Portfolio - Grid". All of this is done in the Pages section of your WordPress admin.

The list of available Page Templates you can see below

Page Options

These settings duplicates some global theme settings but has higher priority, what allows you to customize current page and make it unique.

  • Page Title - you can show or hide page title
  • Breadcrumbs - you can show or hide breadcrumbs
  • Header Layout # - change header style for current page
  • Header position - set header position, static or absolute.
  • Display Top Footer Section - On/Off Top footer section
  • Use Complex Footer View ("Top Footer" style) - Enable or Disable "Complex Footer" mode
  • Display Middle Footer Section - you can show or hide "Middle Footer Option"
  • Product Rating View - show/hide post (or product) rating section
  • Product Buttons View - change the style of product buttons (for woocommerce page only)
  • Left Sidebar Widget Area - change left sidebar for current page
  • Right Sidebar Widget Area - change right sidebar for current page
  • Page Background - Enable/Disable page background
  • Background Type - Select background type, simple image or a slider
  • Background Position - Set background position, static or absolute
  • Pagination Types - Here you can switch between classic pagination, and autoatic infinite posts loading when you scroll the page
  • Items per page - Define the number of posts (or products) on the page
  • Force cut excerpt (words number) - Set the number of words for excerpt on this page
  • Grid Columns - Set the number of columns

Blog

Hoki is loaded with options for the blog. It offers many different options for you to present your blog posts, along with several different blog layouts. In addition there are numerous options that allow you to customize how posts are displayed. The Hoki blog is extremely versatile and powerful. There are 3 ways to display your blog posts, we will cover each method as well as describe blog post types. The following sections will cover each of these aspects of the blog that are listed below.

Create Blog Page

Hoki includes advanced blog options that allows to create different types of blog pages.

  1. Navigate to Pages and click Add New.
  2. Input a new name for your page, then find the Page Attributes box on right side.
  3. Select any of our various Blog page templates from the dropdown list

There are 4 different page layouts available for Blog

There is an additional blog setting available for Blog pages, you can choose the category to display posts from. Here you can observe all page settings

Blog Page Types

Blog - Classic

This is a simple classic way to display blog page. The most siutable if you have all images with the same proportions. You can change the number of coulns as you like

Blog - Alt

This way is also most siutable if you have all images with the same proportions, but provides more attractive page view. The number of columns is static and always equal two

Blog - Masonry

This is most usable way to display your blog items if you have all images with different proportions, You can change the number of columns and tune the quantity of description.

Blog - Grid

This is a simple classic way to display portfolio items. The most siutable if you have all images with the same proportions. You can change the number of coulmns as you like

Blog Shortcodes

Posts Carousel

[display-posts]

Available arguments:

  • id - set posts ID to show in carousel
  • title - Set your custom carousel title
  • order - set DESC to sort posts in a descending order. ASC to ascending
  • category - Select posts from specified category
  • date_format - Set date format. Don't forget to follow PHP rules
  • exclude_current - set posts ID to exclude from carousel
  • ignore_sticky_posts - set to "true" to ignore sticky posts
  • posts_per_page - set the number of posts you want to get

For example:

[display-posts category="fashion" title="By Category"]

Find live examples here

Portfolio

Hoki is loaded with options for the portfolio. It offers many different options for you to present your portfolio posts, along with several different layouts. In addition there are numerous options that allow you to customize how posts are displayed. The Hoki portfolio is extremely versatile and powerful. There are 4 ways to display your portfolio posts, we will cover each method as well as describe portfolio post types. The following sections will cover each of these aspects of the blog that are listed below.

Create Portfolio Page

Hoki includes advanced portfolio options that allows users to create different types of portfolio pages.

  1. Navigate to Pages and click Add New.
  2. Input a new name for your page, then find the Page Attributes box on right side.
  3. Select any of our various Portfolio page templates from the dropdown list

There are five different page layouts available for Portfolio


There are additional page settings available for Portfolio pages.

  • Select categories to show on this page
  • Set the number of columns (available only for "Grid", Masonry Classic, Masonry Nospace)

Portfolio Page Types

Portfolio - Grid

This is a simple classic way to display portfolio items. The most siutable if you have all images with the same proportions. You can change the number of columns as you like

Portfolio - Alt

This way is also most siutable if you have all images with the same proportions, but provides more attractive page view. The number of columns is static and always equal two

Portfolio - Masonry

This is most usable way to display your portfolio items if you have all images with different proportions

Portfolio - Nospace

This way is also based on "masonry" effect, but has no spaces between items. It looks good if you have whole page with no spaces.

Add new portfolio item

To add new Portfolio item, go to "Portfolio" → "Add New".

  1. Add title for your new Portfolio Item
  2. Add description
  3. Click to "Attach" to add images. You can add as much images as you need.
  4. Tune the item's settings:
    • Portfolio Item View: There are 3 available portfolio item pages
    • Portfolio Item Size: You can force 2x size of current item for Portfolio Listing Page
    • Portfolio Item Type: Choose the type of item. There are 3 options available
      • Image. Two options available, Image or Slider
      • Video. Three options available, Local Video, Youtube, Vimeo
      • Audio, Two options available, Local audio, Soundcloud
  5. Assign a category. You can also assign several categories for one portfolio item
  6. Set "Featured Image", which will be shown on a Portfolio Listing Page
  7. Once you are finished, click Publish to save the post.

Portfolio Item Types

Classic



FullPage



Two Columns

Portfolio Shortcodes

Portfolio Related Carousel

[portfolio-ralated]

Available arguments:

  • id - set posts ID to show in carousel
  • title - Set your custom carousel title
  • order - set DESC to sort posts in a descending order. ASC to ascending
  • category - Select posts from specified category
  • date_format - Set date format. Don't forget to follow PHP rules
  • exclude_current - set posts ID to exclude from carousel
  • ignore_sticky_posts - set to "true" to ignore sticky posts
  • posts_per_page - set the number of posts you want to get

For example:

[display-posts category="fashion" title="By Category"]

Lookbook

A lookbook is a collection of photographs compiled to show off a model, a photographer, a style, or stylist or a clothing line. Usually, bloggers or vloggers will "model" fashionable looks for that month or season. This gives viewers ideas on how to style outfits, or to show what the latest fashions are. It is an especially popular term with "fashion bloggers".

Create LookBook Page

Hoki includes advanced lookbook options that allows users to create different types of lookbook pages.

  1. Navigate to Pages and click Add New.
  2. Input a new name for your page, then find the Page Attributes box on right side.
  3. Select any of our various LookBook page templates from the dropdown list

There are two different page layouts available for LookBook

LookBook Page Types

Hoki provides two different types for LookBook pages. You can see the difference right below

Lookbook - Classic
Lookbook - Alt

Add New Lookbook Item

To add new LookBook item, go to "Lookbook" → "Add New".

  1. Add title for your new LookBook Item
  2. Add description
  3. Add Image
  4. Click image to add a point of interest and select a product for current point
  5. Add image description, if you need
  6. Once you are finished, click Publish to save the post.

WooCommerce

WooCommerce is a free eCommerce plugin that allows you to sell anything, beautifully. Built to integrate seamlessly with WordPress, WooCommerce is the world’s favorite eCommerce solution that gives both store owners and developers complete control.

Widgets

A WordPress Widget is a small block that performs a unique function. Widgets can then be added to widget-ready areas of the theme called widget sections. Hoki has some pre-made widget sections. Widgets are a great way to further customize your site. Please see below for different articles that detail widgets and widget sections in Hoki.

Widgets and Widget Sections

It’s important to understand the difference between a widget and a widget section. Please see the below information to help understand the difference between the two.

Widget – A WordPress Widget is a small block that performs a unique function. Hoki includes several custom widgets such as the:

In addition, there are several default widgets that WordPress includes such as Recent Posts or Recent Comments. Widgets will always go inside a widget section.

Widget Area – A Widget Area is a container that holds widgets. Widgets must go inside a widget area to be able to display on the site. Hoki includes 12 pre-made widget areas. It’s a great way to customize your site.

  • Content Sidebars
    • Left Sidebar
    • Right Sidebar
    • Additional Left Sidebar
    • Additional Right Sidebar
  • Header
    • Header Top
    • Header Bottom
  • Footer
    • Footer Top
    • Footer Complex Column #1
    • Footer Complex Column #2
    • Footer Complex Column #3
    • Footer Middle
  • Woocommerce
    • Woocommerce Left Sidebar
    • Woocommerce Right Sidebar
  • Woocommerce Product Page
    • Product Page Sidebar Left
    • Product Page Sidebar Right

Promokit Category Posts

This widget allow you to show your posts like an additional information in sidebar to attract visitors to your content. It is very flexible and has a lot of options.

First of all you can choose a category to display into the widget. Then configure posts ordering and quantity, and then configure the view of posts in widget, show comments number, post date, thumbnail. You can even define your thumbnail dimension to optimize loading speed.

Promokit Facebook Like Box

Facebook Like Box Widget is a social plugin that enables Facebook Page owners to attract and gain Likes & Recommendation Comments from their own website. The Like Box enables users to: see how many users already like this page, and which of their friends like it too

To to use facebook widget you should have API key. To get an API key look at this video tutorial.

Follow this link, if you already have an app, and you just need to copy your key https://developers.facebook.com/tools/access_token/

Promokit Image

Current widget allows you to insert simple image to your sidebars. You can use it like advertising banner. Just choose an images from your media library, assign a link and drop this widget to any widget area you need.

To optimize images loading time, you can also select necessary image dimension.

You can also add a description to your image to the "Text" field

Promokit Recent Tweets

The Twitter plugin for WordPress makes it easy to embed single or multiple Tweets on your website. Help your audience follow your latest updates with the Twitter follow button and Periscope On Air button.

To use Twitter widget, you should generate Twitter Keys. Look at following video tutorial to get your keys

Video Sidebar

Video widget is an easy and powerful way to add videos to your WordPress. You can embed your video to the sidebar widget, WordPress posts and pages. It supports following video service:

  • YouTube
  • Vimeo
  • MySpace
  • Veoh
  • Blip
  • WordPress
  • Viddler
  • DailyMotion
  • Revver
  • Metacafe
  • Tudou
  • Youku
  • cn6
  • Google

The video player is fully responsive and works on iPhone, iPad, Android, Chrome, Firefox, Safari, Opera, Internet Explorer 8/9/10/11 and Microsoft Edge.

Shortcodes

Shortcodes in WordPress are little bits of code that allow you to do various things with little effort. Shortcodes allows people to execute code inside WordPress posts, pages, and widgets without writing any code directly. This allows you to embed files or create objects that would normally require a lot of code in just one single line.

Display Posts

[display-posts]

Full description is here

Display SVG image

[svg width="20" height="20" class="home"]

Available arguments:

  • width - set width for svg image
  • height - set height for svg image
  • class - to display svg images from Hoki library set class to icon name

There are a lot of svg icons already embed into the Hoki theme. You can find full icons list below:

Display Google Map

[pk_gmaps]

Available arguments:

  • width - set width for the map
  • height - set height for the map
  • zoom - set zoom number from 1 to 20. Read more about zoom here
  • scrollwheel - set "0" to disable scrollwheel and "1" to enable
  • address - define your address to chow on the map
  • styles - there are available five custom map styles (style0, style1, style2, style3, style4). You can also add your own style. For that you need to create a file "style5.json" or with another name whatever you like, put it into the folder "plugins/hoki-features/extensions/shortcodes/gmap_styles/". Then go to a service https://snazzymaps.com where you can find a lot of different presets. Find your favorite map there and click on it. You will see "JAVASCRIPT STYLE ARRAY:" code. Just copy it and put it to your file. That should be clean JSON code. To make sure the code is correct, we recomment to use JSON validator before save it to the file

You can find live examples here

Show Youtube video

[youtube]

Available arguments:

  • width - set width for youtube iframe. By default it's equal 560
  • height - set height for youtube frame. By default it's equal 315
  • id - set youtube ID here

Show Vimeo video

[vimeo]

Available arguments:

  • width - set width for vimeo iframe. By default it's equal 560
  • height - set height for vimeo frame. By default it's equal 315
  • id - set video ID here

Display spotify song

[spotify]

Available arguments:

  • width - set width for spotify iframe. By default it's equal 560
  • height - set height for spotify frame. By default it's equal 315
  • url - set spotify url here

Display Soundcloud song

[soundcloud]

Available arguments:

  • width - set width for soundcloud iframe. By default it's equal 560
  • height - set height for soundcloud frame. By default it's equal 315
  • url - set soundcloud url here

Display Social Content

[social-content]

All available options for this shortcode you can find here:

Shop by Categories

[categories-list]

Available arguments:

  • slugs - define your product categories slugs to show. Example: slugs="slug1,slug2"
  • scroll - set "true" to enable scroll feature

You can find live examples here

LookBook Masonry

[lookbook-masonry]

Available arguments:

  • num - set the number of lookbook items to show. Default value is 6
  • id - set id's of lookbook items to show. This argument is necessary

You can find live examples here

LookBook Slider

[lookbook-slider]

Available arguments:

  • num - set the number of lookbook items to show. Default value is 4
  • id - set id's of lookbook items to show. This argument is necessary

You can find live examples here

Products Isotope

[pk_isotope]

Default arguments for this shortcode can be confugured in the back office. Go to the "Settings" → "Hoki Features" → "Isotope".
Available arguments:

  • num - the number of products to show. Default value is 4
  • col - set the number of columns you want to have
  • type - set the type of products you want to display. Available types are: new, featured, sale, bestsellers
  • categories - set categories slug to show from.

You can find live examples here

Plugins

A plugin is a piece of software containing a group of functions. They extend functionality and add new features to the theme. The list of plugins what comes with Hoki you can find below:

  • Ajaxy Live Search
  • Contact Form 7
  • Hoki Features
  • Max Mega Menu
  • One Click Demo Import
  • Redux Framework
  • Slider Revolution
  • Subscribe2
  • Testimonials Widget
  • Video Sidebar Widgets
  • Woo Radio Buttons
  • WooCommerce
    • WooCommerce Product Filter
    • WPB Woocommarce Product slider Pro
    • YITH WooCommerce Brands Add-on
    • YITH WooCommerce Compare
    • YITH WooCommerce Wishlist
  • WPBakery Visual Composer

Max Mega Menu

Here you will find full documentation for Max Mega Menu https://www.maxmegamenu.com/documentation/

SVG Icons

fashion-darkstyle
furniture
monitor
music
sport
games
books
electronics
arrowleft
arrowright
bigarrowleft
bigarrowright
arrowup
totop
arrowdown
list
grid
arrowdoubleright
arrowdoubleleft
smallarrowleft
arrowback
like
gears
gear
image
audio
video
aside
quote
quotes
user
user2
blog
pencil
link
heart
heart
heart2
twitter
twitter
facebook
youtube
flickr
instagram
gplus
expand
linkedin
email
email2
pinterest
flickr2
compare
star
bar
cart
zoom
comment
cross
account
lock
lock2
lock3
cart2
cart3
gift
check
menu
pen
plus
more
loading
server
share
brushes
phone24
phone
mobile
skype
skype2
seo
key
dress
jacket
disc
accessories
shirt
shoes
fashion
boot
fr
de
en
search
bench
dumbbell
bag
sportswear
smartwatch
blender
football
cardio
golf
notepad
badge
hand
hands
place
support
delivery
headset

Performance

W3 Total Cache is an easy WordPress Performance Optimization (WPO) framework that enhances the user experience by utilizing cache, minify and cdn. This is the only caching plugin available providing advanced and flexible features.

How does it work? In short, it will minimize the number of http requests, reduce the page size, and so is the page load time. It has got authority’s choice including HostGator, GoDaddy, Mashable, Yoast who use to recommend it for always.

Configuring

You will see a new tab “Performance” added to your left wordpress admin menu. Hover on it and you will see a few more sub pages. The basic configurations are located at “General Settings” page, where the advanced options are available separately.

For your better understanding, I will explain them point by point in the correct order. So figuring it out will be much more easier than ever!

1. General Settings

1.1. General

➥ Toggle all caching types on or off (at once): Unchecked

➥ Preview mode: Disabled

The first option is to enable or disable all caching on or off at once. It looks like we didn’t need everything. So you can leave it unchecked.

On the other side, by activating preview mode, you can test settings before applying it. So you may or may not use it. In our case, it seemed not required as we knew what we were doing.

1.2. Page Cache

➥ Page cache: Checked

➥ Page cache method: Disk: Enhanced

Page cache reduces server response time and improves the performance. So we enabled it. The best and recommended page cache method is “Disk: Enhanced”.

1.3. Minify

➥ Minify: Disabled

Minify is to reduce the number of javascript and css files by combining. It will weed out unnecessary codes from js, css and html as well. So it looks really important, doesn’t it?. But why didn’t we enable it?

Actually cloudflare also supports minify. It seems like cloudflare minify can give better performance. We noticed sometimes w3 total cache minify can break a site. But we didn’t encounter any single problem with cloudflare. So we enabled minify on cloudflare and disabled it on w3 total cache.

Please be noted that allowing minify both on w3 total cache and cloudflare can also break your site. So stay safe, use it at one place. We preferred cloudflare.

1.4. Database Cache

➥ Database Cache: Checked

➥ Database Cache Method: Disk

Database cache reduces post, page and feed creation time. It will minimize the response time and the load on the database. So you should enable it like we did. The method by default “Disk” is recommended.

1.5. Object Cache

➥ Object Cache: Checked

➥ Object Cache Method: Disk

Dynamic sites such as WordPress can use Object Cache API. This option can reduce the common object execution time. You should enable it and leave the method to default “Disk”.

1.6. CDN

➥ CDN: Unchecked

Content delivery network (CDN) can improve the delivery of static materials. But they are all paid.

Here in this post, we wanted to show to how to reduce page load time without spending a single penny. So we are leaving it unchecked. In case you can afford to invest in it, you should definitely do. I bet it will make more improvement.

1.7. Reverse Proxy

➥ Enable varnish cache purging: Unchecked

If you want to purge varnish cache, you can enable it and specify the ip address right underneath it. Or you should leave it unchecked when you are not sure. Please note that we didn’t use it.

1.8. Monitoring

➥ New Relic: Unchecked

If you’ve New Relic installed on your server, you may enable it for monitoring. We didn’t have it installed and felt not necessary. So we left it unchecked.

1.9. Debug

➥ Page Cache: Unchecked

➥ Database Cache: Unchecked

➥ Object Cache: Unchecked

This option is to append cache details in your page source publicly. I saw it increases the html page source size and length quite unnecessarily. So you should leave all of them unchecked.

2. Page Cache

2.1. General

➥ Cache front page: Checked

➥ Cache feeds: site, categories, tags, comments: Checked

➥ Don’t cache pages for logged in users: Checked

If your site uses SSL certificate, you should check “Cache SSL (https) requests”. Current we don’t have SSL installed, so we left it unchecked. We also left the rest of them unchecked since they didn’t help.

2.2. Cache preload

➥ Automatically prime the page cache: Checked

➥ Update interval: 900 seconds

➥ Pages per interval: 10

➥ Sitemap URL: Your current xml sitemap

➥ Preload the post cache upon publish events: Checked

This option is to pre-generate cache after a particular interval. It reduces server resource consuming. According to our site requirements, we make the interval 900 seconds and 10 pages per interval. You can change it, but our suggested value looks ideal.

2.3. Purge Policy

➥ Everything: Default

It is safe by default. So we didn’t bother to alter it. In fact, you shouldn’t worry about it.

2.4. Advanced

➥ Garbage collection interval: 3600 seconds

➥ Comment cookie lifetime: 1800 seconds

➥ Everything else: Default

Garbage interval is how often you want to remove cached data. And comment cookie is set to define how longer user’s data will be retained in the browser. Both are useful, and the settings we suggested are standard for all website.

3. Minify

➥ We had nothing to do here

Since we said in “1.3. Minify”, we used Cloudflare minify feature that gave us error-free performance. So we had nothing to do with w3 total cache minify.

Below in this post, we will talk more about cloudflare minify and how to configure it.

4. Database Cache

4.1. General

➥ Don’t cache queries for logged in users: Checked

Caching queries for logged in users might cause unusual problems. So we better checked it.

4.2. Advanced

➥ Maximum lifetime of cache objects: 180 seconds

➥ Garbage collection interval: 3600 seconds

➥ Everything else: Default

Lifetime of cache objects is for defining how longer you want to cache objects. The garbage interval is for removing cached data after the specified period. Both are dependable on website behaviors. Though our suggested settings are standard.

5. Object Cache

5.1. Advanced

➥ Default lifetime of cache objects: 180 seconds

➥ Garbage collection interval: 3600 seconds

➥ Everything else: Default

Same as the previous paragraph lifetime is to set expiry time of the cached items. And garbage interval is to define when to dump cached data.

6. Browser Cache

6.1. General

➥ Set Last-Modified header: Checked

➥ Set expires header: Checked

➥ Set cache control header: Checked

➥ Set entity tag (eTag): Checked

➥ Set W3 Total Cache header: Checked

➥ Enable HTTP (gzip) compression: Checked

➥ Others: Unchecked

These options will control browser behavior, and we got better results using them. It is recommended to check what we did and to uncheck what we didn’t.

6.2. CSS & JS

➥ Expires header lifetime: 31536000 seconds

➥ Cache Control policy: cache with max-age (“public, max-age+EXPIRES_SECONDS”)

➥ Everything else: Same as “6.1. General”

6.3 HTML & XML

➥ Expires header lifetime: 3600 seconds

➥ Cache Control policy: cache with max-age (“public, max-age+EXPIRES_SECONDS”)

➥ Everything else: Same as “6.1. General”

6.4. Media & Other Files

➥ Everything: Same as “6.2. CSS & JS”

7. CDN

➥ We had nothing to do here

We already said in this article, we will show you the ways to improve wordpress performance without spending a single penny. CDNs are paid. We unchecked CDN on “General Settings” page. So we had nothing to do here.

But still if you afford to get a CDN service, please do. It will certainly improve your load time. However, we may not talk here but in another post in the future. Please note that we got 10x improvement without using any external CDN.

Setting up an external cdn with cloudflare would be geeky. Here is a helpful tutorial by TutsPlus, Activating Ludicrous Speed: Combine CloudFlare With a CDN on Your Blog.

8. Extensions

➥ CloudFlare: Activated

In “Extensions” page, you will have to activate CloudFlare extension. It is necessary for integration. For now, just activate it. I will show you how to integrate it later on this post.

Integrating cloudflare with w3 total cache

➥ Cloudflare: Enabled

Go right there, tick on Cloudflare, input account email, API key (what you will find in your cloudflare “Account” page) and other values as we suggested in this post.

Source: http://www.bloggingspell.com/w3-total-cache-cloudflare/

Frequently Asked Questions

  1. How to Allow User Registration

    Head over to Settings » General page in your WordPress admin area. Scroll down to the ‘Membership’ section and check the box next to ‘Anyone can register’ option.

Support

If you are having any issues with the theme or have any questions regarding how to use the theme you can submit a ticket to our support https://support.promokit.eu. Tickets are moderated by the theme developer and a support staff. When you submit a ticket you will receive an email confirmation and once our staff has been able to review and respond to your ticket you should receive another email with our response.