“Photogra” Documentation by “Designesia”


“Photogra v1.5.1”

Last Updated: 13 February, 2014
By: Designesia

Thank 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 profile page contact form here. Thanks so much!


Table of Contents

  1. Installation
  2. Setting Up Homepage
    1. Create Slider Item
    2. Create Menu
    3. Homepage Fullscreen Video
  3. Setting Up Portfolio
    1. Create Portfolio Item
  4. Setting Up Gallery
    1. Create Gallery Page
    2. Create Gallery Item
    3. Attach "Gallery Categories" to Menu
  5. Setting Up Blog
    1. Blog Format
  6. Setting Up Contact Page
  7. Custom Page Background
  8. Theme Options
    1. General
    2. Styler
    3. Slider
    4. Gallery
    5. Contact Page
    6. Social Networks
  9. Shortcodes
    1. Column
    2. Button
    3. Message Box
    4. Pullquotes & Blockquotes
    5. Images
    6. Video
  10. CSS Files
  11. Sources and Credits

A) Installation - top

To install this theme you must have a working version of Wordpress already installed. You can install this theme in two ways:

Once theme uploaded you need to activate it. Navigate to Apperance > Themes and activate Photogra theme

B) Setting Up Homepage - top

After activating the theme, you'll get a blank home page that is ready to be filled. Follow the instructions below:

Note: Before use slider as homepage, make sure Front page displays is set to your latest post by navigate to Settings > Reading > Front page displays > select Your latest post

1. Create New Slider Item

  1. To create new slider item, navigate to: Slider > Add New.
  2. Type Slider title
  3. Type Slider description in editor (optional)
  4. Click Browse on Main picture to insert picture
  5. Type Slider URL (optional)
  6. Create/select slider Group
  7. Click Publish. Done!
Note: You can specify Slider for homepage by insert Slider Group name by navigate Appaearance > DE Panel > Slider > Slider Group Name

2. Create 'Home" Menu

Navigate to Appearance > Menu
  1. Type Menu Name then click Save Menu
  2. Select Primary Menu that you just created then click Save
  3. Create custom links Label "Home", set URL to you website (http://yourdomain.com) then click Add to Menu
  4. Click Save Menu
  5. Now you will see 'Home' menu on left navigation

3. Create "Home Fullscreen Video"

Navigate to Page > Add New
  1. Select template "Video Background Youtube/Video Background Vimeo" from combo box
  2. Type Youtube/Vimeo video id in editor
  3. Click Publish
  4. Navigate to Settings > Reading > Front page displays > Select Static Page
  5. Select page that you just created
  6. Click Save Changes
  7. Done

C) Setting Up Portfolio - top

Portfolio is the main part of this theme. You can add portfolio item & category as many as you wish. For each category you created, will be shown below of mainmenu.

1. Create New Portfolio Item

  1. To create new portfolio item, navigate to: Portfolio > Add New.
  2. Type image caption
  3. Click Browse to insert picture
  4. Create/select category
  5. Click Publish. Done!

D) Setting Up Gallery - top

1. Create Gallery Page

  1. Navigate to Pages > New
  2. Select gallery template from Page Attributes
  3. Select Gallery from the list (select if you want to show specific gallery on page)
  4. Optional: Select visibiliy "Password Protected" to hide gallery content

To add new post, navigate to: Gallery > Add New.

2. Create New Gallery Item

  1. To add new gallery item, navigate to: Gallery > Add New.
  2. Type image caption
  3. Click Browse on Main picture to insert picture
  4. Click Browse on Thumbnail to insert thumbnail picture, choose Custom Image.
  5. Select Category or create new one:
  6. Click Publish. Done!

 

 

E) Setting Up Blog - top

To set up the Blog, you must create new page by navigate Pages > New. You can give any name to this page, then look at Page Attribute on right. Choose "Blog" from template combo box. Then add to menu by navigate: Appearance > Menus > select page name > click Add Menu

To add new post, navigate to: Post > Add New.

1. Blog Format

Standard Standard blog format
Image Image blog format. Insert image url in editor field
Video Video blog format. Insert Youtube/Vimeo url in 'Video URL' field
Audio Audio blog format. Insert MP3 and OGG file url in 'Audio Settings' field
Link Link blog format. Insert url in 'Link' field
Quote Quote blog format. Insert quote text url in editor field

 

 

F) Setting Up Contact Page - top

To set up the Contact Page, you must create new page by navigate Pages > New. You can give any name to this page, then look at Page Attribute on right. Choose "Contact" from template combo box. Please continue read on Theme Option section here.

G) Custom Page Background

You can use image, slider or video for page/post background.

1) Image Background

You can use image for page background by insert image from 'Static Page Background' under the editor.

2) Slider Background

You can use slider for page background by select 'Slider Page Background' under the editor. Make sure you have created at least one slider group to make it show in dropdown list.

3) Video Background

You can use video for page background by insert Youtube video id in 'Video Background Youtube' under the editor.

H) Theme Options - top

This theme comes with custom theme option panel. You can open it by navigate "Appearance > DE Panel".

1. General

2.Styler

styler is used to change the appearance of the theme. You can change the background, fonts and more. For more details you can try it immediately, try to change the settings then save.

3. Slider

4. Gallery

5. Contact Page

6. Social Networks

Insert you social page url into fields available.

 

I) Shortcodes - top

1. Column

Description Shortcode
One half column [one_half] your content here [/one_half]
One half column last [one_half_last] your content here [/one_half_last]
One third column [one_third] your content here [/one_third]
One third column last [one_third_last] your content here [/one_third_last]
Two third column [two_third] your content here [/two_third]
Two third column last [two_third_last] your content here [/two_third_last]

2. Button

Description Shortcode
simple button [button title="Sample button" url="your url" target="_blank"]
rounded button [button title="Sample button" url="your url" target="_blank" style="rounded"]
big button (you can set button size by add attribute size="") [button title="Sample button" url="your url" target="_blank" style="rounded" size="big"]
bigger button [button title="Sample button" url="your url" target="_blank" style="rounded" size="bigger"]
biggest button [button title="Sample button" url="your url" target="_blank" style="rounded" size="biggest"]
bigger button with custom color (you can change color by replace bgcolor and textcolor) [button title="Sample button" url="your url" target="_blank" style="rounded" size="bigger" bgcolor="#00CC99" textcolor="#FFFF00"]

3. Messages Box

Description Shortcode
Success message [msgbox type="success"] Yeah message here! [/msgbox]
Warning message [msgbox type="warning"] Yeah message here! [/msgbox]
Error message [msgbox type="error"] Yeah message here! [/msgbox]
Info message [msgbox type="info"] Yeah message here! [/msgbox]

4. Pullquotes & Blockquotes

Description Shortcode
Pullquote left [pullquote align="left"]Your text goes here...[/pullquote]
Pullquote right [pullquote align="right"]Your text goes here...[/pullquote]
Blockquote [blockquote]Your text goes here...[/blockquote]

5. Images

Description Shortcode
Left align image <img src="image_url" class="pic-left" />
Right align image <img src="image_url" class="pic-right" />
Center align image [center]<img src="image_url" />[/center]

6. Video

Description Shortcode
Embed Youtube video [youtube url=video_url width=600 height=400]
Embed Vimeo video [vimeo url=video_url width=600 height=400]

J) CSS Files - top

K) Sources & Credits - top

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. 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.

Designesia

Go To Table of Contents