Lesson 2: Branding your site

A clear brand will be key to the success of your job board. JobBoard.io provides easy to use tools to quickly make updates to your site. Advanced users will have the ability to add Custom CSS, HTML, and even JavaScript to more extensively customize their board.

Upload Your Logo

Your logo will be one of the first things that visitors to your site notice. We'll also use this logo to brand outgoing e-mails.

1. In your JobBoard.io admin panel, Navigate to Site Config.
2. Choose the Main tab.
3. Scroll down to Site Logo and click Upload Image. For best results, ensure that your logo does not contain any extra white space.
4. Press Save at the very bottom of the page.

Upload a Favicon

A Favicon is the small logo that appears in browser tabs for your page. We'll use the JobBoard.io briefcase as the default Favicon, but if you'd like you can upload your own. For best results, use a square image. You'll find the field to upload your Favicon just a bit below the Site Logo field.

1. In your JobBoard.io admin panel, Navigate to Site Config.
2. Choose the Main tab.
3. Scroll down to Favicon and click Upload Image.
4. Press Save at the very bottom of the page.

SEO Title and Description

By completing an SEO Title and Description, you'll be able to supply search engines with information about your site for use in their search results pages. You'll want to be sure these are descriptive of your site to let potential visitors know what they'll find when they click your links in their search. Search engines sometimes further optimize these titles and descriptions, so you may sometimes see some variation when performing searches.

1. In your JobBoard.io admin panel, Navigate to Site Config.
2. Choose the Main tab.
3. Complete the SEO (Meta) Title and SEO (Meta) Description.
4. Scroll to the bottom of the page a click Save.

Choose Your Site's Theme

JobBoard.io offers a number of preset themes with various colors and fonts. Choose the theme that most closely matches your brand identity.

1. In your JobBoard.io admin panel, Navigate to Site Config.
2. Choose the Themes & Customization tab.
3. Open the Site Theme drop-down, and select a new theme.
4. Scroll down and Save.
5. Changes to the Theme will immediately take effect on your site. Click the link for your site in the top right of your Admin panel to review the changes.
6. Repeat this process until you settle on the theme that fits you best!

Select a Site Header

The header will appear at the top of every page on your site, so it's important that it fits the layout you've envisioned. The process for setting your header will be very similar to choosing a theme.

1. In your JobBoard.io admin panel, Navigate to Site Config.
2. Choose the Themes & Customization tab.
3. Open the Site Header drop-down, and select a new header.
4. Scroll down and Save.
5. Changes to the Header will immediately take effect on your site. Click the link for your site in the top right of your Admin panel to review the changes.
6. Repeat this process until you settle on the header that looks best!

We'll update the header links in the next lesson.

Set Your Site Language

It's important to have your site looking great, but your visitors will need to be able to understand your content too! JobBoard.io offers several language settings so you can localize your site for your audience. The languages currently offered are Danish, Dutch, English, French, German, Italian, Portuguese, Spanish, and Swedish.

1. In your JobBoard.io admin panel, Navigate to Site Config.
2. Choose the Main tab.
3. Select your language in the Site Language dropdown.
4. Scroll down and Save.

The changes will take effect immediately, but there will probably still be some areas of your site that you notice are displayed in English. We'll be updating these areas in the remainder of these lessons.