“Pure Gift ” Documentation by “Softwebmedia”

“Pure Gift”

Created: 17th June, 2012
By: Softwebebmedia
Email: softwebmedia@gmail.com

Thank you for purchasing the theme. We hope you find our work to your liking. We always welcome feedback and suggestions so don't hesitate to leave me comments. If you have any questions that are beyond the scope of this help file, please feel free to email via our user page contact form HERE. If you are happy with the theme, please take a moment to rate it on the ThemeForest website.

Table of Contents

1. Theme Installation and Import Demo content
2. General Settings
   - Add Logo and Favicon
   - Enable/Disable Header search bar, breadcrumbs and bottom go to top arrow
   - Set sidebar alignment
3. Change Theme's Skin
4. Edit content, sidebar and footer headings and paragraph text
5. Footer Settings
   - Footer columns
   - Copyright info text
   - Google analytical code
   - Additional footer
   
6. Wordpress Custom Menus - Add top menu, footer menu and portfolio horizontal custom menus
7. Create Home page with Slider
8. Portfolio Setup
9. Add Image Gallery
10. Blog Page Setup
11. Pages
    • Testimonials
    • FAQs
    • Contact Us
    • Error 404
    • Full Width
12. Add social media icons in top bar right
13. Add multiple sidebars
14. CSS files
15. Shortcodes
16. Photoshop file details
17. HTML Source Code
18. Default Images Width and Height
19. Sources and Credits

1. Theme Installation:

You can install theme with two ways:

(1) Using WordPress Theme Upload

1. Login to your WordPress admin.
2. In the "Appearance" menu click, "Themes"
3. At the top of the page click, “Install Theme” tab.
4. At the top of this page click, "Upload" link and then click on "Browse" button.
5. Select the zipped theme file (puregift.zip) and click "Install Now"
6. After installation you will receive the message, "Theme Installed successfully."
7. Click the link "Activate"

(2) Uploading by FTP

1. Login to your FTP server and navigate to your WordPress themes directory.
   Normally this would be "wp-content/themes"
2. Extract the files from the zipped theme.
3. Copy the folder "puregift" to your themes directory.
4. After the files finish uploading, login to your WordPress admin.
5. In the "Appearance" menu click "Themes"
6. Click "Activate" for the theme "Pure Gift"

- Import Demo content ------------------------------------------------------------------------------------------------

1. Login to your WordPress admin.
2. In the "Tools" menu click, "Import"
3. Select "WordPress" for import and install WP importer plugin.
4. Activate the plugin and run the importer.
5. Browse "demo-puregift.xml" file from theme's "demoXML" folder and upload it.
6. On the next screen, check the checkbox "Download and import file attachments".
7. Click "Submit".

2. General Settings

1. Login to your WordPress admin.
2. In the "Appearance" menu click, "Theme Options"
3. Click on “General” tab of Theme Options page.
4. Upload logo and favicion. Enable/disable breadcrumbs and search bar by checkbox. Select sidebar position from dropdown menu. Default alignment of sidebar is right.

3. Change Theme's Skin

1. Login to your WordPress admin.
2. In the "Appearance" menu click, "Theme Options"
3. Click on “Styling” tab of Theme Options page.
4. Click on skin image for your website. Save settings and refresh website page.

4. Heading and Paragraph

1. Login to your WordPress admin.
2. In the "Appearance" menu click, "Theme Options"
3. Click on “Fonts” tab of Theme Options page.
4. Set heading and paragraph fonts size and color as per your website requirement.

5. Footer Settings

1. Footer Settings
   • Login to your WordPress admin.
   • In the "Appearance" menu click, "Theme Options"
   • Click on “Footer” tab of Theme Options page.
   • Set footer column from dropdown menu (1 to 6 column) . Add copyright info to display in small footer right side. You can add google analytical code. (usually it looks like this: UA-XXXXX-X)
   • Enable/Disable "Additional Footer" by chechbox.
   
   
2. Footer Widgets
   • In the “Appearance” menu click, “Widgets”.
   • In this page you will see many widgets and right side theme’s widget sections.
   • In footer widget section you can add wordpress default and theme's custom widget like Flickr, Testimonials, Advertise and Recent posts.
   • Drag “required” widget and drop in “Footer Footer” to Sixth Footer widget section.
   • First footer widget is first left widget area of footer section.
   • You can drag and drop widgets as per your
     choice, above steps are basic steps to add footer widgets.

6. Wordpress Custom Menus

(a) Add top horizontal and footer menu (custom menus)

1. In the “Appearance” menu click, “Menus”
2. Enter first menu name as “Top menu” or “Top”. Click on “Create Menu” button. (see "Sep 1" image below)
3. Click on “+” (plus tab) to create second menu. (see "Step 2" image below)
4. Enter second menu name as “Footer menu” or “Footer”. Click on “Create Menu” button.
5. Enter third menu name as “Portfolio Menu” or “Portfolio Horizontal Menu”. Click on “Create Menu” button. (This is optional menu, if you want to display multiple classic portfolio with horizontal navigation then add this menu.)
6. In “Theme Locations” box select “Top Navigation Menu”, “Footer Navigation Menu” and “Portfolio Horizontal Navigation Menu” from drop down. Click on “Save” button. (see "Step 3" image below)
7. Create Custom Links: In “Custom Links” box give custom link URL and custom link name, click on “Add to menu” button. This new link will come in right side create menu sections (see "Step 4" image below). This link URL and name you can edit/delete any time.
8. Add Post or Category link: You can directly add post or category name link by select post or category check box.
9. You can move each tab up and down.
10. If you want to make sub link of any main page then drag sub link page tab below main page tab and move little right and drop it. Same way you can add multiple sub links. (see "Step 5" image below)

7. Create Home page with Slider

Part 1

1. Login to your WordPress admin.
2. In the "Slider" menu click, "Add New Slide"
3. Give Slide's title. Upload slide image from "Feature Image" box on right sidebar. Add slide caption/description in WYSIWYG editor box.
4. If you are uploading slide images for carousel slider then use "13_Carousel-Slider-Images.psd" to export slide images.
5. Add necessary slide details as per your website requirement for cycle slider. If you are using nivo, carousel or skitter slider for home page then leave first four options as it is. "Hyperlink URL" option you can use for all sliders.

Part 2

1. In the "Pages" menu click, "Add New"
2. Select "Home" templage from page attributes box on right sidebar
3. Publish the page
4. In the "Settings" menu click, "Reading"
5. Set front page display as per below screenshot.
6. Save front page settings and refresh home page.

Part 3

1. In the "Appearance" menu click, "Theme Options"
2. Click on “Home Slider” tab of Theme Options page.
3. Set slider settings as per your website requirement.

8. Portfolio Setup

Part 1

1. Login to your WordPress admin.
2. In the "Portfolio" menu click, "Add New"
3. Give page title of portfolio item. Upload project image from "Feature Image" box on right sidebar. Add portfolio short description from "Excerpt" box below "Add Media Details" box. Add long description in WYSIWYG editor box to display in single page of portfolio item (optional).
4. If you want to display video on light box then add YouTube, Vimeo etc. video URL as per below example.
   Youtube : http://www.youtube.com/watch?v=sn1GG20V_m8
   Vimeo: http://vimeo.com/17996101
   Flash: http://www.adobe.com/jp/events/cs3_web_edition_tour/swfs/perform.swf?width=720&height=460
5. Add lightbox image or video title and description (optional).

Part 2

1. In the "Pages" menu click, "Add New"
2. Select Portfolio sortable/classic 1 to 4 column templage from page attributes box on right sidebar
3. If you want to hide any specific category(ies) items then select category(ies) from "Portfolio Page Options".
4. Publish the page

Part 3

1. In the "Appearance" menu click, "Theme Options"
2. Click on “Portfolio” tab of Theme Options page.
3. Set portfolio settings as per your website requirement.

9. Add Image Gallery

1. In the "Pages" menu click, "Add New"
2. Select Full Width templage from page attributes box on right sidebar
3. Click on blue plus icon of shortcode and then click on "Gallery" tab.
4. Set necessary shortcode option and insert gallery shortcode. Get image ids from media library add it in "include" option.
5. You can get images id with help of bellow screenshots.
6. Publish the page
7. Click to view Similar Gallery Video Tutorial

10. Blog Page Setup

Blog Page

1. Create category(ies) and add some posts.
2. In the "Pages" menu click, "Add New"
3. Select Blog templage from page attributes box on right sidebar
4. Publish the page

---

Blog as Home page

1. Create category(ies) and add some posts.
2. In the "Settings" menu click, "Reading"
3. Set front page display as per below screenshot.
4. Save front page settings and refresh home page.

---

Blog Settings

1. In the "Appearance" menu click, "Theme Options"
2. Click on “Blog” tab of Theme Options page.
3. Set blog settings as per your website requirement.

13. Pages

Testimonials Page

Part 1 and Part 2

1. In the "Testimonials" menu click, "Add New"
2. Add client name in page title box and client testimonial in WYSIWYG editor. If you want to add client image then upload it from "Featured Image" box on right sidebar.
3. Add client position or city name, company or website name and website url from "Testimonials Options" meta box.
4. Now create new page with title "Testimonials" and select page template "Testimonials" from dropdown menu of "Page Attributes" box on right sidebar. (see below screenshots for all these steps)

Part 3

1. In the "Appearance" menu click, "Theme Options"
2. Click on “Testimonials ” tab of Theme Options page.
3. Select testimonials style and pagination as per your website requirement.

FAQs Page

Part 1 and Part 2

1. In the "FAQs" menu click, "Add New"
2. Add Question in title box and answer in WYSIWYG editor
3. Now create new page with title "FAQs" and select page template "FAQ" from dropdown menu of "Page Attributes" box on right sidebar. (see below screenshots for all these steps)

Part 3

1. In the "Appearance" menu click, "Theme Options"
2. Click on “FAQs ” tab of Theme Options page.
3. Select FAQs style and pagination as per your website requirement.

Contact Us Page

Part 1

1. Create new page with title "Contact Us" and select page template "Contact Us" from dropdown menu of "Page Attributes" box on right sidebar.
2. Add necessary text in WYSIWYG editor box. Contact form will come below this text.

Part 2

1. In the "Appearance" menu click, "Theme Options"
2. Click on “Contact Form ” tab of Theme Options page.
3. Enter email address where you want to receive contact form emails.
4. You can edit contact form labels, success and error message, button and form subject text in this page.

Error 404 Page

1. In the "Appearance" menu click, "Theme Options"
2. Click on “Error 404 ” tab of Theme Options page.
3. Give Error 404 page title, description and upload error image.
4. You can add this page icon and tagline from "Title Icons & Taglines" section of "Theme Options" page. (Refer topic #11)

Full Width Page

1. In the "Pages" menu click, "Add New"
2. Enter page title and select page template "Full Width" from dropdown menu of "Page Attributes" box on right sidebar.
3. Add Content in WYSIWYG editor and publish the page.

14. Add social media icons in top bar right

1. In the "Appearance" menu click, "Theme Options"
2. Click on “Social Media ” tab of Theme Options page.
3. Add social media website full path URLs.

15. Add Multiple Sidebars

1. In the "Appearance" menu click, "Multiple Sidebars"
2. Create sidebar by click on "Add Sidebar" button.
3. In the "Pages" menu click, "Add New"
4. Enter page title and select sidebar from "Sidebar" metabox at bottom area.
5. Publish the page.
6. In the "Appearance" menu click, "Widgets"
7. Drag and drop widgets in page sidebar ( right side bottom area ) and refresh frontend page to see sidebar.

16. CSS files

In this theme there are seven CSS files for frontend pages..

1. style.css - Main css file of the theme.
2. shortcodes.css - This css file is used for theme shortcodes styles.
3. skinname.css - This css file is used to display skin color background images and colors.
4. prettyphoto.css - This css file is used for image lightbox effect.
5. ie-8.css - This css is used to make theme compatible with IE8.
6. ie-7.css - This css is used to make theme compatible with IE8.

style.css and typography.css are main files and these files have all sections indexed with titles (see below preview)

17. Shortcodes

1. Click on Shortcode icon in WYSIWYG tinymce editor (see beside screenshot)
2. Click on shortcode name, select/enter required field for selected shortcode in popup.
3. Click on "Insert Shortcode" button.

18. Photoshop file details

19. HTML Source Code

You can use ready HTML source sample code for below pages. Replace sample content with your content in text file, copy and paste.

• Home Page
• Additional Footer
• About Us
• Standard Table
• Tooltips
• Services

20. Default Images Width and Height

21. Sources and Credits

We have used the following images, icons, plugins and javascripts as listed.

• jQuery
• Nivo Slider
• Carousel Slider
• Porfolio Single Page Gallery
• prettyPhoto Lightbox
• jQuery Filterable
• Flickr Photos

• Cufon Font Replacement
• Lora
• Dropdown Menu
• Tooltip
• CSS/JavaScripts Techniques
• Quote Rotator

• Icons - Icon Finder
• Icons - VisualPharm
• Icons - VistaIco
• Icons - PC.DE
• Icons - Smashing Magazine
• Icons - Komodo Media

Once again, thank you so much for purchasing this theme. As we said at the beginning, We'd be glad to help if you have any questions . If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Thank you

Softwebmedia