Sealight

Important: This theme was retired in April 2013. Documentation is no longer being updated.

Installation ↑ Back to top

After installing and activating the theme, go to Settings > Permalinks and click the Save Changes button, even if there have been no changes. This registers the custom post types used in the theme.

Go to Settings > Reading and set front page to display Your latest posts if you previously had a static page as your front page.

Home page layout ↑ Back to top

The homepage has a featured area, mini-features area, home sidebar and a widgetized footer.

Setting up the home page ↑ Back to top

Once you have installed the Sealight theme on your website, you’ll see a custom panel called Sealight in the Wordpress admin menu, with theme options. You’ll also see 3 custom post type panels that appear in the backend menu — Slides, Info Boxes and Testimonials.

SealightThemeOptions

Setting up the featured slider ↑ Back to top

The home page featured slider pulls the custom “slides” post type. The number of slides depends on how many slides you have published. You can set the animation speed, auto start and slide interval under the theme options.

The featured slider theme options

Adding a slide

To add a slide:

  1. Go to Slides > Add New.
  2. Enter a title for the slide and the body content.
  3. Add a “Slider Image” in the Custom Settings panel if you want to display an image in the slide.
  4. Publish.

Add buttons to the featured slides

To add a button to a slide in the featured slider, add a button text and button link in the “Sealight Custom Settings” panel when adding/editing a slide.

Add video to featured page

Adding video is similar to adding an image. Use the Embed field in the Custom Settings panel, and add the embed code.

Setting up information boxes ↑ Back to top

The home page information boxes also use custom post types and pulls in the custom Info Boxes. The number of info boxes depends on how many “Info Boxes” you have published.

Enable the info boxes area on the home page under the “Homepage” theme options. You can also add two pieces of content from WordPress pages to the home page if you specify the page IDs of the pages you wish to display.

Enabling the home page info boxes.

Adding an info box

To add an info box:

  1. Go to Info Boxes > Add New.
  2. Enter a title for the Info Box and the body content.
  3. Add a “Info Box Icon” in the Custom Settings panel if you want to display an icon next to the slide.
  4. Publish.
Adding an info box

Read More links

Info Boxes are publicly query-able and will produce a inner single pages, unlike slider and testimonial posts. When you publish an info box, the ‘Read More’ link will point to it’s permalink, taking you to the single.php template showing the corresponding data. This ‘Read More’ link can either be removed or substituted with a custom URL link.

Info Boxes on the Homepage – Visibility and Order

By default all info boxes are set to appear on the Homepage. To hide certain info boxes from the homepage, you need to check the “Hide on Homepage” box. This will hide boxes from the homepage.

All info boxes are ordered by date ascending. If you want to change order, update the info box publish dates to the order you want them to appear.

Custom Permalinks

When you publish an info box the resulting page created acts like a post page. There is a single.php template available for it and will also come with it’s own unique URL. If you choose to use this page in your theme. Eg. “http://mysite.com/infobox/waterproof” you might want to make it more tailored to your needs. Eg: “http://mysite.com/features/waterproof”. This can easily be achieved with the custom URL / Permalink option.

Create a unique URL structure

Adding the Info Boxes page template

There is a button on the Sealight home page below the info boxes called “View all features” (see demo). When you click on that button it takes you to a page dedicated to all the info boxes you have added.

To add the dedicated info box page:

  1. Go to Pages > Add New.
  2. Enter a title for the Info Box page. Leave the post’s body content empty.
  3. Set the template to Info box template.
  4. Publish.
Adding the info box page template

Setting up the testimonials ↑ Back to top

The home page testimonials also use custom post types and pulls in the the custom Testimonials. The number of testimonials depends on how many Testimonials you have published.

Enabling the home page info boxes.

Adding a testimonial

To add an info box:

  1. Go to Testimonials > Add New.
  2. Enter a title for the Info Box and the body content.
  3. Skip the Sealight Custom Settings options.
  4. Publish.
Adding a testimonial to the home page of Sealight

Widgets ↑ Back to top

There are eight custom widgets you can add to widgetized areas:

  • Woo – Flickr
  • Woo – Adspace
  • Woo – Search
  • Woo – Blog Author Info
  • Woo – Custom Nav Menu
  • Woo – Network
  • Woo – Tabs
  • Woo – Twitter Stream

Supported Plugins ↑ Back to top

Yoast Breadcrumbs ↑ Back to top

Add breadcrumbs to your Woo template to show your site visitors exactly where they are on your site. If you’re using one of the supported WordPress frameworks, you need only to install and enable the plugin, then tick the “Try to add automatically” box.

After the Breadcrumbs installation, enable this functionality on all pages

Download the plugin from the WordPress plugin directory.

Page Navi ↑ Back to top

Page Navi adds a more advanced paging navigation to your Woo site. By default you’ll see the “Previous” and “Next” buttons to navigate to older/newer blog posts in the archives. With Page Navi you can navigate via the number of archived blog post pages there are.

Download the plugin from the WordPress plugin directory.

WooCommerce - the most customizable eCommerce platform for building your online business.

Back to the top