Full Frame

$75

full-frame-wordpress-theme-homeFull Frame is a single column, full-width theme for showcasing your beautiful images, galleries, videos from edge to edge. Full Frame is responsive and adapts to different screen sizes so that your website will work (and be optimized for) iPhones, iPads, Android and other mobile devices. Full Frame removes unnecessary clutter and puts the spotlight on your content. Check out the live theme demo to see Full Frame in action.

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.

Post Formats

Full Frame supports six post formats. Each post format further alters the way the post is displayed so you can present images, galleries, videos and quotes in powerful, unique ways.

Standard Post Format

full-frame-standard-format

The design of the standard post format shows the post title, date, excerpt and featured image. The Text Options feature (see above) allows you to further adjust the positioning of the text that overlays the featured image. Sweet, eh?

Image Post Format

full-frame-image-format

The image post format shows the post title and date. It doesn’t show the excerpt. You can see in the screenshot above why Text Options are so useful: An image with a right aligned subject would call for left-align text.

Gallery Post Format

full-frame-gallery-format

Like the image post format, the gallery post format shows the post title and the date, but not the excerpt. The example above shows a gallery inserted using the Tiled Gallery” option.

Video Post Format

full-frame-video-format

Like the image and gallery post format options, the video post format shows the post title and date but not the excerpt. The first embeded video is shown as the main content, with the featured image set as the post background image on the home and archive pages.

Aside Post Format

full-frame-aside-format

The aside post format shows the post excerpt and date. The title is not shown. The example above uses the Text Options to float the text box to the right so that it balances the post layout and doesn’t interfere with the image content.

Quote Post Format

full-frame-quote-format

The quote post format shows the content of the post in a blockquote-style design. You can further alter the layout and design of posts assigned this format by using the text options feature.

Arrow & Keyboard Navigation

full-frame-keyboard-navigation-icon

Use either the arrow keys on your keyboard or the arrow icons at the top right of the theme to navigate up and down between posts appearing on the home and archive pages. Nifty, eh?

Custom Headers

full-frame-header-image

Full Frame supports custom headers, too! If you add a header image, the site description will be shown on top of the header image. Use the site description to introduce your site to your visitors.

Custom Backgrounds

full-frame-custom-brackgroundFull Frame supports custom backgrounds. If you don’t set a featured image for each post, the custom background will show directly behind each post. This gives you creative control when your posts and pages don’t have featured images.

Theme Customizer

Full Frame integrates nicely into the theme customizer and includes two additional options: Logo upload and an option use your custom header image on all posts and pages.

Widgets & Menus

Full Frame has three widgetized areas: Footer Left, Footer Center, Footer Right. Add widgets to all, some, or none of the widgetized areas to customize the layout.

Social 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 Twitter (add “twitter”) and Vimeo (add “vimeo”) menu links.

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

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.

Widgets

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

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.

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.