“Picture Factory Theme” Documentation by “Flow” v1.0


“Picture Factory Theme”

Created: 9/13/2011
By: Flow
Support Forums: Support Forums

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to post your questions on support forums. Thanks so much!


Table of Contents

  1. Info
  2. Preinstallation
  3. Installing the Theme
  4. First Steps
  5. Theme Settings
    1. General
    2. Blog
    3. Sidebars
    4. Footer
    5. Styling
    6. Typography
  6. Customizing Portfolio
  7. Customizing Blog
  8. Customizing Footer
  9. Customizing Sidebar
  10. Shortcodes
  11. Files (HTML/PHP/JS code)
  12. CSS
  13. PSD File
  14. Sources, Credits and Goodbye

A) Info - top

This theme was created by Flow (follow). It was tested on Wordpress 3.2.1. I'm sure that it's going to work also on some older as well as some further versions of Wordpress. I will update it in case it doesn't work on some further version of Wordpress and notify you about it on ThemeForest item page. Once updates become available you will be able to download all the files from ThemeForest again.

If you encounter any errors please contact me on support forums and I will fix them as soon as possible (you will be able to redownload fixed theme from ThemeForest item page). If you have any suggestions regarding this theme let me know! I will improve or fix it if necessary because I'd like everyone to by fully satisfied with it! Okay, so let's get started!


B) Preinstallation - top

You need a working copy of Wordpress installed on your own server (wordpress.com hosting won't work) in order to start. You should know how to use it (e.g. how to enter admin panel, how to write posts etc.). This may help you: New To WordPress - Where to Start. Make sure that your server is using PHP5 (not PHP4).


C) Installing the Theme - top

You can install and configure this theme the same way as most of the other themes. Please follow the steps below:

  1. Upload the theme - login to your server using any FTP client. Go to wp-content > themes and place ENTIRE FOLDER with your theme there (not files without folder). Theme files should be directly in that folder.
  2. Activate the theme - login to Wordpress admin panel and go to Appearance > Themes. Activate the theme.
  3. Import sample content - in the package you'll find one XML file. You don't have to use it but you may find it useful as it contains all the posts, tags, categories, menus and some theme settings from live preview. It doesn't contain sidebar widgets and footer widgets. If you'd like to use it go to Tools > Import and import that (you'll have to install importer first but that's not complicated). After importing sample content you still have to configure the theme and create some things like footer and sidebars manually.

Check out my video presenting how to install this theme! This video is for my other theme but the process is exactly the same. Please note that you will also have to install Typography plugin. It is in the package.


D) First Steps - top

Once you install this theme some new tools will appear in the admin menu. If you have imported sample content then you will not have to configure anything except adding your sidebar and footer widgets. Below you'll find explanation of each theme option. This should make it easier for you to configure everything and replace sample content with your content.

Please visit support forums if you have any problems with installing this theme.


E) Theme Settings - top

Below you'll find all the theme settings with descriptions.


a) General - top

Choose the panel called Picture Factory > General. Main theme settings will appear to the right.


d) Blog - top

Go to Picture Factory > Blog.


Once you go to Picture Factory > Sidebars. You can create additional sidebars there.


Select Picture Factory > Footer.


h) Styling - top

You can set your background color and upload your background image here. There are also various other options available to help you adjust everything perfectly.


i) Typography - top

There's a typography plugin included in the package along with the theme. Follow the instructions in the package to install it. Then go to Appearance > Typography. There's a panel to manage your typography. More information on that is available in the typography plugin package and on support forums.


F) Customizing Portfolio - top

Once you import sample content you'll have working portfolios with example posts. I recommend to read the following anyway to find out how to create and edit portfolio. Follow the instructions below to create working portfolio page:

  1. Go to Pages > Add New
  2. Choose some page title (like "Portfolio") and select one of the portfolio templates in the menu to the right (see screenshot).
  3. Go to Portfolio > Categories and add some portfolio categories.
  4. Now add some portfolio posts.
  5. If you'd like to exclude some categories from being displayed on certain portfolio pages go back to Pages > Portfolio and exclude them at the bottom in custom fields section. Please note that this option will appear only once you create working portfolio page, save it and refresh it.

Note: Portfolio template has image resizing script so you may use images in any size.

IMPORTANT: You can set thumbnail size or crop ratio in Pages > Edit (pick portfolio page).


G) Customizing Blog - top

Once you import sample content you'll have working blog with example posts. I recommend to read the following anyway to find out how to create and edit blog. Follow the instructions below to create working blog page:

  1. Go to Pages > Add New.
  2. Choose some page title (like "Blog") and select blog template in the menu to the right.
  3. Go to Posts > Categories and add some categories that will be used to store your blog posts (like "Photography", "Coding", "Fashion" etc.).
  4. Once you create some posts they will appear on blog page. You can exclude some categories from being displayed on blog page in Picture Factory > Blog.

H) Customizing Footer - top

Select Footer in theme settings. You may want to change some settings there. Then go to Appearance > Widgets and populate footer column (sidebars two) with some widgets you'd like to use. On live preview I use only one text widget with the following code: <ul id="social"> <li><a href="javascript:void(null);" class="facebook"><span class="social-icon"></span></a></li> <li><a href="javascript:void(null);" class="twitter"><span class="social-icon"></span></a></li> <li><a href="javascript:void(null);" class="mail"><span class="social-icon"></span></a></li> <li><a href="javascript:void(null);" class="feed"><span class="social-icon"></span></a></li> <li><a href="javascript:void(null);" class="skype"><span class="social-icon"></span></a></li> </ul>


J) Customizing Sidebar - top

Once you go to Appearance > Widgets you'll notice that there are two widget areas (sidebar + footer).

You can populate them with any widgets. Some widgets doesn't work in some areas because they either doesn't have specific style for that area or they simply don't fit that area. Widgets like on live preview will work just fine in their current areas. Please note that it doesn't make much sense to put anything else in footer than social icons or something similar.


K) Shortcodes - top

Read the separate document about shortcodes used in this template.


L) Files (HTML/PHP/JS code) - top

This theme is a liquid layout with two columns on sub-page. All of the information within the main content area is nested within a div with an id of "content". The sidebar's (column #2) content is within a div with an id of "sidebar". The general template structure is the same throughout the template. It uses 12 column 960 grid with 60px wide columns and 20px gutter. Most of the PHP, HTML and CSS code is well commented so it's easy to modify.


M) CSS - top

If you're going to edit CSS files make the backup copy first. The main style is in style.css file. It's very well commented so I believe that there won't be any problems with editing it.


N) PSD File - top

PSD file is included in the package. Almost everything is grouped and different elements are placed on separate layers. PSD file includes only the most important elements of the theme (like header and footer). Everything in between is plain background with simple text anyway so I didn't include that. Everything is layered so it should be easy to make some changes.


O) Sources, Credits and Goodbye - top

I've used the following images, icons or other files as listed.

Things above are mainly licensed under GPL or MIT (or both). Check websites and/or licensing folder for more information or email me to get more information.


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.

Flow on ThemeForest (follow)

Go To Table of Contents