While we have tried to keep an easy-to-use user interface, we understand that you might have some questions about installing and using our theme. Following is a detailed step-by-step guide to help you with most of the questions or issues that you may be experiencing.

Navigate Documentation

To help you quickly locate what you are looking for, we have created an extensive menu for this document at your right side. Please use it to navigate to the desired section.

Can't find what you need? Please contact us via email to [email protected]. We will respond in the shortest time possible.

When you purchase a Velove license from ThemeForest & download the theme package, you will receive a zipped folder. Please unzip it first.

Within the unzipped theme package, you will find a number of folders such as demo content, documentation, etc. There is also 1 additional zipped folder within, titled velove.zip. This file is the main theme file you have to install on your WordPress website.

There are two methods to install the theme. If the normal installation method (a) is not supported by your web host, you will have to use the alternate option (b).

a. Normal Installation

  1. Log into your WordPress admin panel and go to Appearance → Themes
  2. Click the Add New button at the top.
  3. Click the Upload Theme button at the top.
  4. Click the Choose File button and navigate to the location of the theme zip file velove.zip.
  5. Click Install Now to begin the installation.
  6. Wait for the success message, then click Activate.

b. FTP Installation (alternate method)

  1. Unzip the theme zip file velove.zip.
  2. Using an FTP client to access your host web server. Go to /wp-content/themes/ and place the theme folder inside it.
  3. Log in to your WordPress admin panel and go to Appearance → Themes
  4. Locate the theme thumbnail and click the Activate link.
After activation, you will be presented with several plugins that you have to activate. Do not forget to activate them all, it will enable all of the theme features.

Velove recommends a few plugins to extend it's functionality. These plugins can be installed automatically from the notification in WordPress Administration Panel (Dashboard). Although, Velove will work perfectly without any of these plugins, you may want to extend the theme's features with them.

Recommended Plugins

  • One-Click Demo Import

    To import content from our demo!

  • Velove Kit
    Strongly Recommended

    This plugin adds more great features to your theme such as sticky sidebar, pinterest pin it button, etc.

  • WP Subtitles

    This plugin adds subtitles to posts, pages, and other custom post types.

  • Mailchimp for WordPress

    This plugin adds easy integration between Mailchimp and your WordPress site.

  • WP Instagram Widget

    This plugin adds features to show your Instagram feed.

  • Zilla Likes

    This plugin adds features to show heart button to each post. It allows user to vote post they like.

Install the Plugins

  1. Log into your Dashboard page.
  2. Go to Appearance → Install Plugins.
  3. Click install link below the plugin you want to install.
  4. Activate them.

We have included Velove with one-click demo importer feature. You can easily to import content from our demo then you can edit it with your content. But first please install all recommended plugins. Please take a look the Recommended Plugins section to read how to install the plugin.

After that please go to Appearance → Import Demo Data, then click the Import Demo Data button. Depending upon the number of content, images and server speed, the process may take long to complete.

You might to install them all, it will enable all of the theme features.

WordPress child theme allows you change the functionality of the theme without having to edit the original/parent theme template files. If you plan to making any customization, we recommend to create a child theme instead of editing the theme template files. Since the child theme is stored separately, you don't need to redo the changes next time you upgrade the theme.

Creating a Child Theme

There's a plugin you can use that will create a child theme from within the WordPress dashboard: http://wordpress.org/plugins/child-theme-configurator/ or you can download Velove blank child theme.

Download it here

More About Child Theme

You can read more about Child theme on WordPress Codex →

If you are migrating from another theme, then upon activating Velove you may find previously added images display strangely with weird aspect ratios and sizes. Don't worry. It is normal. The image thumbnails are required to be recreated using Velove's presets.

There is a very easy fix to this issue. Just install Force Regenerate Thumbnails plugin.

How To Use It?

  1. After you install it, go to Tools → Force Regenerate Thumbnails
  2. Click the Regenerate All Thumbnails button
  3. Depending upon the number of images and server speed, the process may take long to complete.
  4. After it done, you can deactivate and delete the plugin.

Velove Kit is Velove's core plugin to add more useful features to the theme. Features included:

  • Sticky sidebar
  • Pinterest pin it button
  • EU Cookie Law bar
  • Enable to choose layout for post / page
  • Add signature to each posts

It also turn on Extra Options to control the features above.

Please install it by following the guide on Recommended Plugins section.

The Site Icon is used as a browser and app icon for your site. Icons must be square, and at least 512px wide and tall.

Upload your Icon

  • Select Appearance → Customizer
  • Choose Site Identity
  • You will see the Site Icon uploader.
  • Upload your icon at least 512 x 512 pixels

Velove supports the custom menu function to allow you to setup your menus. You can set it through following steps.

Creating Menu

  1. Go to Appearance → Customize.
  2. Click the Menus tab.
  3. To create a new custom menu, click the Add a menu button, give the menu a name, and click Create Menu button.
  4. Please look at the Display Location , please choose between Primary Location or Social Links to indicate the location of the menu.
  5. You can add pages, categories or custom link's to the menu by pressing the Add Items button.
  6. When you are done, click Save & Publish

Custom Widgets

Velove comes with 3 custom widgets to give you more flexibility to customize your site.

  1. Popular Posts Thumbnail: Display popular posts by comments along with thumbnail and post date.
  2. Random Posts Thumbnail: Display random posts along with thumbnail and post date.
  3. Recent Posts Thumbnail: An improvement over the default recent posts widget, including thumbnail.

Sidebars

Velove provides 2 sidebar areas:

  1. Primary Sidebar: Main sidebar that appears on the right of your site.
  2. Instagram Sidebar: This sidebar is the place to add the Instagram widget.

By default, Velove uses Playfair Display and Source Sans Pro font as default theme font family. But Velove provides an option to change it in case you dont like it. It is easy to change it, please follow the steps below.

The setting

  • Select Appearance → Customize
  • Choose Appearance → Fonts
  • You will see the settings for each font

How to use it

Each setting have 2 setting Font name/style/sets and Font family , if you want to change the fonts you need to change both.

Please follow the example steps so you will understand how to use it. First please go to https://fonts.google.com/ then choose font you like by clicking the + button.

Then you will see a small popup window at the bottom, click it. You can customize the font style, for example you need a Regular and Bold style. Click the Customize tab then choose the style, please follow the image below.

After that back to the Embed tab. Copy the data, paste it to the Font name/style/sets and Font family setting in the Customizer. If you confuse, please take a look the 2 picture below

Velove provides 5 predefined colors you can choose for. We handpicked these colors, they are modern and fresh! But, if you would like to choose your own color do not worry, we also provide the option to do that!

Access the Option

  • Navigate to Appearance → Customize
  • Choose Appearance → Colors
  • You will see the option to change the color.

Per Page/Post Basis Layout

You can setup the layout per post or page. This is done when you add or edit the post or page. There are 4 types layout you can choose

How to use it

  1. Assuming you're at the new post or page screen (Posts → Add New) or (Pages → Add New)
  2. After you create the post or page, scroll down and find Layout meta box.
  3. Choose the layout.

Layout Type

  1. Full Width: Display the content in a full width mode or without sidebar.
  2. Full Width Narrow: Display the content in a full width mode or without sidebar but with smaller width.
  3. Right Sidebar: Display the content with sidebar on the right.
  4. Left Sidebar: Display the content with sidebar on the left.

Blog Layouts

This blog layouts setting will applied to the home/blog page.

How to use it

  • Select Appearance → Customize
  • Choose Appearance → Layouts
  • You will see the option to change the layouts.

Velove comes with 3 header styles you can choose for, this styles can be easily changed via theme Customizer.

Access the Option

  • Navigate to Appearance → Customize
  • Choose Appearance → Header
  • You will see the option to change the header style with live preview!

Styles Type

Velove includes a Social Links Menu, where you can add links to your social media profiles. These will be displayed as text and logos in the footer:

Supported Social

The following services are supported by Velove’s Social Icons Menu:

  • Instagram
  • Facebook
  • Twitter
  • Medium
  • Youtube
  • Flickr
  • Google+
  • Dribbble
  • Reddit
  • RSS
  • Pinterest
  • Codepen
  • WordPress
  • Linkedin
  • Github
  • Vimeo
  • Snapchat

How To

You can follow the instruction on Menu documentation section or you can read the official Social Links documentation.

Velove includes integration with WP Instagram Widget plugin to show your latest Instagram feed. It will be displayed in the footer:

How To

1. First, you need to install the WP Instagram Widget by following the intruction on Recommended Plugins documentation section above. Please read it, then install the plugin.

2. Then please navigate to Appearance → Customize , then click the Widgets tab.

3. Then click the Instagram tab.

4. After that please click the Add a Widget button to add the Instagram widget.

5. In the search box please search Instagram, you will see the instagram widget instantly. Please click it to add the widget to the sidebar

6. To get the best result, please follow the setting on the image below!

The only setting you need to follow is the Number of photos:, please keep it 6 to get the best result!

Velove provides Theme Options to give your more flexibility to customize the theme.

Access the Option

  • Navigate to Appearance → Customize
  • Choose Theme Options

Container layouts is a variation of the theme container. Velove provides 3 option to choose:

  1. Full Width
  2. Boxed
  3. Framed

How to Use it?

  • Select Appearance → Customize
  • Choose Theme Options → General
  • You will see the option to choose the container layouts.

Styles Type

This pagination will appear on blog/home page. You can choose 2 type of pagination:

  1. Number
  2. Older / Newer

How to Use it?

  • Select Appearance → Customize
  • Choose Theme Options → General
  • You will see the option to choose the pagination.

Styles Type

You can easily to change the footer text via Theme Customizer, you might customize it to show something useful to your visitor.

Access the Option

  • Select Appearance → Customize
  • Choose Theme Options → General
  • You will see the option to customize the footer text.

Defaul Text

© Copyright 2019 - <a href="https://">Velove.</a>. All Rights Reserved. <br /> Designed & Developed by <a href="https://wp.idenovasi.com/">Idenovasi</a>

These options is to customize the single post. You might to move to the single post on Theme Customizer to see the changes with live preview.

Access the Option

  • Select Appearance → Customize
  • Choose Theme Options → Posts

These options is to customize the single page. You might to move to the single page on Theme Customizer to see the changes with live preview.

Access the Option

  • Select Appearance → Customize
  • Choose Theme Options → Pages

Most Posts is a list of posts appear at the bottom of your site. There are 4 types of posts query you can choose:

  • Most loved
  • Most recent
  • Popular by comment
  • Random

Access the Option

  • Select Appearance → Customize
  • Choose Theme Options → Most Posts

Featured Posts is a post appear at the top of the home page. You can use a tag to feature the post or use sticky post.

Access the Option

  • Select Appearance → Customize
  • Choose Theme Options → Featured Posts

If you receive an email telling you that the theme has an update, please go to your Theme Forest account then navigate to the Download page, please re-download the theme and follow the guide below to update it on your WordPress website.

Update the Theme

To update the theme easily, first you need to install and activate "Easy Theme and Plugin Upgrades" plugin.

  • Navigate to Plugins → Add New
  • Search "Easy Theme and Plugin Upgrades"
  • Install and activate the plugin

After you install the plugin, you can install the theme as ussual. Please navigate to Installation documentation section, if you forget how to install the theme.

All of our themes include a language file to make translating to a different language easy. Inside the theme folder /wp-content/themes/themename/languages , you'll find a language file named themename.pot. Or in this theme file named velove.pot

Configure WordPress

Before translating the theme, you'll need to make sure WordPress is setup correctly with your locale. Open wp-config.php and modify the line below.

/**
 * WordPress Localized Language, defaults to English.
 *
 * Change this to localize WordPress. A corresponding MO file for the chosen
 * language must be installed to wp-content/languages. For example, install
 * de_DE.mo to wp-content/languages and set WPLANG to "de_DE" to enable German
 * language support.
 */
define( 'WPLANG', '' );

Translating the Theme

  1. Download and install Poedit.
  2. Open velove.pot in Poedit. Translate as needed.
  3. Save the file with the locale. For example, if you translate the theme to German language then you would save your files as de_DE.po.
  4. Copy both these files(de_DE.po and de_DE.mo) under the languages folder of velove.

Images

Images used in the demo are from Unsplash.

Resources Used