Talon

0. Introduction

Most of the content on this page shows how you can build an website for your business using the Talon WordPress theme and the Page Builder by SiteOrigin plugin. If you're just running a blog powered by Talon then you can skip most of this page.

As a complementary resource, you can also use the Interactive Help for the Talon theme.

1. Quick start guide

a. Install the theme

Themes > Add New > Upload Theme > Choose File

b. Install plugins

Install and activate aThemes Toolbox and the Page Builder plugins (they show up as recommended when you activate the theme).

c. Import demo content (optional)

Option 1 (automatic) Install this plugin and then navigate to Appearance > Import Demo Data. It will import all demo content and change your homepage and blog page to the ones from our demo site. It will also assign a menu.

Option 2 (manual) Demo content available here. Help with this is here.

2. Documentation

a. Importing the demo content

Note that this is not a mandatory step. You should only do it if you want to import all the content from our demo site. It won't affect your existing content, it will just add to it.

Go to your admin area then Tools > Import > WordPress and select the demo content file

Note: Make sure the recommended plugins are installed and activated before you begin importing the demo content.

b. Setting a static front page

Setting a static front page allows you to add static content on your homepage and thus create a business layout similar to our demo site. This is what you want to do in case you don't want to show only your latest posts on your homepage.

Note 1: if you've imported the demo content, you already have the Homepage and Blog pages created for you automatically. So you just need to assign Homepage to Front page and Blog to Posts page from Customize > Static Front Page. No need to recreate them.

Note 2: In this video you can see the Page Builder template being applied to the homepage. Please note that this template can be applied on any page where you want to use the Page Builder, not just the homepage.

c. Creating services/employees etc.

Once you have the aThemes Toolbox plugin installed, here's how you can create services, employees, projects, testimonials and clients. This is the custom content that our widgets will pull and display.

d. Adding blocks to your pages

In this video you can see how you can add blocks to your homepage or to the rest of the pages that you're building with the Page Builder.

e. Row and widget styling

Row styling includes setting a background color or image, setting a color and more. This video shows you all you need to know about individual row styling.

f. Selecting fonts

Talon offers easy access to the whole Google Fonts collection. You get to manually pick the font family, sets, weights etc.

g. Anchors

See how you can create anchors and link to them from the menu or other buttons. This is how you would achieve same page scrolling.

h. Image sizes guide

Here are the image sizes used throughout the Talon theme:

  1. Slider: there is no registered image size for the slider, but it is recommended that you use images of around 1920x1080 pixels. Considering that these images tend to have a large file size, it is recommended that you optimize them with Kraken or a similar service.
  2. Services, employees, clients: the image size is 200 x (auto height). The handle is talon-home-small.
  3. Projects, home blog widget: the image size is 280 x 280px (cropped). The handle is talon-home-large.
  4. Testimonials: the image size is cropped at 36 x 36px. There is no handle.

Please note: if you want, you can change these image sizes by using a plugin Simple Image Sizes.

i. Icons

Here you can find all the theme bundled icons.

If you want more icons, all you need to do is go to Customize > Icons and add a CDN link to the icon pack you want to load. A popular examples is here.

Please note: To use the new icons you've loaded manually, please refer to their documentation. For example, if you load FontAwesome: instead of adding in the format icon-mobile, you'll be adding in the format fa fa-flag.