Widescreen Instructions

Theme Instructions

Installation

  1. Download Widescreen from your Graph Paper Press member dashboard to your Desktop.
  2. Unzip widescreen.zip to your Desktop.
  3. Using an FTP client, log into your website and go to WordPress' /wp-content/themes/ folder.
  4. Upload widescreen to /wp-content/themes/.
  5. Activate Widescreen through the Appearance -> Themes menu in your WordPress Dashboard.
  6. Go to Settings -> Media and make sure to enter the following values:
  • Thumbnail size
    • Width: 240
    • Height: 160
    • [checked] Crop thumbnails to exact dimensions (normally thumbnails are proportional)
  • Medium size
    • Max Width: 795
    • Max Height: 0
  • Large size
    • Max Width: 1600
    • 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: 795
    • Height: 0

Demo content

Optional: You can download a demo content file here that you can import in Tools > Import.

Theme Options

Visit the Appearance -> Theme Options page to begin customizing the Theme Options for your site.

Thumbnails

Every Post needs to have a Featured Image assigned to it. You can assign a Featured Image by uploading an image to the Post, and then click the "Use as featured image" button to make the image the Featured Image for that post. Watch a video tutorial.

If you are migrating from an old theme to a new theme and your thumbnails look squished or distorted, you might need to re-upload the image you plan on using for the post thumbnail. This is because WordPress creates your image sizes based on the dimensions you specified above. Old thumbnails will not be automatically resized. You can regenerate your thumbnails with the Regenerate Thumbnails WordPress plugin.

Video

Paste the link to your video onto any page or post and WordPress will automatically embed the video from the link.

Menus

This theme has built-in support for WordPress' new Menu system, which will be released in version 3.0. This new system, which can be accessed at Appearance -> Menus, allows you to drag and drop menu items with total ease. You can also add custom links.

This theme supports one sub-menu level. You can add sub-menus in WordPress' Appearance -> Menus by dragging a menu item directly underneath the parent menu item. The sub-menu item will float slightly to the right, letting you know it is a sub-menu. This theme only supports one sub-menu level.

Adding Galleries to Widescreen

To add images to the homepage of Widescreen, visit the Appearance -> Theme Options -> Slideshow section and upload images. To add images to Posts or Pages, use the Add Media button and after uploading images, click the Insert Gallery button. This will add what is called "gallery shortcode" into the post content area.

  • Gallery Post Formats: Assign a Post to the Galleries Post Format (located under the Publish box at top right). Upload images using the Add Media button. After uploading images, click the Insert Gallery button. This Post Format will make the Post into a Fullscreen slideshow, just like your homepage.
  • Slideshow Page Templates: See the Page Template section below for usage instructions.

Page Templates

Widescreen has four page templates that you can choose from:

  • Slideshow: Displays a gallery of images centered in the post. Here is the Slideshow Page Template at work on the demo site. The post content is hidden beneath the images in an info box, which can be toggled open and closed. To use this template, create a page and assign it the Slideshow page template, upload images, create a gallery, and insert that gallery into the editor.

  • Fullscreen Slideshow: Same as above, except images are displayed fullscreen. Here is the Slideshow Page Template at work on the demo site](https://demo.graphpaperpress.com/widescreen/slideshow/)

  • Featured Homepage: Here is the example Featured Homepage Template at work on the demo site. This template includes a Welcome Message area, which can contain text, html or video, and a grid of posts below. Visit the Appearance -> Theme Options page to set the Welcome Message and configure the category and number of posts below. To use this template, create a page and assign it the Featured Page Template, upload images, create a gallery, and insert that gallery into the editor.

  • Blog: Displays all posts, regardless of category, on a page. To use this, create a page called Blog and assign it the Blog Page Template. The number of posts shown here is controlled by the Settings -> Reading option.

  • Default: The default, single column page template. You don't need to do anything special to use this, just publish a page.