Post Templates

Parallax Image Post Example

In this template, the image spans the entire width of the page, and the post content overlaps the image. Make sure to pick an image with the focal point in the bottom half of the graphic. The top half will be cropped off. An additional featured image is needed for this template that will be displayed on the blog roll. The idea of parallax design is simply an awareness of movement. Parallax background effects are created when users scroll between the page content and a background that moves when scrolled past. Make sure to make the blog pages usable yet still creative by following these guidelines for the featured images when using the new parallax backgrounds templates:

  • Use high-quality images that tell the story rather than distract from it.
  • The focus of the image should be in the top center of it. Clearly illustrate the point.
  • Content is the center of the story. Parallax backgrounds are used to highlight the post key message in an engaging fashion and should not overtake the content.
  • Consider the audience’s bandwidth. The parallax effect can sometimes result in a very image-heavy website design. This can be a show stopper for users with a slower internet connection.
  • Mobile Audience. Our websites are responsive, when the tablet or mobile viewport is detected; the static version of the post is loaded instead of the parallax version.

Note: The background image size must be at least 1200 X 560 pixels.

Parallax Transparent Post Example

In this template, the image becomes the background for the Post and content scrolls over. Be sure to select an image where the focal point is in the lower center of the photo. The top and sides of the image will be cropped by the template. An additional featured image is needed for this template that will be displayed on the blog roll. The idea of parallax design is simply an awareness of movement. Parallax background effects are created when users scroll between the page content and a background that moves when scrolled past. Make sure to make the blog pages usable yet still creative by
following these guidelines for the featured images when using the new parallax backgrounds templates:

  • Use high-quality images that tell the story rather than distract from it.
  • Clearly illustrate the point.
  • Content is the center of the story. Parallax backgrounds are used to highlight the post key message in an engaging fashion and should not overtake the content.
  • Consider the audience’s bandwidth. The parallax effect can sometimes result in a very image-heavy website design. This can be a showstopper for users with a slower Internet connection.
  • Mobile Audience: Our websites are responsive, when the tablet or mobile viewport is detected, the static version of the post is loaded instead of the parallax version.

Note: The background image size must be at least 1772 X 827 pixels.

Full Width Image Post Example

In this Post, the Featured Image spans the width of the page, and the content and sidebar items begin below the image. Make sure to make the blog pages usable yet still creative by following these guidelines for the featured images when using the new parallax backgrounds templates:

  • Use high-quality images that tell the story rather than distract from it.
  • Clearly illustrate the point you’re trying to make.
  • Content is the center of the story.
  • Consider the audience’s bandwidth.

Note: The featured image size must be at least 940 X 439 pixles.