Full Frameby Graph Paper Press

full-frame-wordpress-theme-homeFull Frame is a single column, responsive, post-format-loving WordPress theme.

Initial Setup

1. Go to Settings > Media
2. Set the thumnails size to 600 wide by 400 tall and check the crop option so thumbnails are cropped to those exact dimensions.
3. Set the medium size to 900 max width and set max height to 0 (no max height).
4. Set the large size to 1280 max width and set max height to 0 (no max height).

Important Notes

Full Frame relies heavily on Featured Images. It’s very important that you upload high-resolution Featured Images since Full Frame spans the full-width of the browser. If your Featured Images are small or of low resolution, the images might look blurry and of poor quality on the home and archive pages.

Theme Customizer

With the Theme Customizer, you can set your title and tagline, upload a logo, 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. You can use the default header image or upload one of your own. Header images should be sized at 1200 px wide by 500 px tall. The site description appears in an overlay in this header image area. All the interior single pages/posts will use the Featured Image as the Header image on the top. If you prefer that your Custom Header Image replace the Feature Image area on single posts and pages, visit the Theme Customizer page and make sure the option to show the header image is checked.


Full Frame supports these widgetized areas above the footer area: Footer Left, Footer Center, Footer Right. Learn more about using Widgets on WordPress.com.


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.

Learn more about creating menus on WordPress.com.

Social Media Icons

Full Frame supports the following social icons: Twitter, Facebook, WordPress, Google Plus, LinkedIn, Pinterest, Flickr, Vimeo, YouTube and Tumblr.

To create a Facebook link icon do the following:

  1. Visit the Appearance -> Menu page
  2. Create a Custom Link called Facebook and paste the URL to your Facebook page
  3. Click the “Add to Menu” to add your Facebook menu link to a menu
  4. After the Facebook menu item has been added, click the Screen Options link at the top right of the page. (See this screenshot for help.)
  5. Under the “Show Advanced Menu Options” section, make sure CSS Classes is checked. This will add a new input field called “CSS Classes” for each menu item below.
  6. Toggle open the Facebook link that you added above.
  7. In the CSS Classes input field, add “facebook” as the css class.
  8. Repeat this for using any of the corresponding class names: twitter, facebook, wordpress, google-plus, linkedin, pinterest, flickr, vimeo, youtube and tumblr.

See this screenshot of a correctly filled out menu for showing Facebook, Twitter and Vimeo icons.

Text Options

The Text Options feature allows you to alter the positioning of the text that overlays your images on the homepage and archive pages. This gives you maximum creative control over the presentation of your posts. For example, if the subject of the featured image is left aligned, you might want the text to overlay the image on the right. You can choose from Default, Left, Center, Right or Full Width alignment options. The Text Options feature is located in the right column underneath the Featured Image metabox.

Featured Images

This theme relies heavily on Featured Images. The Featured Image will become the background image of the post on the Home and Archive pages. On single entry pages, the Featured Image will be set behind the title, which sits above the actual post content. If your post is missing a Featured Image, the default background image will be shown.

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.

Learn more about setting Featured Images on WordPress.com.

Post Formats

Full Frame supports the following post formats — aside, standard, image, gallery, video, quote — which are unique layouts for specific types of posts. This will allow you to display a separate layout depending on whether you want to display a gallery or standard text and images on your site.

* 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. Be sure to assign a Featured Image for that post. For best results, use images that are at least 1200 pixels wide.

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

Learn more about using Galleries on WordPress.com.

* 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. Learn more about inserting videos on WordPress.com.

* Quote Post Formats – Create a post and assign it to the Quote Post Format. Highlight the text that you want to offset in a quote and click the *blockquote* button to apply blockquote styling to the quoted text. To get a separate style for the author, simply add the Author name like this `<cite>Author Name</cite>`.

Embed Video 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.*

Learn more about using video on WordPress.com.