Forefront

$175

forefront-front

Forefront is a fully responsive theme that helps you to create a strong–yet beautiful–online presence for your business. Forefront’s layout adjusts itself depending on the device you are using. This means your site will look good not only on laptop browsers, but also on devices with smaller screens, such as the iPad and iPhone.

forefront-responsive

Custom Page Templates

Forefront has three custom page templates that are great for business and corporate websites.

Front Page Template

As the name suggests, this template is perfect for the front page where you can introduce your business to the world. Rich, powerful, and flexible, the front page template includes three optional widget areas, a big leading image with a call-to-action, and two testimonials. (See the image at the top.)

When you first activate Forefront, you’ll see your posts in a traditional blog format but if you’d like to use this template as the front page of your site, here is the instruction.

  1. Create or edit a page, and assign it to the Front Page template from the Page Attributes module.
  2. Go to Settings → Reading and set “Front page displays” to “A static page”.
  3. Select the page you just assigned the Front Page template to as “Front page” and then choose another page as “Posts page” to serve your blog posts.

Grid Page Template

The grid template is great for a portfolio page, a case study page, or a page to introduce your team members.

forefront-grid

Full Width Page Template

The full-width template gives you plenty of space to embed a map of your office or showreels.

forefront-full-width

Testimonials

Testimonials from happy customers and clients are important to include on your site to establish trust and encourage potential customers. With Forefront, you can add testimonials easily by going to Testimonials → Add New. You can also add an optional customer image or logo as a featured image.

forefront-tesrtimonial

Two randomly chosen testimonials appear on the front page template so that every testimonial has an equal chance to be there. All testimonials are displayed in a testimonial archive page.

Where is the Testimonial archive page?

Let’s say you have a WordPress.com site at:

http://mygroovysite.wordpress.com/

The URL of the testimonial archive page will be:

http://mygroovysite.wordpress.com/testimonial/

Using the URL as a custom link, you can add a link to the testimonial archive page to your Custom Menu.

Customizing the Testimonial archive page

Once you have published a testimonial, under the Testimonials menu in the Dashboard, you will see a link that takes you to the Customizer where you can edit the page title, add an intro text and a featured image.

forefront-customizer-testimonial

Connect

If you connect your site to popular social networking sites such as Facebook, Twitter, LinkedIn, Google Plus or Tumblr with Publicize in Setting → Sharing, you can display links to your profiles on those sites from the Connect in the Customizer.

forefront-customizer

forefront-social

Widget Areas

Widgets are flexible and great tool to customizing your sites.

Forefront offers four widget areas:

  • Sidebar widget area which appears on the right.
  • Optional footer widget area.
  • Two optional widget areas on the front page template.

Custom Header and Logo

Want to upload your logo? Sure thing! Forefront supports a flexible custom header image with a maximum width of 330 pixels, which you can configure under Appearance → Header.

Customize Even More

Of course Forefront supports Custom Backgrounds so that you can change the background color or image as a background of your site. When you add the Custom Design upgrade, you can change fonts and some key colors so that your site fits with your corporate identity.

Quick Specs (all measurements in pixels)

  1. On single posts and the default page template the main column maximum width is 600.
  2. On the full width page template the main column maximum width is 1050.
  3. The featured image works best with images at least 1230 wide for pages, 810 for posts.

Forefront is a fully responsive theme that helps you to create a strong–yet beautiful–online presence for your business. The following instructions will help you setup Forefront so your site looks like the demo site.

Using a Custom Front Page Template

forefront-featured

As the name suggests, this template is perfect for the front page where you can introduce your business to the world. Rich, powerful, and flexible, the front page template includes three optional widget areas, a big leading image with a call-to-action, and two testimonials. (See the image above.)

When you first activate Forefront, you’ll see your posts in a traditional blog format but if you’d like to use this template as the front page of your site, here are the instructions.

  1. Create or edit a page, and assign it to the Front Page template from the Page Attributes module.
  2. Add an introduction to your site. For best results, we’d recommend a couple paragraphs.
  3. If you would like to add a “call to action” button like the demo site, use a CSS class: button.
  4. The image behind this text is added as a featured image of the page. Learn more about adding featured images.
  5. Go to Settings → Reading and set “Front page displays” to “A static page”. Learn more about setting up a front page.
  6. Select the page you just assigned the Front Page template to as “Front page” and then choose another page as “Posts page” to serve your blog posts.

Front Page Widgets

Now that you have set your home page, you can go to Appearance > Widgets and set your widgets for ‘front page area one’ and ‘front page area two’. ‘Front page area two’ widget section displays below ‘front page area one.’ For best results, it’s recommended to set three widgets for each section.

Setting Up The Blog Page

To setup your blog page, simply create a new page called ‘blog’ or whatever name you like. Go to Settings → Reading and under ‘Front page displays’ set ‘posts page’ to the page you want as your blog page.

Setting Up The Grid Page Template

  1. Create or edit a page, and assign it to the Grid Page template from the Page Attributes module.
  2. This page displays all child pages of this page with featured images in a grid. It’s perfect for your Case Studies, Team, or Services page for instance. Learn more about creating pages and sub-pages.

forefront-grid

Setting Up The Full Width Page Template

Create or edit a page, and assign it to the Full Width Page template from the Page Attributes module.

forefront-full-width

Testimonials

Testimonials from happy customers and clients are important to include on your site to establish trust and encourage potential customers. With Forefront, you can add testimonials easily by going to Testimonials → Add New. You can also add an optional customer image or logo as a featured image.

forefront-tesrtimonial

Two testimonials appear on the front page template. All testimonials are displayed in a testimonial archive page.

Where is the Testimonial archive page?

Let’s say you have a WordPress.com site at:
http://mygroovysite.wordpress.com/

The URL of the testimonial archive page will be:
http://mygroovysite.wordpress.com/testimonial/

Please note: the URL for the testimonial archive page must end with /testimonial/ (as shown in the example above) for the page to display testimonials properly.

Using the URL as a custom link, you can add a link to the testimonial archive page to your Custom Menu.

Customizing the Testimonial archive page

Once you have published a testimonial, under the Testimonials menu in the Dashboard, you will see a link that takes you to the Customizer where you can edit the page title, add an intro text and a featured image.

forefront-customizer-testimonial

Connect

If you connect your site to popular social networking sites such as Facebook, Twitter, LinkedIn or Tumblr with Publicize in Setting → Sharing, you can display links to your profiles on those sites from the Connect in the Customizer.

forefront-customizer

forefront-social

Widget Areas

Widgets are flexible and great tool to customizing your sites.

Forefront offers four widget areas:

  • Sidebar widget area which appears on the right.
  • Optional footer widget area.
  • Two optional widget areas on the front page template.

Custom Header and Logo

Want to upload your logo? Sure thing! Forefront supports a flexible custom header image with a maximum width of 330 pixels, which you can configur under Appearance → Header.

Customize Even More

Of course Forefront supports Custom Backgrounds so that you can change the background color or image as a background of your site. When you add the Custom Design upgrade, you can change fonts and some key colors so that your site fits with your corporate identity.