Draco Support Documentation

Background

This is the documentation page for Draco WordPress Theme, where you will find about how to install and modify the theme to suit your needs after you purchase it. This is a business theme, so you can use it for your products, services etc..

Extract and Activate the Theme

After you purchase and download the theme, make a backup copy of the zip file. Then extract the zip file. Before you do anything else, be sure that you have WordPress all set up and ready. Upload the draco_theme folder to your “themes” folder (which you will find in the “wp-content” folder online).

In your WordPress administration panel, go to Appearance >> Themes to activate the Draco theme.

Basic WordPress settings

If you haven’t changed your WordPress name description etc, now you will learn how to do it. Go to WordPress admin -> settings -> Change blog title and tag line, save it. Then click reading also in settings menu and change number of posts (“Blog pages show at most”) to 3 as in demo (of course you can change it to what ever you want but we suggest 3 for this theme). Also good thing to do is to change permanent links to “pretty” ones. Click Permalinks in settings and select the structure you like the most (NOTE: Be sure your .htaccess is writable!) Save everything.

Theme Structure

Like every WordPress theme, you have pages and posts. Pages are on the top and bottom menus, and posts in the category “blog” (so not the ones in the “featured” category) are in the news page, and those in the “featured” category are displayed on the home page in tabs. (More about this later.)

Adding pages

We will now add the Home, About, News and Contact pages. The About and Contact pages are static pages (as are every other page you add). Go to the WordPress administration panel -> Pages -> Add New -> put “About” for the title, add some text, and then publish it. Do the same for the Contact page.

News Page Go to WordPress admin panel -> Pages -> Add New -> put “News” for title and leave the content empty. Publish it. Then go to Settings -> Reading and as the posts page, select the “News” page that we’ve just made. Save.

Home Page. Now this one is a bit more complicated. Log into your WordPress admin panel -> Page -> Add New -> put Home for the title and don’t add any content. Now you’ll have to make four custom fields for: title (in demo “Save time with OurApp!”), description (text below it with buttons), about text and press text.
Click on Custom fields at the bottom, and for key add “title” and put some title. Add custom fields. For the next one, put “description” for the key and add some description like on our demo. (NOTE: in custom fields you can use HTML, like <a href=”… or br tags, etc. In the Draco demo for those buttons, we’re using a class for the A tag named ‘button’. So if you want to add that button, you’ll have a br tag after text and link like: <a class=’button’ href=’#'>View Demo</a>, BIG NOTE: When you are adding “ and ‘, WordPress changes it to \’ and \” so you’ll have to change it back, it’s just once). Next custom field, “about” for the key and some text (with html formatting probably) and the last one, “press” for the key and some text.

And for the page template select Home, and then publish it. Then go to Settings -> Reading and for the front page, place “Home” we’ve just made. Save.

NOTE: To change the page order, use the “Order” function on the right column of every edit page.

Adding posts

To add a new post, log into the WordPress admin panel -> Posts -> Add New -> add title and text, and also select one of two categories: “featured” or “blog”. If you haven’t created those categories, just add name and click add. Posts from the featured category will appear on the home page as slides. There is also one custom field for the image on the right (key is “image” and value is, for example, “image.gif” – images have to be in the “images” folder within the theme’s folder). In the demo, we are using the h4 tag for headlines inside the featured content.

Change the monitor icon

Open begin.php and on line 32, change monitor.gif to what ever you want (the image has to be uploaded to the “images” folder within the theme’s folder)