Theme Instructions

About

Manage your products, personnel, video and blog posts directly from within WordPress using Seneca, our responsive, e-commerce-enabled WordPress theme. Seneca allows you to sell tangible and digital goods directly from inside WordPress. Seneca also works great without e-commerce enabled as a stand-alone blog.

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.

Recommended Plugin Configuration

  • Disable all lightbox/slideshow/gallery plugins, including the GPP Slideshow Plugin. This theme already includes a slideshow script, so using another slideshow plugin will cause a conflict.
  • Install the WooCommerce plugin to create an e-commerce website.

Sample Data

The quickest and easiest way to setup Seneca is by installing sample data we've created. You must have the WooCommerce plugin installed and activated before you install the sample data if you want to use the e-commerce aspect. This file includes sample entries for Posts and the three Custom Post Types included with the theme (Products, Teammates, Videos).

To install this file to your site: 1. Go to Tools > Import on your WordPress Dashboard. 2. Using the uploader tool, browse to this file on your computer and upload it. 3. Wait while WordPress brings it all in and sets everything up for you.

Media Settings

This theme sets the media sizes automatically. You can review these sizes in Settings > Media. The default sizes for this theme are:

  • Thumbnail size
    • Width: 150
    • Height: 150
    • [checked] Crop thumbnails to exact dimensions (normally thumbnails are proportional)
  • Medium size
    • Max Width: 580
    • Max Height: 0
  • Large size
    • Max Width: 960
    • Max Height: 0
  • Embeds
    • [checked] When possible, embed the media content from a URL directly onto the page. For example: links to Flickr and YouTube.
    • Maximum embed size
      • Width: 960
      • Height: 0

_Please Note: If you are switching from another theme, you will want to install and run the Regenerate Thumbnails WordPress plugin to resize your existing images._

Theme Customizer

With the Theme Customizer, you can set your title and tagline, upload a logo, change your color scheme, choose your fonts, set a thumbnail layout size, set a header image, 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. You must keep this set to_ Display Latest Posts _to display the homepage sliders and widgets._

Theme Options

Go to Appearance > Theme Options to set up your theme, choose your fonts, set a color scheme, add footer widgets, and add custom CSS. Styles added here 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; }.

How to Highlight Products on the Homepage

The homepage of Seneca is one big widgetized area. Visit the Appearance -> Widgets page to get started. All blue-colored widgets can be used in the Homepage Widget area.

Three widgets are automatically enabled when you activate this theme: GPP Blog Slider, GPP Blog Posts List, and GPP Blog Posts. If you have enabled the WooCommerce plugin and want your homepage to consist of Products, and not Posts, remove the existing widgets from the Homepage widget area and add the GPP Product Slider and GPP Product List.

The only difference between the GPP Blog Slider and the GPP Product Slider is that one displays Posts and one displays Products. Similarly, the only difference between the GPP Post Posts List and GPP Product List is that one displays Posts and one displays Products. The other custom widgets include: GPP Quotes (used for showing a custom message), GPP Product Menu (used for showing Product titles in the Sidebar, organized by category) and the GPP Blog Posts (used for showing recent Posts).

Widgets

This theme supports widgetized areas. 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. 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

You can include the Team and Video archive pages in your menu by creating a custom link and including the direct URL to this page.

Social Media Icons

You can add social media icons to your Top menu. This theme supports six custom icons—Facebook, Twitter, YouTube, Vimeo, Apple, RSS.

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, youtube, vimeo, apple, and rss.

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

Social Media custom menu

Always Set Featured Images

This theme relies heavily on Featured Images. If your post is missing a Featured Image, the post may not appear on the homepage or 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 665 px wide.

Add a Featured Image

Slideshows:

There are two ways to add slideshows to this theme:

  1. Homepage Slideshow: Go to Appearance > Widgets and add either the GPP Product Slider (if you have WooCommerce installed) or the GPP Blog Slider to the Homepage widget area. Both sliders will display the featured image for each Post or Product.
  2. Product and Team entries: Upload all of your images using the media uploader tool. Uploading these images to each of your Team or Product posts will attach them to the post and will include them in the post's slideshow.

Page Templates

This theme provides two page templates: Default and Full-Width.

  1. The Default page template is the standard page layout, and will display the Sidebar.
  2. The Full-Width page template stretches your content to the full-width of the page and removes the Sidebar.

Team & Video Custom Post Types

This theme adds two new custom post types — Team and Videos — to let you display the team of professionals who work with your company and to provide a collection of videos that highlight your products.

Team Pages

  1. Go to Team > Add New to add a new team member. Be sure to add a featured image to this post.
  2. Fill out the team member's information and details - including videos, sponsors, and ads, as necessary.
  3. Publish your post.

If your team member has a featured image, this will appear on the Team archive page. You can access this page at yourdomain.com/team.

Video Pages

  1. Go to Video > Add New to add a new video.
  2. Fill out the details as necessary, including the video's embed code, the path to the video's thumbnail, etc.
  3. If desired, add a teammate to the video.
  4. Publish your post.

WooCommerce Settings

If you want to integrate e-commerce into your site, you can install Woo Commerce. You do not need to activate this plugin to use the Seneca theme.

This plugin includes its own unique settings that must be configured before you can begin selling products on your site. You are able to sell both tangible goods (like books, shirts, shoes, etc.) and digital downloads (PDFs or ZIP files).

Our recommended settings for WooCommerce are:

  1. Upon activation, WooCommerce offers to help you with the initial Page setup. Accept this offer.
  2. Go to WooCommerce > Settings > General and ensure the _Enable WooCommerce CSS styles_ option is not checked.
  3. Go to WooCommerce > Settings > Catalog and confirm the image sizes are set to: *CATALOG IMAGES (285x285, check Hard Crop) *SINGLE PRODUCT IMAGE (620x400, check Hard Crop) *PRODUCT THUMBNAILS (138x138, check Hard Crop)

Installation Troubleshooting

If you've performed a clean install of Seneca and are still having issues, check the following recommendations: * Ensure your file permissions are set correctly. On most servers, the theme files permissions should be set to 644 and folders should be set to 755. * Ensure your theme folder is named seneca, with no extra spaces, characters, or uppercase letters. Also ensure that there is not a second folder called seneca inside the first. * Seneca uses jQuery for much of its functionality. If your theme appears broken or unresponsive, you likely have a JavaScript conflict with one of your plugins. Deactivate all of your plugins. If that resolves the issue, reactivate them one at a time until you find the one causing the conflict.

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._