Click here to load reader

Black Eve Theme Wp Documentation

  • View
    103

  • Download
    2

Embed Size (px)

Text of Black Eve Theme Wp Documentation

Black Eve theme documentation

IntroductionThank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much! Black Eve was conceived to be used on a wide range of online business. Its clean style and flexibility gives you the advantage to create a powerful and rapid online image. It has 6 widget areas that can be filed with 5 custom widgets (recent posts, testimonials, twitter, flickr, follow us). Following different business models it comes with 7 different page templates (services template, blog template pages 1,2,3 columns, portfolio template, contact template, one page template ), in this way you can customize the theme as you wish.

Black Eve Theme - WP VersionCreated: 18/03/2010 | By: Cristian Gogoneata | Email: gogoneata_cristian@yahoo.com | www.cssluxury.com

InstallationFor proper installation please follow the next steps. Also please check the Wordpress installation guide, which you find here Installing WordPress 1. First of all, your server should support PHP. You will also need an installation of Wordpress. If you already dont have one, download it from here and follow instructions on the wordpress site to install it correctly. 2. If you have a running installation of wordpress, place the theme files from the download into the themes folder. The path to this folder should be something like /wordpress_install_dir/wp-content/themes/. Make sure that all theme files (without the PSDs and help files !) are in the separate folder called eagle. The path to the theme files should be /wordpress_install_dir/wpcontent/themes/balckeve upon completition of this step. 3. Put 0777 permissions on cache folder, from the theme folder (its used for timthumb.php a custom image-resize script) 4. Enter you Wordpress Admin Interface. It should be available at http://yourdomain.com/wp-admin. 5. In the left menu, find Appearance tab. Click it. A submenu should appear. Click Themes. 6. The themes screen should show all of your installed themes. Find Blackeve theme. 7. Click Activate.Note: This theme has included the jQuery script. So, if you install plugins please be aware that a lot of them comes with their own version of jQuery. What that means =>jQuery being loaded twice in the same theme, will cause some parts of the javascript to fail, for example the slideshow. What can be done=>You can delete the jQuery script from the theme (/wordpress_install_dir/wpcontent/themes/blackeve/js/jquery.js) or from the plugin.

Now your theme should look like this:

Black Eve Theme - WP VersionCreated: 18/03/2010 | By: Cristian Gogoneata | Email: gogoneata_cristian@yahoo.com | www.cssluxury.com

Theme configurationCreating site structureNow your theme is installed and ready to go. First we need to create the site/page structure. 1. First we need to create the pages a. Go to Pages and delete the About page b. Go to Pages>>Add new c. Create the pages as you like. To achieve the live preview example create the following pages: i. Theme pages 1. Elements page 2. Full width page 3. Page with images 4. Standard page ii. Blog 1 column iii. Blog 3 columns iv. Blog Standard v. Contact vi. Services vii. Portfolio d. After you create the pages go to Appearance>>Black Eve theme options to link the pages to the menu and assign the templates. i. In Black Eve theme options click on Navigation tab and link the pages to the menu.

ii. Add all the pages and arrange them as you want (drag the box with the page left or right to arrange them as you want). Save and preview.

Black Eve Theme - WP VersionCreated: 18/03/2010 | By: Cristian Gogoneata | Email: gogoneata_cristian@yahoo.com | www.cssluxury.com

iii. After you assign the page to the menu the site will look like this:

iv. Now we have to assign the pages with the predefined templates. For this we have to go on each page tab (from Black Eve theme options) and select what pages to show. For example to assign the Portfolio page with the Portfolio template we have to do the following: 1. Go to Black Eve theme options >> Portfolio page 2. Select from Select portfolio page >> Portfolio this is the page we created earlier. Now we have assigned the proper template.

Black Eve Theme - WP VersionCreated: 18/03/2010 | By: Cristian Gogoneata | Email: gogoneata_cristian@yahoo.com | www.cssluxury.com

3. Click Save and preview. Your portfolio page must look like this now:

4. Make the same operation for the rest of the pages. 2. Now we have to create the categories for the pages that uses posts (Blog pages, Portfolio and Services) and for the main page slider a. Go to Posts >> Categories b. Create the category/categories for Blog pages, Portfolio and Services and Main page slider. (e.g. : For Portfolio -> Portfolio, for Main page slider -> Featured posts, etc)

3. In order to display the categories we need to have posts in them, so lets create some posts a. Go to Posts b. Delete the Hello world post c. Go to Posts>>Add new

Black Eve Theme - WP VersionCreated: 18/03/2010 | By: Cristian Gogoneata | Email: gogoneata_cristian@yahoo.com | www.cssluxury.com

d. Give it a name, insert some content and select the proper category from the right side:

e. Do the same operation until you have at least one post in each category.

4. Now we have to assign the categories for the pages we want them to display. (and the main page slider) a. First go to Posts >> Categories b. Delete the Uncategorized category c. Hover on Blog 1 column category and remember the category id. See the screenshot. The id is 5 in this example.

Black Eve Theme - WP VersionCreated: 18/03/2010 | By: Cristian Gogoneata | Email: gogoneata_cristian@yahoo.com | www.cssluxury.com

d. Now, go to Black Eve theme options, in Blog 1 col and insert the category id in the Insert categories ID to display: field

e. Save and preview. Your blog 1 column page must look like this

f.

Now, do the same operation for the Services, other blog pages, Portfolio page. For the main page slider you can select the category from a dropdown in the Slideshow tab, so you dont have to remember anything.

At this point we have created the site structure. That was the difficult part, if we can call it that. In the next sections of the tutorial I will show you how to configure the site to achieve the live preview structure.

Working with postsCreate a post for the Blog category The theme makes use of custom fields to display posts thumb images. In this example I will show you how to create a post for the Blog Standard category.

Black Eve Theme - WP VersionCreated: 18/03/2010 | By: Cristian Gogoneata | Email: gogoneata_cristian@yahoo.com | www.cssluxury.com

1. 2. 3. 4.

Go to Post>>Add new Give the post a title and content. Now we have to insert the post thumb image. Click on the Insert Image icon to upload a new image.

5. Upload your image using WordPress' built-in image uploader. 6. When your image has successfully been uploaded, click on File URL. A URL should appear in the field above the button (Link URL field). Copy that value.

Black Eve Theme - WP VersionCreated: 18/03/2010 | By: Cristian Gogoneata | Email: gogoneata_cristian@yahoo.com | www.cssluxury.com

7. Go back to the post editing screen. Under Post thumb Image URL paste the URL that you have copied into the value field.

8. In the right side of the page under Categories, select Blog Standard 9. Publish and preview 10. Your Blog standard page should look like this

Create a post for the Portfolio category The theme makes use of custom fields to display posts thumb images. In this example I will show you how to create a post for the Portfolio category. 1. Go to Post>>Add new 2. Give the post a title Black Eve Theme - WP VersionCreated: 18/03/2010 | By: Cristian Gogoneata | Email: gogoneata_cristian@yahoo.com | www.cssluxury.com

3. Now we have to insert the post thumb small image (300x200px, if you upload image bigger than that resolution, dont worry the image resize script comes into action) 4. Click on the Insert Image icon to upload a new image. 5. Upload your image using WordPress' built-in image uploader. 6. When your image has successfully been uploaded, click on File URL. A URL should appear in the field above the button (Link URL field). Copy that value. 7. Go back to the post editing screen. Under Portfolio-Thumb image URL paste the URL that you have copied into the value field.

8. Now we have to paste the url for the Large image. Do the same steps, and paste the URL of the large image in Portfolio-Large image URL

9. In the right side of the page under Categories, select Portfolio 10. Publish and preview

Black Eve Theme - WP VersionCreated: 18/03/2010 | By: Cristian Gogoneata | Email: gogoneata_cristian@yahoo.com | www.cssluxury.com

11. Your portfolio page should look like this:

Create a post for the Main page slider (Featured posts) category The theme makes use of custom fields to display posts thumb images. In this example I will show you how to create a post for the Featured posts category. 1. Go to Post>>Add new 2. Give the post a title 3. Now we have to insert the post image (960x429px, if you upload image bigger than that resolution, dont worry the image resize script comes into action) 4. Click on the Insert Image icon to upload a new image. 5. Upload your image using WordPress' built-in image uploader. 6. When your image has successfully been uploaded, click on File URL. A URL should appear in the field above the button (Link URL field). Copy that value.

Black Eve Theme - WP VersionCreated: 18/03/2010 | By: Cristian Gogoneata | Ema

Search related