Fable Theme Documentation

Learn how to use your new theme

How to install your new theme

Before you can upload your theme, you first need to download the theme package from the Elegant Themes Members Area. Log in and locate your desired theme on the list and click the "download" link. There will be two download options: Theme Package and PSD Files. Click the "Theme Package" link to download the theme. Next you must upload the .ZIP file you just downloaded to your website via the WordPress Dashboard. Log in to wp-admin and click the Appearances > Themes tab. Next click the "Install Themes" button and then click the "Upload" link. Click "Choose File" and locate the .ZIP file you just downloaded and click "Install Now." Once then theme has been uploaded, you can activate it from within the Appearances > Themes tab.

Defining a Custom Logo Image

You can define your own logo image from within the ePanel theme options page in your WordPress Dashboard. Within ePanel, under the General Settings > General tab, locate the "Logo" field. In the field, input the full URL to your logo image. You can use the "Upload Image" button below the field to upload your logo image if haven't already done so. After installing, copy and paste the URL to the file into the field and click "Save" to save your ePanel settings.

If you don't already have a logo image, then you can use the included logo.psd file as a starting point. If you have Photoshop, this file can be opened and the logo's text can be easily edited using Photoshop's type tool. If you don't have Photoshop, then you can use included logo_blank.png file as a blank canvas in a different graphic design program. These files (logo.psd and logo_blank.png) are located within the Theme Package inside the /psd/ folder.

Adding An Article Post

When you write a post, you will notice a "Format" box to the right hand side of your screen. Here you can choose which type of article you would like to create. Select the "Standard" option to create a normal blog post.

Adding A Background Image:When you define a Featured Image, that image is displayed as the background image for your article. To add a featured image, click the "Featured Image" link at the bottom left of the page when writing your post to upload and select an image.

Adjusting The Background Color:Whenever you write an article post, you can adjust the background color of the post. This background color is only displayed when a Background Image is not defined. To choose a background color, locate the "Et Settings" box below the text editor when writing your post. Look for the "Background Color" option and click the "Select Color" button to choose your color.

Choose A Font Color:Depending on the background color you choose, you should select an appropriate font color to ensure that your text is visible. When editing your post, look for the "Et Settings" box below the text editor. If you have chosen a dark background color or background image, then you should set your "Post Layout" setting to "Dark." If you have chosen a light background color then you should select the "Light" setting. The "Dark" settings changes your font color to white to make sure it shows up over a dark background. The "Light" settings changes your font color to black to ensure that it shows up against a light background.

Adding An Video Post

When you write a post, you will notice a "Format" box to the right hand side of your screen. Here you can choose which type of article you would like to create. Select the "Video" option to create a video blog post. Once selected, you will notice that a new option appears within the "ET Settings" box below the text editor. Within the "Video URL" field, input the URL to your youtube or vimeo video to add it to your post.

Adding A Thumbnail Image:When you define a Featured Image, that image is displayed as the preview image within the Video screen. To add a featured image, click the "Featured Image" link at the bottom left of the page when writing your post to upload and select an image.

Adjusting The Background Color:Whenever you write an article post, you can adjust the background color of the post. This background color is only displayed when a Background Image is not defined. To choose a background color, locate the "Et Settings" box below the text editor when writing your post. Look for the "Background Color" option and click the "Select Color" button to choose your color.

Choose A Font Color:Depending on the background color you choose, you should select an appropriate font color to ensure that your text is visible. When editing your post, look for the "Et Settings" box below the text editor. If you have chosen a dark background color or background image, then you should set your "Post Layout" setting to "Dark." If you have chosen a light background color then you should select the "Light" setting. The "Dark" settings changes your font color to white to make sure it shows up over a dark background. The "Light" settings changes your font color to black to ensure that it shows up against a light background.

Adding An Quote Post

When you write a post, you will notice a "Format" box to the right hand side of your screen. Here you can choose which type of article you would like to create. Select the "Quote" option to create a quote blog post. The content that you add to your post will be used as your quote.

Adding A Background Image:When you define a Featured Image, that image is displayed as the background image for your article. To add a featured image, click the "Featured Image" link at the bottom left of the page when writing your post to upload and select an image.

Adjusting The Background Color:Whenever you write an article post, you can adjust the background color of the post. This background color is only displayed when a Background Image is not defined. To choose a background color, locate the "Et Settings" box below the text editor when writing your post. Look for the "Background Color" option and click the "Select Color" button to choose your color.

Choose A Font Color:Depending on the background color you choose, you should select an appropriate font color to ensure that your text is visible. When editing your post, look for the "Et Settings" box below the text editor. If you have chosen a dark background color or background image, then you should set your "Post Layout" setting to "Dark." If you have chosen a light background color then you should select the "Light" setting. The "Dark" settings changes your font color to white to make sure it shows up over a dark background. The "Light" settings changes your font color to black to ensure that it shows up against a light background.

Adding An Gallery Post

When you write a post, you will notice a "Format" box to the right hand side of your screen. Here you can choose which type of article you would like to create. Select the "Gallery" option to create a gallery blog post. Once you select the Gallery post format, you can add a new gallery by clicking the "Add Media" button above the text editor. Once the media popup loads, click the "Create Gallery" link to the left of the screen. Select your desired images and then click the "Create a New Gallery" button. Next click the "Insert Gallery" button to add the gallery to your post. The gallery style will be automatically formatted for the theme.

Adding A Background Image:Background images cannot be added to Gallery posts.

Adjusting The Background Color:Background colors cannot be adjusted for Gallery posts.

Choose A Font Color:Depending on the background color you choose, you should select an appropriate font color to ensure that your text is visible. When editing your post, look for the "Et Settings" box below the text editor. If you have chosen a dark background color or background image, then you should set your "Post Layout" setting to "Dark." If you have chosen a light background color then you should select the "Light" setting. The "Dark" settings changes your font color to white to make sure it shows up over a dark background. The "Light" settings changes your font color to black to ensure that it shows up against a light background.

Customizing your theme's colors using the Theme Customizer

Fable uses the WordPress Theme Customizer interface to allow you to adjust your theme's colors quickly and easily. To use the Theme Customizer, click the Appearances > Themes > Customize link. This will launch the customizer along with various color options.

Using Sample Data to populate your first installation

If you are starting from scratch, and installing your theme onto a WordPress blog that does not have any content yet (posts, pages, categories, etc), then you can choose to import our sample data file, which will populate your new WorPress blog with "dummy content." This dummy content is just a bunch of gibberish text, however, it will give you a good template to work with. Instead of following the above instructions, some people prefer to simply upload the sample data first, and then replace the dummy content with their own. To do this, you can use the Tools > Import feature in wp-admin to import the included sample data file. This sample data file comes with all themes, and is located in your theme folder here: sampledata/sample.xml. When performing the import procedure, be sure to check the "Import epanel settings" box.

Using Shortcodes - Create advanced layouts with ease

All of our themes come with a comprehensive collection of shortcodes. These shortcodes allow you to use pre-made design elements to create advanced page/post layouts without any HTML knowledge. When you install the theme, you will notice that some new buttons have been added to the WordPress text editor. Clicking these buttons will reveal options for adding shortcodes to your post. For complete shortcode documentation you can refer to the video on the left, as well as the following documentation page: http://www.elegantthemes.com/preview/TheProfessional/357-2/

Using Page Templates To Create Advanced Layouts

All of our themes come with a collection of page templates that can be used for a variety of purposes. You can apply each of these page templates to any page that you have created. When you edit a page in wp-admin, you will notice a Templates dropdown menu to the right of the text editor. Here you can select from a list of available page templates. Once a template is selected, additional settings will appear in the "ET Page Templates Settings" box below the dropdown menu. These settings should be configured to acheive the desired result, as outlined in this video tutorial.

Translating The Theme To Another Language

You can use the included Mo and Po files (located in the /lang folder of your theme) to translate the various English words that occur throughout the design. You can learn more about translating WordPress here: Translating WordPress

How To Update Your Theme To A New Version

Updating your theme is done via the WordPress Dashboard just like any normal theme. Before you can update, however, you must first authenticate your Elegant Themes subscription using the Elegant Themes Updater Plugin. Once authenticated, you can update your Elegant Themes using the standard update interface in WordPress.

To authenticate your WordPress installation, you must first download and install the Elegant Themes Updater. Download the ZIP file here, and then install it via the Plugins > Add New link in your WordPress Dashboard. Once it has been installed and activated, navigate to the Settings > General tab and scroll to the bottom of the page. You will notice that a new section has been added called "Elegant Themes Automatic Update Settings." Here you will need to input your Elegant Themes Username as your Elegant Themes API Key. You can find your Elegant Themes API Key here. Once both fields have been filled in, click the "Save Changes" button. You can now update your theme when a new version has been released via the Dashboard > Updates page, or via the Appearances > Themes page.

Join To Download Today