1. General & Installation
"Lovely" is a fresh and modern WordPress theme that can be a perfect base for a family home page, health and life style blog or even a small shop. It is very simple theme to set up and use with most of the customizing options available from the customizer.
Responsive grid is a standard these days and "Lovely" makes a good use of it to preserve its unique looks across the whole range of internet capable devices.
As a bonus this theme comes with a couple of custom page templates (including shop), color customization options and a top notch slider that will help to further customize the theme.
1. Getting Started
To install this theme you must have a working version of WordPress already installed. For information regarding the installation of the WordPress platform, please see the WordPress Codex - http://codex.wordpress.org/Installing_WordPress
Theme uses basic, core WordPress options (pages,post,categories) to create site that is easy to use even for very beginners. There is no option panel with many settings in it, all available theme options are available from inside the WordPress "Theme Customizer" that allows site admins to tweak a theme's settings and see a preview of those changes in a real time. You'll be able to upload your logo or change the site title and tagline, change background color, upload background image, change header image and more.
This theme uses WordPress feature called "Post Formats". Using "Post Formats" posts can be styled differently and independently of each other.
*Please note that the pictures in the Live Preview are for the presentation purposes only and are not included with the theme.
When you are ready to install the theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in two ways:
- FTP Upload: Using your FTP program, upload the non-ziped theme folder "lovely" into the /wp-content/themes/ folder on your server
- WordPress Upload: Navigate to Appearance > Add New > Upload. Go to browse, and select the ziped theme folder "lovely.zip". Hit "Install Now" and the theme will be uploaded and installed.
Once the theme is uploaded, you need to activate it.
After activation, you should see Lovely Theme as an active theme:
1.2 Introducing WordPress Theme Customizer?
The Theme Customization screen (i.e. "Theme Customizer") allows site admins to tweak the theme settings and see a preview of those changes in real time.
Lovely has implemented customizer and added some useful options to help you style the background, color elements, upload image logo and to write copyright text on your own.
Navigate to Appearance > Customize
On the left side, you'll find Theme Customizer with all the options it contains.
1. Site Identity
This gives you freedom to change the title, tagline and the logo for your site.
This gives you the option to change the background and button color.
3. Header Image
This gives you the option to change header image of the post page.
4. Background Image
This gives you the option to change background image.
5. Copyright Settings
This gives you the option to change copyright text.
This gives you the option to preview all available widgets on the page you are viewing and to add or change widgets inside available Widgetized Areas.
1.3 Plugins used with this theme:
1. Lovely features "Jetpack" plugin for WordPress that supercharge your website with features until now only available on WordPress.com. This plugin is used for the widget visibility, tiled gallery, contact form...
2. Soliloquy Slider with addons can be found inside the Plugins folder
3. WooCommerce: http://wordpress.org/plugins/woocommerce/ - used for shop page
4. Elementor: https://wordpress.org/plugins/elementor/> - Page Builder
Plugins mentioned above are not mandatory for theme to work! However, if you want to import demo content please install and activate those plugins before going to the next step!
1.4 Soliloquy Slider
To install the slider navigate to the Plugins > Add new > Upload > Choose file.
After you install the plugin you'll see the new menu "Soliloquy" (if there is a new slider update, update it before you continue), verify your license key (included within the plugins folder) and than you'll get available addons for the installation.
Now you can install Soliloquy addons - "Themes Addon".
If you don't see addons at first click on the "refresh button" and they will show up.
To create slider click on "Add New" option and name it. Now you can play and create your slider using many options and features that this great slider offers. Slider images from the live preview are 2600x700px.
Config settings we used in the live preview:
Slider Theme: Karisma
Slider Dimensions: Full Width - 2600 x 700px
Slider Gutter: 0
When you finish with creating your slider, navigate to the post, page or widget where you want to use your slider. Inside pages and posts, on the top of the edtior you`ll find "Soliloquy" slider button.
Click on the button to open the new window. There you'll be able to choose created sliders and put them inside the page or post:
If you want to use slider inside the widgets sidebar, navigate to Appearance > Widgets, there you'll find "Soliloquy" widget. Drag and drop widget to one of the available sidebars and choose the slider you want to show :
1.6 How to start?
There are two ways to start building your site with this WordPress theme.
- Starting from scratch with your own content - to start from scratch we recommend following the documentation. Start with the front page, blog, header, menu and footer and then add inner pages.
- Replicate the demo site and then start from there - to replicate the demo follow the instructions for the demo content.
If you'd like to have a demo site set up on your server and you don't have time or will to do it yourself let us do it. We offer professional demo setup service for a small fee and quick turn-around time of max. 48 hours. More about this service you can find here: Professional Theme Demo Setup