Leona - WordPress Theme for Book Writers and Authors
- Subsolar Designs
- Official Site
Thank you for purchasing our Theme. If you have any questions that are beyond the scope of this help file, please feel free to contact us via the Support tab of the Theme on ThemeForest. If you are happy with the Theme, you can rate it. This will help us a lot! Thank you so much!
Unzip the downloaded package. You can install the Theme in one of the following ways:
- FTP - copy the non-zipped folder in the /wp-content/themes/ directory in the WordPress installation of your server.
- Upload - Go to Appearance > Themes in the Admin Dashboard, click the Add New button, then Upload Theme and choose the zipped file with the theme.
If you get a style.css not found error, make sure you are uploading the correct file. It's important to know that the file you have to install is the one inside the downloaded package.
After that go to Appearance > Themes and click Activate on the Theme. After the activation a warning about the plugins that are required will be shown at the top:
Click on Begin Installing Plugins. After that, make sure you also Activate the plugins.
Notice: After you install and activate the Leona Functionalities and Advanced Custom Fields PRO plugins, you can go to Appearance > Theme Settings and click the Save Changes button so that the initial options and styles are saved and applied.
Leona Content Shortcodes are powered by the awesome Elementor Page Builder. It gives you the option to arrange and create the Pages in your website just as you like. You can check their website on how to Get Started or you can also watch this video which shows how to arrange a Page:
The coupons and deals in the theme are handled by the WooCommerce Plugin. Upon installing and activating the plugin, you will be asked to set it up.
The Deals and Coupons inside the Theme are created as WooCommerce Products.
Note: If you are new to WooCommerce you can follow their detailed guide on how to set it up here.
1 Click Demo Install
You can install the initial demo content so you get your site up and running faster than ever. After doing the steps above, click on Appearance > Import Demo Data and click the Import Demo Data button.
Important! After you import this demo, you will have to manually go to Appearance > Theme Settings and press Update. This way the initial default settings will be used by the theme.
It will create some sample posts, images, navigation menu and pages built the way it is shown in the online demo.
Notice: If you receive a timeout error or it takes way too much time (more than 10 minutes) to install check your server timeout settings. Please configure it and increase the server execution time. If you don't know how, contacting your hosting provider is strongly encouraged. Thanks for the understanding.
If you receive a Page Not Found error when navigating the site, make sure the permalinks are correct. Go to Settings > Permalinks and select the Post Name option and click Save Changes.
Navigate to Appearance > Theme Settings in the Admin Sidebar.
The options here are very clear:
Here you can add a logo or title for the Navigation. You can also specify the Footer type - its Background Type, Text and Text Color. The footer widgets can be added via the Appearance > Widgets menu where they can be put into four Footer Columns.
The Google API Key field is for the proper usage of the Google Maps throughout the theme.
The Mailchimp API Key and Mailchimp List ID are used in the Mailchimp Widgets in the theme.
Here you can change the Main Colors and the Fonts of the theme.
Notice: The selected colors and fonts WILL NOT overwrite the Default Fonts and Colors used in the default Elementor Widgets - those that come with the plugin. They are adjusted from the Elementor Settings - you can follow their detailed guide on how to set them up here.
After installing the WooCommerce plugin you can adjust its settings in WooCommerce > Settings.
If you want to give users the ability to register through the My Account Page, go to WooCommerce > Settings > Accounts & Privacy and enable the Allow customers to create an account on the "My account" page option.
Another important option for the theme is the Product Images. Navigate to Appearance > Customize > WooCommerce and select the Product Images tab. There you can adjust the Product Main Image width, which is used in the Single Product page and the Thumbnail width which is used in the catalog pages and the Products Elementor Widgets.
For the Product Categories you can put a Thumbnail or a Category Icon and Icon Background Color. In the Admin Panel, Go to Products > Categories. There when you edit or create a new Category you will find the options to adjust them:
Setting Up the Menu
To customize the navigation menu go to Appearance > Menus and customize it as you'll normally do on a WordPress site.
Don't forget to check the Theme Location at the bottom of the page to select where you want it to be displayed.
If you want to add additional pages to the menu like Products click on Screen Options in the upper right corner of the page and check the types that you want to appear as items for the menu navigation. Her eyou can also enable advanced menu properties like Link Target and Title Attribute.
When you are done, click Save Menu.
Setting Up the Header and Footer
The theme comes with the Elementor – Header, Footer & Blocks plugin (make sure you have it installed and activated as described in Installing Theme) that allows you to easily create headers and footers using the Elementor builder.
Adding one is done via Appearance > Header Footer Builder. Click the Add New button in the upper part of the screen and then the type of template you want to create. After adding the title and content using the Edit with Elementor button, click Publish.
When creating a new page, a button above the content editor Edit With Elementor will show the builder.
Clicking the button will open the Elementor Editor. There you can drag an element from the sidebar that will be added to the page flow. Clicking the element after it is inserted will open its options.
Here you can find a video that shows the features of the Elementor Page Builder. The video shows some of the default Elementor Widgets that come with the plugin and ways on how to create and adjust your page.
When you click to edit a page from the Admin Dashboard, you can find additional Page Options like Hide Title and Transparent Navigation:
Page Builder Widgets
The theme adds multiple Elementor Widgets that are created and styled specifically for the purpose of the theme.
For each widget you can adjust its options and content in the Content Tab in the Elementor Sidebar and it's styling in the Style Tab. Most of the widgets are self-explanatory. Here is a list with details of the more specific widgets:
All Products and Selected Products
With the All Products widget, you can show your products ordered in a specific way - popular, rating, newest etc. The Selected Products widget gives you the option to show only specific products. In the Style Tab for the widget you can adjust the colors and fonts for the products.
More Information on how to create Products can be found in the Creating a Product section.
The Poster is a very flexible widget that can be customized in various layots. It could be used as a Call To Action element or an element that shows a promotion or some advertisment. The widget consists of an Image, Content and a Button. In the Content Tab you can adjust the Skin or layout - this changes the position of the image in the element. An image as well as an overlay image can be added, which can also change on hover. Depending on the layout, in the Style Tab you can adjust the image width, height, box height. You can also add border to the content or box, adjust the content text color and background color, add padding, change the button colors and add hover effects to the image and content.
Before adding the Upcoming Events widget, you will need to create a separate page where all your events are found. Create new page via Pages > Add New, select Events Tempalte from the right sidebar and start adding your fields via the fields that appear.
After you are done, go to the Elementor page where you want to add the Upcoming Events widgets, drag and drop it and select your events page from its settings to the left.
The theme comes with Elementor Templates that you can use per page basis. To Import them for later use in your theme, go to Templates > Saved Templates and click Import Templates in the upper part of that page. Choose the *.zip file found in the /elementor-templates folder that you can find in the theme package you downloaded.
You can them use them when you insert an Elementor Section in a page. You can find the imported templates in the My Templates tab of the popup window. You can watch more in the following video:
Creating a Product
After you install and set up WooCommerce you will have the option to create Products for your shop. To create and sell deals with the Theme, these Products are styled and configured to fulfill that purpose. These are the items that will appear in the Shop Page as well as the All Products and Selected Products Widgets.
In the Admin Panel, go to Products > Add New. On the Right Side from the Product Category you can add Categories to the current product (deal or coupon). Here you can also select the Product Image and Product Gallery.
Here is a description of all of the fields on the page:
- Main Content - the text displayed in the description in the Single Product Page.
- Product Data - contains all of the additional WooCommerce fields. Here you can select the Product Type as well as insert the Price, Type of Product, Stock Status, Additional Attributes and more.
To select a Book Series you must create the Series beforehand. You can do so by clicking on Products > Book Series.
- Product Additional Content - here you can adjust the Header , add Book Series that the product is part of, customize the Read the Book button etc.
- Product Short Description - the text displayed next to the Product Image in the Single Product Page, under the Price for the Product.
Creating an External Product
The External Product can be used to add a book that redirect the user to another website. Here is a guide on how to do this:
When adding a New Product, select its Type to External/Affiliate Product in the Product Data field. You can also set the Price, Sale Price and the Button Text for the redeem button.
In the General Tab you have the option to set the Product URL to which the user will be redirected on redeeming the deal.
And external buttons additional field will also be displayed. You can click the Add Button to add additional external links for your product.
- When you are done adding and configuring the different options click the Save changes button.
After you Publish (or Update) the Product, its Single Product Page will display the Price and the Button to the URL you have added:
The theme uses the Contact Form 7 plugin for the Contact Form. The plugin is one of the recommended plugins that was installed in the first step. You can read more about the plugin here.
The shortcode for the Contact Template can be found in the Contact Tab on the left on the Admin Panel, and then add new or use an already created form.
The style of the Contact Form in the demo is the default one from the plugin. The code is in the Form tab when you edit the Contact Form:
<label> Your Name (required) [text* your-name] </label> <label> Your Email (required) [email* your-email] </label> <label> Subject [text your-subject] </label> <label> Your Message [textarea your-message] </label> [submit "Send"]
When creating a new Page, you can select the Shortcode Elementor Widget and add the contact form shortcode there.
Go to Pages > Add New, write the page title and select Blog from the Template dropdown on the right. Here you have the options to Show Search Field.
Then click the Publish button.
Make sure that the page is NOT selected in the Post Page menu in Settings > Reading in the WordPress Admin Dashboard.
Click Save Changes.
Go to Appearance > Widgets. There you can find multiple places where you can put Widgets.
The Main Sidebar is used in the Blog and Blog Posts.
The Shop Sidebar is used in the Shop Page as well as the Search Product Pages and Archive (Product Categories) Pages.
There are also Three Footer Columns where you can put widgets. No matter how many columns you choose to put widgets in, they always take the full footer width.
Tips, Tricks & FAQ
Using a Child Theme.
A child theme is a theme that inherits the functionality of another theme, called the parent theme. Child themes allow you to modify, or add to the functionality of that parent theme. A child theme is the best, safest, and easiest way to modify an existing theme, whether you want to make a few tiny changes or extensive changes. Instead of modifying the theme files directly, you can create a child theme and override within. You can find more information here.
The Theme comes with an already created child theme ( leona-child ). If you create customizations, it's recommended to use that instead of the parent theme.
It seems like Google Maps is not working. What should I do?
Google have changed their Google Maps policies and now an API Key has to be present for Google Maps to work. Create one, go to Theme Settings > General Settings and enter your Google API Key. You can find more information here.
I can't seem to be able to allow users to register.
To enable user registrations, enable it from the WooCommerce settings panel found in WooCommerce > Settings > Account.
Can I translate the Theme to another language or change some of the text strings?
Yes, the Theme comes with a .pot file which contains all of the Theme's text strings. You can translate the theme by using a program like POEdit or a plugin like Loco Translate or WPML.
When I enter a Product or another page, it gives me 404 Not Found.
Go to the Admin Dashboard > Settings > Permalinks, click on Post Name and after that Save Changes at the bottom.