Theme Instructions

About

Sell Photos - a feature-rich theme that optionally integrates with the Sell Media plugin for selling your photos online.

Installation

  1. Download the zip file from your members dashboard. This will always be the most current version of the theme.
  2. Log in to your WordPress dashboard. This can be found at yourdomain.com/wp-admin
  3. Go to Appearance > Themes and click on the _Install Themes_ tab
  4. Click on the _Upload_ link
  5. Upload the zip file that you downloaded from your members dashboard and click _Install Now_
  6. Click _Activate_ to use the theme you just installed.

installing your Graph Paper Press theme

For more details about installing your themes, please view Installing Your Theme

Demo content

Optional: You can download a demo content file here that you can import in Tools > Import. In many cases just importing the demo content will not work since you will also have to make some manual configurations. Please go through this documentation to fully understand how the theme works in order to customize it to fit your needs.

Configuration

Here is a quick overview of the steps needed to configure the Sell Photos theme. Detailed instructions are listed in the sections below.

  1. Configure the Sell Photos theme options at Appearance > Theme Options.
  2. Add a custom header image at Appearance > Headers.
  3. Set your menus at Appearance > Menus.
  4. Set your widgets at Appearance > Widgets.
  5. Set your site title and site description at Settings > General.

Integration with Sell Media plugin

Sell Photos will work without the Sell Media plugin active, but, to take advantage of many of the features you see on the theme demo site, you must activate and configure the Sell Media plugin.

  1. Download and install Sell Media (included in the purchase of this them).
  2. Configure Sell Media by following the official documentation.
  3. Configure the required Sell Media page templates (see Page Templates section below)
  4. Configure your menus at Appearance > Menus (see Menus section below)

Theme Customizer

With the Theme Customizer, you can set your title and tagline, upload a logo, choose your fonts, set a background image, assign your menus, and choose a static home page. You can preview your changes by clicking the Customize link below your active theme on your Appearance > Themes page.

*Please note: Setting a static home page will remove the default home page elements built into the theme.

Header Images

This theme supports header images. To add a header image go to Appearance > Header.

Theme Options

Visit the Appearance -> Theme Options page to set up your theme, upload a logo, choose Google Fonts and add custom CSS and more. These options will not be deleted when you update your theme.

CSS creates the style of your site. For example, to hide the description of your site, simply paste this code into the custom CSS box: #site-description { display: none; }.

Widgets

Sell Photos supports eight widgetized areas with the Sell Media plugin activated. Below are screenshots of where the widgetized areas are displayed in this theme:

Widget Area - Homepage Top, Homepage Bottom, Footer Left, Footer Middle, Footer Right

The Homepage Top and Homepage Bottom widgets only appear on the default homepage. The Footer Left, Footer Middle and Footer Right widgets appear on every page. Homepage and Footer Widgets

Widget Area - Sell Media Below Single Item

The Sell Media Below Single Item widgetized area is only available if you have the Sell Media plugin installed. This widgetized area appears below the main content on and individual Sell Media item page. Sell Media Below Single Item

Widget Area - Sidebar

If you want a sidebar to appear on your blog posts and pages, add a widget to the Sidebar widgetized area. If you don't add a widget to this area, your theme design will span 100% of the width of the container. Sidebar

The Sell Photos theme and Sell Media plugin add a total of nine additional widgets which you can add to any of the widgetized areas mentioned above. These include:

  1. Sell Media EXIF - Use this only in either the Sell Media Below Single Item or Sidebar (Sell Media Single Items) Widgetized Areas. This widget will display the EXIF data (camera, shutter speed, focal length, aperture, ISO, copyright, creator) of the image.
  2. Sell Media Items by Author - Use this only in either the Sell Media Below Single Item or Sidebar (Sell Media Single Items) Widgetized Areas. This will display 6 additional images from the same author.
  3. Sell Media Similar Items - Use this only in either the Sell Media Below Single Item or Sidebar (Sell Media Single Items) Widgetized Areas. This will display 6 images from the same collection as the image currently being viewed.
  4. Sell Media Author Info - Use this only in either the Sell Media Below Single Item or Sidebar (Sell Media Single Items) Widgetized Areas. This will display the author bio info, social links, the author bio and a link to his/her author archive page.
  5. Sell Media Popular Items - This widget can be used anywhere. Use it to display the 6 most liked photos.
  6. Sell Media Featured Items - This widget can be used anywhere. Use it to display the 6 images from a collection of your choice.
  7. Sell Media Keywords - This widget can be used anywhere. Use it to display a list of all image keywords.
  8. Sell Media Recent Items - This widget can be used anywhere. Use it to display the 6 most recently added Sell Media items.
  9. Sell Media Social Sharing - Use this only in either the Sidebar, Sell Media Below Single Item, or Sidebar (Sell Media Single Items) Widgetized Areas. It will dislay a Facebook and Twitter icon for sharing the post on social networks.

For more detail about adding widgets to your site, please read Adding Widgets.

Menus

Our themes use WordPress’s custom menus option. These can be created in Appearance > Menus. This theme supports two menu positions: Primary and Secondary. The Primary location appears on the left below the site title. The Secondary location appears at the very bottom of the left sidebar, below the Primary menu. Use Secondary menu to add your social media icons. To add a new menu to your site:

  1. Go to Appearance > Menus.
  2. Create a new menu item by clicking the + tab.
  3. Select the pages you want to display in your menu and click the Add to Menu button. If you do not see the type of page (category, tag, portfolio, gallery, etc) you want to display, click the Screen Options link at the top of the page and make sure the page type is checked.
  4. Once you have set your menu as you want it, click the Save Menu button.
  5. Then, assign that menu to your desired theme location to ensure your menu appears where you want it and click Save.

Add a Custom Menu

Social Media Icons

You can add social media icons to your menus. This theme supports the following custom icons—Facebook, Twitter, Vimeo, Google Plus, YouTube, Pinterest, Flickr, LinkedIn, Tumblr.

In your Menus panel on your dashboard, click on the arrow for each menu item to open the details box. You should see an option for _CSS Classes_. If you do not see this option, click the _Screen Options_ link at the top of the page and make sure _CSS Classes_ is checked in the menu that opens up.

To specify which icon will display, enter the corresponding class name in the CSS Classes box. Please note that these class names are case sensitive. The corresponding class names are: facebook, twitter, vimeo, youtube, icon-googleplus, linkedin, flickr, pinterest, tumblr.

This is an image of a correctly completed menu details section:

Social Media custom menu

Featured Images

This theme relies heavily on Featured Images. The Featured Image will be displayed on Archive pages.

To choose the image you want to set as a featured image for this post and click the _Set as Featured Image_ button. For best results use images that are at least 960 pixels wide.

Add a Featured Image

Post Formats

Sell Photos supports the following post formats — standard, image, gallery, video —.

  • Standard Post Formats - Use the Standard Post Format to display whatever you insert into the visual editor on the homepage and on single posts. Be sure to upload and assign a Featured Image for each post.

  • Image Post Formats - Create a post and assign it to the Image Post Format. Be sure to set a Featured Image.

  • Gallery Post Formats - To show a gallery, create a post and assign it to the Gallery Post Format. Upload as many images as you like using the media uploader tool and insert the Gallery into the post. This will add the gallery shorcode to the page, which looks like this in HTML mode: [gallery ids="1,2,3,4"]. Be sure to assign a Featured Image for that post. For best results, use images that are at least 960 pixels wide. All posts assigned to the Gallery Post Format will then display image slideshow.

To insert a gallery:

  1. Click on the Add Media button to launch the Media Uploader tool.
  2. Click the Create Gallery option.
  3. You can choose to upload images from your computer or you can use images that already exist in your Media Library. You cannot use an image from a URL on the web in your gallery.
  4. If you are uploading images, click the Select Files button and navigate to each of your images on your computer. Click the Open button to open each image.
  5. Once each of your images has been uploaded, you will have the option to add a title, caption, alternative text and description.
  6. After you have added all of the images you wish to display in the gallery, switch to your media library tab and select those images.
  7. Then, click the Create a New Gallery button

Insert a Gallery

  • Video Post Formats - Create a post and assign it to the Video Post Format. Paste the URL to the video you want to display into the editor. Be sure to set a Featured Image.

Embed Multimedia into Posts or Pages

For externally hosted videos (for example a YouTube or Vimeo video), you can directly paste the link of your video page into the content editor. You do not have to paste the embed code. WordPress will automatically embed the video from the link.

You can easily embed videos from a Video hosting service such as Vimeo or YouTube into your posts or pages.

To add a video:

  1. From your WordPress dashboard, add a new post or page (or edit an existing post or page).
  2. Paste in your video’s URL, for example https://vimeo.com/31985752.
  3. Publish or Update your post or page.

_Please note: If your video is not appearing correctly, remove the ‘s’ from the URL, so https becomes http._

Contributors

You can mark any of your WordPress users as "Contributors" so that they show up on the Contributor page (see the Page Templates section below for more info on creating the Contributor page). To add a contributor, you need to create a user profile for each user and check them as a contributor. You can do that by going to WordPress dashboard > Users. Edit a user and check "Contributor" option under "Profile Information" section.

To add social media icons for each contributor, simply fill out Twitter, Facebook, Google +, YouTube, Vimeo fields.

Page Templates

Sell Photos comes with six page templates (Default, Blog, Collections, Contributors, Dashboard ). Each page template serves a specific role in the operation of your site if you have want to sell photos from the Sell Photos theme. You will want to create a new page for each of the following Page Templates (excluding the Default template):

  1. Default - the default page template with an optional sidebar.
  2. Blog - pulls in all of your Posts into one paginated page.
  3. Collections - pulls in all of your Sell Media Collections into one page.
  4. Contributors - pulls in all users marked as "Contributors" on their user profile page.
  5. Dashboard - the page where your customers can download their purchases, view purchase history and see their profile information.

Setting up the Lightbox

Setting up the Lightbox is a two step process:

  1. Create a new Page called "Lighbox" and add this shortcode to the page: '[sell_media_lightbox]'
  2. Add the new Lightbox page to the Top Menu. You need to apply a custom CSS class to the Lightbox menu link. Toggle open the menu link using the arrow icon. If you don't see the CSS Classes option, click the Screen Options link in the top right of the page and make sure the CSS Classes option is checked under the "Show advanced menu options" subheading. Add the css class "lightbox-menu" to the CSS classes option for the Lightbox menu link. This special CSS class will append the lighbox counter box right beside the Lightbox menu link on your site. Below is a screenshot of the Lightbox link menu css class:

Lightbox Menu Link

Setting up the Cart menu

Add your cart page to the Primary Menu. You need to apply a custom CSS class to the Cart menu link. Toggle open the menu link using the arrow icon. If you don't see the CSS Classes option, click the Screen Options link in the top right of the page and make sure the CSS Classes option is checked under the "Show advanced menu options" subheading. Add the css class "cart-menu" to the CSS classes option for the Cart menu link. This special CSS class will append the total amount box right beside the Cart menu link on your site.