Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please open a ticket describing your problem here. If you send an email with your problem you will be redirected to forum. Thanks so much!
This is the preffered method of instalation. Follow instructions below to install theme in your WP instalation.
If for some reason you cannot get the first method to work use this method instead (use only if necessary)
If you would like to get started fast a good idea is to import the Demo Content. It will provide you the content used in the demo page making your site look almost identical like the demo page. That will make your job easier as you will not have to set up everything by yourself but you will be provided with content that you will just have to modify/change.
To import Demo Content go to Tools Import WordPress. You will be asked to install a plugin. Click Install Now button. After the instalation is complete click Activate Plugin & Run Importer link (you can also get to the importer via Tools Import WordPress).
Choose the ebookie-content.xml file and click Upload file and import button. On the next screen you can asign (or create) authors to pages and posts. After you are done click Submit button.
After import is complete you will have one unnecessary page - Sample Page that was created by wordpress instalation. Simply open it and delete/move to trash.
You need a page for the book (called later the ONE PAGE) and a page for the Blog (if you are going to use Blog, called the Blog Page). To create them go to Pages Add New. Name the page Blog. You don't have to add content but you can write for example Blog page just for your own protection (if no blog posts are present this content will show instead of blog posts). The last thing is to set the Page Attributes Order. The Page order is used in this theme to control the order of pages in the menu. In this example we want to have blog on the last position so lets set the order to very high numer. You can of course insert any number you want (for example 10) but when you then start to create other pages and you create more than 10 pages and you still want to have blog on the last position you will have to increase this number. Setting it to few hundreds will make it stay always on the last position in the menu. On the right side there is a Page Attributes panel. In the Order box insert a high number for example 666 and click Publish button. See image below.
Do the same for the book/product one page. Go to Pages Add New. Name it ONE PAGE. It is important to name it like that because the theme searches this page on a slug basis. Theme is set to ignore this page in the menu. It only is there to act as a container for the next pages. For your own convinience you should set the Page Order to 0. Leave the content area blank.
Lets go back to our first created page - Book. We will create a "hero area" here. We will show the book image, write the title and briefly describe the book and add few call to action buttons.
First we will create the container for the hero area. Use shortcode
[hero_area] to do that. Put images, text and buttons inside it.
<img class="book-image" alt="book" src="http://www.your-page/image.png" width="285" height="300" />
ptags automatically by WordPress is disabled. If you create paragraphs use TinyMCE plugin or just add
ptag. In other case it might get removed when switching between visual and text editor.
<h1>This is the title.</h1> <h3>This is the subtitle.</h3> <p class="p">Here we have the paragraph. Remember to add come class to it.</p>
To create a button use
[button] shortcode. You can specify its color by adding
black color attribute. The link attribute will specify button destination - for example a paypal link for payment.
[button color="green" link="http://link-here.com"]eBook $19<sup>99</sup>[/button]
Sometime you need to inform user about something for example that you book comes with a gift or perhaps the price doesn't include Taxes. You can use
[small_text] shortcode for this.
[small_text] you can find more details about each version below [/small_text]
Quotes in eBookie theme are full width areas whare you can insert a quote from you book or for example a short testiomonial from your readers showing off how much they like your book.
Create a quote by using
[quote] shortcode. You can add
by attribute to display author of quote.
[quote]“Would love to see more books like this”[/quote]
[quote by="John Doe"]“Best thing I have read in my entire life”[/quote]
This is the place to describe your book, what people will learn from it etc.
All features should be closed within a
You have a left and right feature. Left feature will have the title on the left and image on the right and in the right feature it will be the opposite. Inside features container insert
Each feature by default contains an short title/name, a description and an image. To insert a title/name add
To add an image add the
image attribute. Place the coursor between the apostrophes and click Add media button. Choose or upload image and click Insert into page button. Image will be inserted. The description of this feature goes between the opening and closign
[features] Content goes here [/features]
[feature_left] Description goes here [/feature_left] [feature_right] Description goes here [/feature_right]
[features name='Learn new <em>exciting</em> things.'] Content goes here [/features]
[features name='Learn new <em>exciting<em> things.' image='<img src="http://image-url.com/image.png" width="220" height="160" />'] Description goes here [/features]
First create chapters container by inserting
Create a row for chapters
[row]. Remember to close it by
Now inside the rpw create individual chapters - up to 3 for a row. To do that use
[chapter] shortcode. Add attributes
number - you can use it for chapter number, page number etc. Attribute
title is for title. Attribute
info is for description.
Place a cursor between opening and closing
[chapter] shortcode an hit Add media button. Upload or choose file. In the ATTACHMENT DISPLAY SETTINGS set Link to Media file and size to Full size so when the image is clisked it shows the original size of this image.
Now just add a
class="gallery-item" to the
a tag to trigger the gallery.
[chapters][row] [chapter number="Chapter One" title="Title goes here" info="Description goes here"] [/chapter] [/row][/chapters]
[chapters][row] [chapter number="Chapter One" name="Title goes here" info="Description goes here"] <a class="gallery-item" href="http://site.com/preview-image.png"><img src="http://site.com/preview-image.png" /></a> [/chapter] [/row][/chapters]
For this area first you need a
[section]. Inside it add a
[download_sample] shortcode. Inside just add a short description -
h3. We'll follow it here by a
[small text] just to add some info. Finish it by adding a button (how to create a button is described higher in this documentation). In the
link attribute jsut add a link to your uploaded media file.
[section][download_sample] <h3>You can also download a free sample of this amazing book:</h3> [small_text]sample contains PDF version[/small_text] [button color="green" link="#"]Download free sample[/button] [/download_sample][/section]
Here we are using this for reviews, but you can add any content you want inside - for example images, texe tand download buttons.
Create a container for the book
[open_book]. You can put some content inside it before you actualy insert the flip book. Create it by inserting
Each page is created by one
ul tag. You can put any content inside but for this example we will use it for quotes about the book. Create two pages by inserting two
ul tags. Unserting more thatn two
ul tags will automaticaly create more pages that will be avaialable by flipping book pages.
li elements containing a
blockquote. You can also add a
cite if you want to show who wrote this review. As said above you can add anything you want so for example you can throw in a link to the site where the review was given like Amazon etc.
[open_book] [book_pages] Book pages goes here [/book_pages] [/open_book]
[open_book][book_pages] <ul>Content goes hare</ul> <ul>Content goes hare</ul> [/book_pages][/open_book]
<ul><li> <blockquote> Quote goes here </blockquote> <cite>by John Doe</cite> </li></ul>
First you need a container for pricing tables -
[pricing_tables]. Inside insert a
[row]. Now you can start creating tables.
Start by dividing the row on how many tables you will nedd. For example if you need two tables insert two
[half] shotcodes. If you need three insert three
[third] shortcodes and if four - 4
[quarter] shortcodes. In this example I will use 3 tables (please note that I will only show one for the example)
Now for each table you need a table header, body and button. First add a
[table_header] shortcode. Specify its color, name and and price. Attributes for those thigs are
cents. Colors you can pick from are green, blue and black. This will be the same colors you will be able to choose from for the button later on.
For table body use
[table body] shortcode. Inside it create an unordered list
ul. Each of list items
li you will create inside will be one position in the table. Don't forget to close the table body with a
[/table_body]. In this example I am also adding the icons. You can find the full list of icons on Twitter Bootstrap documentation.
Finally add a
[table_button] and spacify its color and link. Button name goes between opening and closing shortcode tag.
[pricing_tables][row] [third] Table goes here [/third] [/row][/pricing_tables]
[pricing_tables][row] [third] [table_header color="green" name="eBook" info="just the digital version" dollars="19" cents="99"] [/third] [/row][/pricing_tables]
[pricing_tables][row][third] [table_header color="green" name="eBook" info="just the digital version" dollars="19" cents="99"] [table_body] <ul> <li><i class="icon-file"></i><em>PDF</em> digital version<li> </ul> [/table_body][/third][/row][/pricing_tables]
[pricing_tables][row][third] [table_header color="green" name="eBook" info="just the digital version" dollars="19" cents="99"] [table_body]<ul> <li><i class="icon-file"></i><em>PDF</em> digital version<li> </ul>[/table_body] [table_button color="green" link="#"]order now[/table_button] [/third][/row][/pricing_tables]
Check the box to show the logo and upload it clicking on the select a file link. Your logo should be 33px in height. After you are done click Save and Publish at the top of page.
You can set colors for five main areas of this theme. From top to bottom you can:
You can set an image as a background. Click on the no image dropdown. You will see three options:
On every post you create you have post formats on the left to choose from. A Standard post format is for a normal blog post - like an image and text. You also have Quote, Link and Gallery post formats which we'll describe later on. In the theme you can also have Videos but no special post format is needed. Use standard post format for embeding videos. Just remember that if you want to insert an image that will be a featured image and will act as a link to this post you have that option in the right bottom of the screen. Also please remember that you can set featured image for any post format you wish.
This is used to insert a quote. For example a quote about the book or from the book. Select the Quote format from panel on the right. In the content area you should use
blockquote fot the actual quote and cite for quote author.
<blockquote>Only one thing is impossible for God: To find any sense in any copyright law on the planet. <cite><a href="http://site.com">Mark Twain</a></cite></blockquote>
Link is very similar to quote. Just select Link on the right panel and in the content area add a link with an
<a href="http://make.wordpress.org/themes" title="The WordPress Theme Review Team Website">The WordPress Theme Review Team Website</a>
Gallery is a little different. Check Gallery format and insert gallery. Choose or upload files via Wordpress Add Media button. Choose Create Gallery select files and click Create a new gallery. After that choose the number of images per row. Now the important part. From the Link to dropdown choose Attachment file and then again switch back to Media File. This is a known bug in WP. If you do not do that WP will not insert the link="file" attribute - which is needed. You can also add it manualy. Click Insert gallery
[gallery columns="4" link="file" ids="1164,1165,1166,1167"]
To embed a video use a shortcode
[video_embed] with a
link attribute to the video. That works both for Vimeo and Youtube. Use the standard post format for this.