Branch.

Getting Started Guide

Bondi
A getting started guide to help you get the most out of your new Weebly theme.
The following documentation covers theme installation, custom options, widget package usage and theme speci!c instructions - you are encouraged to read this document thoroughly before proceeding with the installation and editing of your theme.

Thank you for choosing Theme Penguin!

Bondi. Getting Started Guide 1. 2. Theme Installation Theme Features

2.1 Theme Options 2.1.1 Social Icons 2.1.2 Uploading Parallax Background Images Page Layouts 2.2.1 Responsive Columns Widget Package 2.3.1 Buttons 2.3.2 Accordion, Message Boxes, Toggle 2.3.3 Divider

3 4
4 4 5 6 6 6 6 7 7

2.2

2.3

3.

SEO Tips

Copyright Theme Penguin

Bondi. Getting Started Guide

1. Theme Installation
The !rst step in installing this theme is to open up the Weebly website that you wish to apply this theme to - within the Weebly Editor, navigate to: Design ! All Themes ! My Custom Themes ! Import Theme Click Upload Theme to browse and then select bondi.zip - this can be found within the unzipped set of !les, alongside the documentation, licensing information and the widget package. The Weebly Uploader will then begin to install the theme, if the theme has been correctly installed you will see the following con!rmation message: Success: Theme successfully imported Once successfully installed, you will need to refresh your Weebly editor, you can do this by clicking o" the 'My Custom Themes' tab. When you go back to this tab, your new theme will appear as a thumbnail. Hover over this thumbnail, click: Preview ! Use Theme - this will apply the theme to the website you have selected to edit. You can apply the theme to any website you have created in your Weebly account.
Note: If you experience di$culties in installing the theme, visit the Theme Penguin knowledgebase at http://kb.themepenguin.com - here you will !nd installation steps complete with step-by-step screenshots and troubleshooting solutions.

* Pro Site Search is not compatible with Bondi due to the use of parallax scrolling and Weeblys in#exible site search function.

Copyright Theme Penguin

Bondi. Getting Started Guide

2. Theme Features
The theme is packed with features designed to provide greater functionality. This section will explain the theme-speci!c features and how to use them correctly.

2.1

Theme Options

Each theme comes with a set of custom options. Below you will !nd instructions on how to use them within this theme.

2.1.1 Social Icons

All of Theme Penguins products provide support for Weebly Social Icons element - in Bondi, you can drag and drop the social icons into the footer region of the theme.

Copyright Theme Penguin

Bondi. Getting Started Guide

2.1.2 Uploading parallax background images
Bondis parallax scrolling functionality requires that you upload your own images via the Weebly Theme Editor. To do this, take the following action: Design tab ! Edit HTML/CSS ! main-style.css From here you can upload your desired images by clicking Add New Files - all images should be at least 1500px wide and 960px in height. Once you have uploaded your images, you will need to reference the image names in the adjacent main-style.css !le. To do this, replace the placeholder.png references in the css !le - see the screenshot below for clari!cation on which areas of code to change. (Line 16) - replace placeholder.png which your header image. (Line 23) - replace placeholder.png which your !rst parallax image. (Line 27) - replace placeholder.png which your second parallax image. Click Save to ensure these changes take e"ect.

Copyright Theme Penguin

Bondi. Getting Started Guide

2.2 Page Layouts

Each theme comes with a variety of page layouts. All themes contain #exible footers and some provide an optional sidebar.

2.2.1 Responsive Columns

As Bondi is a fully responsive theme, there are a total of 7 page layouts.
index.html - for use as the homepage with parallax scrolling. blog.html - for use with Weeblys blog functionality. full-width.html - required when displaying content in a single column three-columns.html - required when displaying content in 3 columns two-columns.html - required when displaying content in 2 columns multi-column.html - display content on a page in various columns widths sidebar.html - creates a large content area with a right-hand sidebar

Layouts can be applied to your pages via the Pages tab in your Weebly editor. Responsive columns will allow you to easily drag and drop content into the columns which will ensure all content is formatted correctly across devices.

2.3

Widget Package

Each theme comes with a set of custom widgets - information on how to use theme can be found in the Widget Package document.

2.3.1 Buttons
All of Theme Penguins themes provide support for Weeblys button element. Buttons can be dropped into place by dragging the element from the Basic Elements tab.

Copyright Theme Penguin

Bondi. Getting Started Guide

2.3.2 Accordion, Message Boxes, Toggle
These widget can be found within the widget package as contained with unzipped set of !les. Instructions on adding these widgets to your website can also be found within the widget package (.rtf)

2.3.3 Divider
All Theme Penguin themes include a styled line break element - this element requires no additional coding and has been pre-applied to the theme and so dragging and dropping the Divider element will display the styled line break.

Copyright Theme Penguin

Bondi. Getting Started Guide

3. SEO Tips
Below Theme Penguin shares some key information about the best way to obtain organic tra$c. Organic tra$c growth isn't the quickest method for indexing your websites in search engines, but it is a more e"ective and a"ordable solution. Take advantage of Google Webmaster Tools, which is a free program that will give your access to multiple resources that will help to index your website on Google. You will be able to submit your website URL to Google and provide it with key information about your website, such as a sitemap. You can also view data regarding search tra$c and search engine crawling. Dont just rely on Google, you can submit your website to Bing and Yahoo. Whilst Google is responsible for more than 80% of searches conducted on the web, Bing and Yahoo account for nearly 10% of the total search engine market share. Take advantage of Weeblys e"ortless SEO integration. Under the Settings tab, you will see an area labelled Search Engine Optimization. Create an e"ective site description with at least one keyword pertaining to your website. Meta keywords can also be inputted - but there is no evidence to suggest Google uses this data. Under the pages tab you can also input further data for each page on your website. Once again, use this feature and think carefully about your choice of description and keywords. Remember the Alt attribute! The alternative attribute is picked up by most search engines and so be sure to create an Alt tag for any images you upload. Just one or two words that explain what the picture is illustrating. In-bound links. This is one of the most e"ective ways to increase your tra$c and in turn bump your website up the search rankings. By sharing your website URL on reputable sites, such as social media platforms, your website will picked up by search engines much more quickly. Make sure people know the value of your content!

Copyright Theme Penguin

Bondi. Getting Started Guide

Choosing the right domain. If you have not done so already, it is worth investing a small fee in order to setup a unique domain name. A strong domain name dramatically increases the likelihood of your website generating greater levels of tra$c. When choosing a domain name consider the following:
! Have I included a keyword within the domain? Identify a keyword pertaining to your website and make sure it is somewhere within your domain. ! Keep it short. Dont be tempted to purchase a long domain name in the hope that it will increase the chances of it being indexed by search engines. By keeping it brief, it will be more memorable to visitors and you are more likely to attract repeat visits. ! Pick an appropriate domain su$x. If you are based in the UK, targeting predominantly UK visitors, it is probably not worth purchasing a .com domain but rather a .co.uk domain. In the USA, .com reigns king!

By following a few basic principles you can use SEO with greater e$ciency and give your website every chance of climbing the search rankings.

Copyright Theme Penguin