Documentation

Congratulations on your purchase of Locale!

The following information provides you with a complete installation and user guide. Further help is available by submitting a support ticket for 24 months after purchase of a Single-User License, and indefinitely after the purchase or, or upgrade to a Developer License. We try to answer all requests for support within 24 hours, but please note that we will not guarantee to help if you have, in any way, had changes made to the theme’s source-code, or if the theme fails to work because of third-party plugins.

1. Installation
1.1 – Installing Locale

Locale requires the following to ensure that it runs properly on your server:

PHP v. 5.2.28 – PHP v. 7x
WordPress v.4 or higher.

Please note that Locale is under constant development, so it is wise to upgrade the latest version of WordPress as and when it becomes available.

Before installing Locale, you must have WordPress installed on your server. There are 2 ways to install the theme.

FTP Upload – Unzip the download and upload the theme directory /locale/ into your WordPress themes directory /wp-content/themes/

WordPress Upload – Navigate to Appearance › Add New Themes › Upload. Click the “browse” button and find the zip file locale.zip. The theme will then be uploaded and installed. Locale comes with 2 pre-packaged plugins that are essential to it functioning correctly. Once the theme is installed a message will be displayed at the top of the admin screen telling you to install the required plugins. Follow the instructions on the screen to install and activate the 2 plugins, Locale Functions and Locale Shortcodes.

You will also need to install and activate the Google API Key plugin, since recent changes in Google´s regulations require you to generate and use a key. Simply follow the link on the plugin screen (under Settings >> Google API Key), and follow the onscreen instructions, choosing My Projects from the dropdown menu.

We recommend using the free plugin “Contact Form 7” to create contact forms. You are given the option of installing it too.

1.2 – PAGE AND BLOG SETUP

Create pages by navigating to Pages › Add New. Enter a title for the page and add content in the editor window. If you want your homepage to display a page rather than the blog, you must first create a page for your homepage. You will also need to create a page that will display your blog posts. Once these have been created, go to Settings › Reading and set “Front page displays” to “A static page”. Choose the home page you just created as the “Front page”, and the blog page you created as the “Posts page”. Save your changes. Now your home page will correctly display as the front page of your website and the blog page will contain all of your posts.

1.3 – Updating Locale

You can download the latest version of Locale by logging into wp-locale.com and navigating to your account page on wp-locale.com at http://wp-locale.com/your-account/

There you can either download the full package and extract the installable zip file, or you can download the installable theme zip file.

To install via FTP:

In your FTP client navigate to the folder “wp-content/themes/” and delete the folder “locale”. None of your settings or content will be lost by doing this.

Upload the unzipped “locale.zip” contents to the “wp-content/themes/”.

Once uploaded, navigate to “wp-content/plugins/” and delete all installed Locale plugins. These could include “Locale Functions”, “Locale Shortcodes” and “Locale Slider”. (Locale Slider plugin is redundant since v1.1.0).

Once you have deleted the plugins go to your WordPress admin and refresh. You may have to activate Locale in “appearance/themes” again. Once the theme is activated a message will be displayed at the top of the admin screen telling you to install the required plugins. Follow the instruction son the screen to install and activate the 2 plugins, Locale Functions and Locale Shortcodes.

To install via WordPress admin:

You need to deactivate the current “Locale” theme in the “appearance > themes” section of your admin panel by simply activating a different theme. Once you activate a different theme, you can simply delete the current “Locale” theme. None of your settings or content will be lost by doing this.

Navigate to “plugins > installed plugins” and deactivate all installed Locale plugins. These could include “Locale Functions”, “Locale Shortcodes” and “Locale Slider”. (Locale Slider plugin is redundant since v1.1.0).

In the “appearance > themes” page click on the “Add New” button at the top and upload the locale.zip file you downloaded from wp-locale.com. Once it has uploaded choose to activate the theme.

Once the theme is activated a message will be displayed at the top of the admin screen telling you to install the required plugins. Follow the instruction son the screen to install and activate the 2 plugins, Locale Functions and Locale Shortcodes.

1.4 – Google Maps API

Since 2016, Google requires all map users to have their own API key for maps to function on websites. Locale provides a plugin for this, which you should check is activated, but please note that you will need to set up a Google account if you do not already have one. It is also important to get your API before installing the demo content (see point 1.4 below).*

You will find the plugin settings in the left-hand menu.

To install:

  1. Click on the link to get your API key. This will open a new browser window.
  2. Choose “Create a project”.
  3. Click “Continue”.
  4. You will be taken to the Credentials screen. This can take some seconds whilst everything is generated.
  5. Click on the blue “Create” button. If you need to add restrictions, choose one of the options provided.
  6. A popup will be created with the API key. Just copy the code and return to your Locale Google API page, and paste in the API.
  7. Click “Save Changes”.

It isn’t necessary to give your project a name, but if you are running several websites using Google Maps, it is recommended that you create one for each with differing names, which you can assign under the menu provided by Google. The reason for this is to ensure that your map usage does not exceed any limits Google imposes.

*Please note: Locale will happily provide an API key for customers who do not wish to to have a Google account, but will not be responsible or liable should the key fail to function if Google’s policies change. It is therefore highly recommended that customers create their own accounts. Your Google account will also provide you with unlimited webmaster resources that are useful, inter alia, in search engine optimization.

1.5 – Importing Demo Content

In the WordPress admin, navigate to “Locale > Demo Importer” and select the Locale demo you wish to import from the dropdown field. Then click the “Import Demo” button. A pop up message will appear asking you if you want to import the demo. All existing theme options will be written over when importing, so export your current settings to a file if you wish to keep them.

The importer first imports all the posts, pages, projects, media etc. and can take several minutes so please be patient. It then imports and overwrites the theme options.

You will see a message to “Regenerate Thumbnails”. Click the link to install the plugin. Then go to “Tools > Regen. Thumbnails” and choose to “Regenerate All Thumbnails”. Depending on the server’s speed, this may take several moments to complete.

1.6 – Demo Importer Fails or Duplicate Menu Items Occur

Resetting duplicate plugins

When you import our demo content it can take several minutes depending on the speed of your server. Each time the button is clicked it will import the content, so if it is clicked twice it will import everything two times. There are two ways to get rid of duplicate content.

Method 1: WP Reset Plugin – This plugin is the fastest way to get rid of content. However, it will remove all content from your database and leave the default theme activated. It does not remove plugins, but will deactivate them and remove all pages, posts, menus, sliders, widget data, theme options, etc. Basically it removes all the content that you imported from our theme. Only do this if you are able to start over.

Method 2: Manual Removal – This method will take longer and simply involves manual removing of duplicate items. For example, go to the appearance > menus and delete and duplicate items one by one. Same thing for pages, post, sliders, etc.

1.7 – Other import issues

If you receive a 404 error, 500 internal server error, or if you see a white screen, it could be the result of any of the following:

1. Your PHP memory, file upload size, and/or execution limits are set too low.
2. Your web host uses process watching software that prevents bulk processing on their web servers.
3. You have “wp_debug = true”, please change that to “wp_debug = false” for the import in your WP config file.
4. The import uses a JSON file which is loaded from the front end of the website, this will not work when the domain is not connected to the WordPress installation.

If the import stalls and fails to respond after a few minutes, or it fails with a simple error message such as “Import failed,” you are likely to be suffering from PHP configuration limits that are set too low to complete the process. You should contact your web host and ask them to increase those limits to a minimum as follows:

1. max_execution_time 600
2. memory_limit 128M
3. post_max_size 32M
4. upload_max_filesize 32M
5. You can verify your PHP configuration limits by installing a simple plugin found here, which will let you check your PHP error logs to see the exact error being returned.

1.8 – Illegal Strings

If you get the ‘Warning: Illegal string’ error, try switching to a default WordPress theme (Twenty-Twelve, Thirteen, Fourteen etc,) and then back to Locale.

Please ensure that your hosting account is set as the owner of the WordPress directory.

1.9 – Google Maps – “Oops, something went wrong” error message

When updating to the latest version of Locale, you will need to get an API key from Google. Use the Locale Google API plugin which will have been installed when loading your new theme. This is quite a simple process: simply click on the link and follow the onscreen instructions.

2. Theme Options
2.1 – General Settings

Favicon – Upload a PNG image for your favicon. Recommended size is 16 x 16px.

Container Width – Choose a maximum width for the main content (1280 or 1400 pixels). On screen sizes below the width selected, the site will respond to fit.

Show Back to Top Button – Useful when the user needs to scroll though large amounts of text, etc.

Social Sharing Icons – Select social network sharing icons for single posts and projects.

Note: The Pinterest share icon will not display on a post if a post thumbnail is not set.

H1 – H6 – These set your header styles. Choose your font and font styles.

Body Font – This sets the font of the main content area. Choose your font and font styles.

Tracking Code – Enter any tracking code scripts here.

Custom CSS – Enter any custom CSS here.

2.2 – Blog

Blog Layout – Choose a blog layout. Applies to main blog, archive, author, category and tag pages. For more information on the layouts available, visit the Locale Demo site.

Hide Post Meta – Select post meta data to hide from the blog.

Hide Standard Post Featured Image – This allows you to use the featured image in posts as thumbnail images in your blog indexes.

2.3 – HIGHLIGHT COLORS

Highlight Color – Choose a main highlight color. Applies to links, buttons and other display features.

Button Text Color – Pick a color for button text.

Extra Colors 1 – 4 – These colors are used in shortcode and slider options if set.

2.4 – HEADER

Header Resize on Scroll – If turned on the main header will shrink when the user scrolls down.

Full Width Header – Turn on to make the main header span the full width of the screen.

Header Search – Turn on to display a search icon in the header.

Logo – Upload your logo. If you are using a logo this version must be uploaded. If left blank and other versions are uploaded in the fields below, they will be ignored.

Retina Logo – Upload a retina version of your logo. This will be displayed on devices with high resolution displays.

Transparent Header Logo – Upload a version of your logo, which is to be used when the header is transparent.

Transparent Header Retina Logo – Upload a retina version of your logo, which is to be used when the header is transparent. This will be displayed on devices with high resolution displays.

Logo Height – Enter the height you would like your logo to be in pixels. Do not enter “px”. The default is 28.

Logo / Site Title Padding – Enter a value for the top and bottom padding of your logo / site title in pixels. Do no enter “px”.

Header Background Color – Choose a background color for the main header.

Header Text Color – Choose a highlight color for the site header. This will be used on the site title (if logo not uploaded) and the main navigation.

Transparent Header Text Color – Choose a highlight color for the transparent site header. Will be used on the site title (if logo not uploaded) and the main navigation when the header is transparent.

Dropdown Menu Background – Pick a color for the dropdown menu background.

Dropdown Menu Text Color – Choose a color for the dropdown menu navigation text.

Dropdown Menu Border Color – Pick a color for the dropdown menu items border color. If you don’t want a border then set this color to the same as the dropdown menu background color.

Site Title Font – Choose a font for the site title. (Ignored this option if a logo is uploaded.)

Navigation – Choose a font for the top level navigation.

Drop Down Navigation – Choose a font for the drop down navigation.

2.5 – Page / Post Headers

Page Title Background Color – Pick a background color for the default page title.

Default Title Padding – Set the top and bottom padding for the default header.

DEFAULT TITLE ALIGN – Select the alignment of the default page/post title.

Default Title – Choose a font for page and post titles. This will be used when no custom header is selected.

Default Sub Title – Choose a font for sub headings.

Custom Title – Choose a font for custom page header titles.

Custom Sub Title – Choose a font for custom header sub titles.

Title Margin Bottom – Set a bottom margin for the custom header title.

Custom Sub Title – Choose a font for custom header sub titles.

2.6 – Sidebars

Sidebar Widget Titles – Choose a font for Sidebar Widget titles.

Widget Title Margin – Set a bottom margin for the widget titles.

Custom Sidebars – You can add new sidebars here ( see below).

2.7 – Footer Widget Area

Widget Areas – Choose the number of widget areas for the footer.

Background Color – Pick a color for background.

Text Color – Pick a color for footer text.

Highlight Color – Choose a highlight color for the footer widget area. This applies to links, buttons and other display features.

Button Text Color – Pick a color for button text.

2.8 – Footer

Background Color – Pick a color for background.

Text Color – Pick a color for footer text.

Bottom Bar Highlight Color – Choose a highlight color and a highlight hover color for the bottom bar of the footer section. Applies to links and icons.

Footer Text – Enter your footer text. You are welcome to add that the site was constructed us!

Icons – If using icons in your footer with links, choose from the drop down menus and add links in the fields provided.

2.9 – Map Settings

Hide Map – The main Locale map will display on author, archive, blog, category, search, single and tag pages if at least one post on those pages has a location. You can disable the main map on any of these pages by selecting them in the field provided.

Map Initial Height – Select a percentage of the height of the screen the map should occupy on page load. Note: If a custom header is set the map will be closed on page load.

Marker Count – Choose “Standard” for the map to show the amount of post markers set in “General > Settings > Blog pages show at most”. This is standard WordPress behaviour. If you want to show all post markers regardless of the WordPress settings, choose “Show All”. This applies to the main blog, archive, category, tag and search pages.

Infobox Trigger – Choose what type of action opens infoboxes.

Default Marker – Upload your choice of default marker. If you wish to use the default Locale marker, note that its color depends on the Highlight color set under Highlight Colors (see 2.3 above).

Cluster Markers – Upload your choice of background images and decide the font for cluster markers. Note: They must be the dimensions indicated under each one. If you wish to use the default Locale marker, note that its color depends on the Highlight color set under Highlight Colors (see 2.3 above).

Cluster Text Color – Set the color of the numerical text on cluster markers.

2.10 – Map Controls

Decide on the type position and style of Map Controls to be displayed. Every position and style possible using the Google Maps API v3 is available to you.

2.11 – Map Styles

Map Type – Choose from one of four types of map – Terrain, Roadmap, Satellite or Hybrid.

Map Style Presets – Choose from nearly 150 pre-set styles for the map. These styles are all from http://snazzymaps.com and previews can be viewed at Snazzy Maps. Selecting None sets the map to the basic Google default.

2.12 – Map Custom Logo

Logo Upload – Upload an image or select an existing one.

Position – Select the position for your custom logo.

Logo Link URL – Select a link for your logo.

Logo Padding – Select the padding for your custom logo.

2.14 – Slider

Default Title Font – Choose a default font for the slide titles. Can be overridden in each slide.

Title Margin Bottom – Set a bottom margin for the slide title.

Default SubtTitle Font – Choose a default font for the slide subtitles. Can be overridden in each slide.

subTitle Margin Bottom – Set a bottom margin for the slide subtitle.

2.15 – iLightbox

iLightbox Skin – Choose a skin for iLightbox.

2.16 – Portfolio

Rewrite Slug – Enter a custom rewrite slug for the portfolio post type. You may need to flush the rewrite rules for this to take effect. You can flush the rewrite rules by changing the permalink settings and saving.

Portfolio Page – Select the page you have assigned the portfolio template to. you can assign the portfolio template file to a page by going to the edit page screen and in the “Page Attributes” widget selecting “Portfolio” from the the “Template” drop down menu.

PORTFOLIO FILTER – Select whether to display the portfolio categories filter.

FILTER FONT – Choose a font for the portfolio filter.

ISOTOPE FILTERING – Turn on to enable isotope filtering on the main portfolio page. Isotope filtering enables your projects to be filtered without page reload and the projects fade in and out and reorganise themselves with nice transitions.

FULLWIDTH DISPLAY – Turn on to enable full width display on the main portfolio page.

LAYOUT – Select a layout style for your portfolio page.

Grid Text – “Grid with text” displays the project title. You can choose to display the project categories and / or address as well.

GRID MARGINS – Turn on to add margins between grid items.

GRID COLUMNS – Select the number of columns for the portfolio page.

MASONRY – Turn on to enable masonry layout on the portfolio page. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall.

PROJECTS PER PAGE – Select the number of projects to display per page.

GRID IMAGE ASPECT RATIO – Select the image aspect ratio for the main portfolio pages. Select the first option to display the images in their original aspect ratio. The main portfolio pages use the project featured image. The minimum width for project featured images is 600px wide.

LIGHTBOX LINK – Portfolio grid images will display a link to the single project page in hover. Select whether they should also dipslay a link to either the full size featured image or to the first project media item.

PROJECTS LAYOUT – Select a layout style for your single project pages.

PROJECT META – Select what meta information to display on your single project pages. You can select from date, categories or address.

2.17 – Demo Importer

Demo Importer – To help you get started, you can populate your site with one of the demos found on the Locale website. Select a demo below and click import.

2.18 – Import / Export

Import and Export your Locale theme options from a file, text or URL.

Import Options – Import your settings from a file or from a URL. WARNING! This will overwrite all existing option values, please proceed with caution!

Export Options – Here you can copy/download your current option settings. Keep this safe as you can use it as a backup should anything go wrong, or you can use it to restore your settings on this site (or any other site).

3. Locations

3 – Locations

Locations can be added to all posts and portfolio projects. The location field is found underneath the main editor window in post and project edit screens.

Location – Type an address or enter coordinates and hit enter or double click on the map to create a marker. Move the marker around to refine the location.

Marker IMAGE – Upload or select an existing image for the map marker. Leave blank to use the default marker set in the Locale options.

4. Post Types

Locale supports the post types:

  • Standard – with added Google panorama and embed options
  • Image
  • Video
  • Audio
  • Gallery
  • Aside
  • Quote
  • Link

You can select a post type by choosing the relevant option in the “Format” meta box which you’ll find directly under the “Publish” meta box to the right of the post edit screen.

4.1 – STANDARD

The standard post format has an added extra in that you can add either a Google panorama or any embed as the focus of the post. You can find the “Panorama” meta box underneath the main editor in the post edit screen.

PANORAMA TYPE – Select from None, Embed, or Google Panorama.

If you selected “Embed” in the panorama type option, the following options apply:

Embed URL – Enter the URL to a panorama or any other embeddable media here.

PREVIEW IMAGE – Upload a preview Image for your embed. It will display with a link to open the embed in a lightbox.

HEIGHT – Recommended: Leave the height empty and the embed will always display with an aspect ratio of 16:9, else, enter a height for your panorama in pixels. This will apply to the single project page only. Do not enter “px”.

If you selected “Google Panorama” in the panorama type option, the following options apply:

Google Embed Code / URL – You can paste several types of URLs and embed codes in this field.

If using the standard Google Maps Streetview service, you use the URL in the browser address bar. A typical URL would be:

https://www.google.co.uk/maps/place/Oxford+St,+London/@51.5154,-0.141285,3a,52.5y,52h,90t/data=!3m4!1e1!3m2!1sTuKNmcjQ7cc0ibIPxAozDg!2e0!4m2!3m1!1s0x48761ad554c335c1:0xda2164b934c67c1a!6m1!1e1

If using the classic Google Maps Streetview service, you can use the URL in the browser address bar. A typical URL would be:

https://maps.google.co.uk/maps?ll=51.5154,-0.141285&spn=0.18,0.3&cbll=51.5154,-0.141285&layer=c&panoid=TuKNmcjQ7cc0ibIPxAozDg&cbp=,52.0,,1,-0.0&q=Oxford+St,+London&output=classic&dg=opt

Also, when using the classic Google Maps Streetview service, you may paste embed URLs, which can be found on the left hand side of the panorama by clicking the link icon. A typical embed URL would be:

<iframe src="https://maps.google.co.uk/maps?cbll=51.5154,-0.141285&amp;layer=c&amp;panoid=TuKNmcjQ7cc0ibIPxAozDg&amp;cbp=12,52,,1,0&amp;q=Oxford+St,+London&amp;ie=UTF8&amp;hq=&amp;hnear=Oxford+St&amp;ll=51.5154,-0.141285&amp;spn=0.45704,0.906372&amp;t=m&amp;z=11&amp;source=embed&amp;output=svembed" width="425" height="350" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> <small>View Larger Map</small>

When using the standard Google Maps service to view a business or “place”, by clicking on “See Inside”, you may copy and paste the resulting URL. A typical URL would be:

https://www.google.co.uk/maps/place/Leekes/@52.4540433,-1.4986874,3a,52.5y,196h,90t/data=!3m5!1e1!3m3!1s6TeUSGj6XtmIV33pxZqM6Q!2e0!3e2!4m5!1m2!2m1!1sLeekes,+Coventry,+Warwickshire,+United+Kingdom!3m1!1s0x48774e7ea533ba5f:0x64bfcefca355e53!6m1!1e1

When using Google Views you can either view Streetview Images or photospheres. If viewing a photoshpere you CANNOT paste the URL from the browser address bar. A URL for a photoshpere on Views would be:

https://www.google.com/maps/views/view/112397505970770096284/gphoto/5991793764656979538gl=gb&amp;heading=218&amp;pitch=90&amp;fovy=75

There are two ways to get the correct URL for a photoshpere. You may either click on the link to “View on Google Maps”, which may be found in the right hand panel on Views (underneath the photo view count). The other option is to click on the share icon on the same panel, and copy the embed code. The URL and embed code will appear similar to the ones given above.

PREVIEW IMAGE – Upload a preview Image for your embed. It will display with a link to open the embed in a lightbox.

HEIGHT – Recommended: Leave the height empty and the embed will always display with an aspect ratio of 16:9. Enter a height for your panorama in pixels. This will apply to the single project page only. Do not enter “px”.

AUTO ROTATE – Select “left” or “right” to auto rotate this Google panorama.

ROTATE SPEED – Select a speed for the Google panorama rotation. 1 = slow – 10 = fast.

ADDRESS CONTROL – Check to display the address control on the panorama.

ADDRESS CONTROL POSITION – Select the position of the panorama address control.

PAN CONTROL – Check to display the pan control on the panorama.

PAN CONTROL POSITION – Select the position of the panorama pan control.

ZOOM CONTROL – Check to display the zoom control on the panorama.

ZOOM CONTROL POSITION – Select the position of the panorama zoom control.

4.2 – IMAGE

Set the featured image in the “Featured Image” meta box which is located on the right of the edit screen below the “Publish” meta box.

4.3 – VIDEO

When the video post format is selected a “Video” meta box appears above the main editor.

Video URL – Enter the URL to your video. Supported video providers are Animoto, Blip, FlikeCollegeHumor, DailyMotion, Flickr, FunnyOrDie.com, Hulu, TED, Vimeo, WordPress.tv, YouTube.

4.4 – AUDIO

When the audio post format is selected, an “Audio” meta box appears above the main editor. To ensure your audio file plays on as many browsers as possible, it is advisable to upload as many versions of the file as possible, although it is not required. Supported formats are MP3, MP4, OGG, WAV and WMA. Note that some formats will not play on certain browsers.

4.5 – Gallery

When the gallery post format is selected a “Gallery” meta box appears above the main editor. To add a gallery, you simply click the standard “Add Media” button above the main content editor. In the media upload window you must select “Create Gallery”.

GALLERY DISPLAY OPTIONS – Select a display format for the images in the gallery post. Select from WordPress Default, Slider and Custom Grid.

If you selected “WordPress Default” in the gallery display options, the gallery will display in a grid and the number of columns will correspond to the number set in the media upload window.

If you selected “Slider” in the gallery display options, the following options apply:

IMAGES ASPECT RATIO – Select wehther to show the original images or a cropped version. If “Original” is selected, and the images have different aspect ratios, the slider will have blank margins and will not resize to each image. The height will be determined by the tallest image. Cropped images are 1400 x 600px. If the uploaded images are smaller than this, the original image will be used instead.

TRANSITION – Select the transition for the gallery slider. Either fade or slide.

SLIDESHOW – Check this option to enable the slider slideshow.

NAVIGATION CONTROLS – Select which navigation controls to display on the gallery slider. Paging dots and directional arrows are available. The sliders are also swipeable for touch enabled devices.

CONTROLS COLOR – Select from either light- or dark-colored controls to suit your images.

If you selected “Custom Grid” in the gallery display options, the following options apply:

When the custom grid is in use the gallery images have an expanding effect on hover.

Columns – Select from 2 – 8 columns.

IMAGES ASPECT RATIO – Select whether the grid images should be square or landscape.

MARGINS – Check this option to add margins between grid items.

4.6 – ASIDE

Aside posts are treated similar to Facebook or Twitter posts and are aimed at short pieces of text. Add your text in the main editor window.

4.7 – Quote

When the quote post format is selected a “Quote” meta box appears above the main editor.

Quote – Enter the quote.

AUTHOR – Enter the quote author.

QUOTE AUTHOR – Enter a URL for the author and their name will link to it.

4.8 – LINK

When the link post format is selected a “Link” meta box appears above the main editor.

LINK URL – Enter a URL.

LINK TITLE – Optionally enter a title for your link.

5. Custom Headers

The type of header may be set for each post, page and project using the “Header” box located underneath the main editor on the relevant edit screen.

5.1 – None

Select “none” to remove the main header from a post, page or project completely.

5.2 – DEFAULT

Select “Default” to display the default header which may be customised in the theme options under “Page/Post Headers”.

5.3 – COLOR

TAB – BACKGROUND MEDIA

BACKGROUND COLOR – Select a background color for the custom header.

TAB – STYLING / EFFECTS

TEXT ALIGN – Select the text alignment of the page title.

Export Options – Here you can copy/download your current option settings. Keep this safe as you can use it as a backup should anything go wrong, or you can use it to restore your settings on this site (or any other site).

TEXT TRANSITION – Select a transition for the header text content. The title and subtitle will slide, fade or grow into view.

PADDING TOP – Set a pixel value for the top padding. Do not enter “px”.

PADDING BOTTOM – Set a pixel value for the bottom padding. Do not enter “px”.

TRANSPARENT HEADER – Check this option to make the main site header transparent over the custom header.

PARALLAX EFFECT – Check this option to enable parallax scrolling on the custom header. The parallax effect moves the header at a slower speed from the rest of the page when the user scrolls.

TAB – CONTENT

FONTS – Select “Default” to use the default custom header fonts defined in the theme options under “Page/Post Headers” or select “Custom to set custom fonts for both the custom title and custom sub title.

If you selected “Default” in the fonts option, the following options apply:

CUSTOM TITLE – If you wish to display a custom title other than the actual page title, enter it in the field provided.

TITLE COLOR – Select a color for the page title.

SUB HEADING – Enter a sub heading for the page here if you wish.

SUB HEADING COLOR – Select a color for the sub heading.

If you selected “Custom” in the fonts option, the following options apply:

CUSTOM TITLE – If you wish to display a custom title other than the actual page title, enter it in the field provided.

TITLe FONT – Select the font family with styles and color for the title.

SUB HEADING – Enter a sub heading for the page here if you wish.

SUB Title FONT – Select the font family with styles and color for the title.

5.4 – EMBED

TAB – BACKGROUND MEDIA

EMBED URL – Enter the absolute URL to your embed. Note: The embedded content will be below the page title so will NOT be clickable.

STYLING / EFFECTS – See above under section 5.3 – COLOR

CONTENT – See above under section 5.3 – COLOR

5.5 – GOOGLE PANORAMA

TAB – BACKGROUND MEDIA

Google Embed Code / URL – You can paste several types of URLs and embed codes in this field.

If using the standard Google Maps Streetview service, you use the URL in the browser address bar. A typical URL would be:

https://www.google.co.uk/maps/place/Oxford+St,+London/@51.5154,-0.141285,3a,52.5y,52h,90t/data=!3m4!1e1!3m2!1sTuKNmcjQ7cc0ibIPxAozDg!2e0!4m2!3m1!1s0x48761ad554c335c1:0xda2164b934c67c1a!6m1!1e1

If using the classic Google Maps Streetview service, you can use the URL in the browser address bar. A typical URL would be:

https://maps.google.co.uk/maps?ll=51.5154,-0.141285&amp;spn=0.18,0.3&amp;cbll=51.5154,-0.141285&amp;layer=c&amp;panoid=TuKNmcjQ7cc0ibIPxAozDg&amp;cbp=,52.0,,1,-0.0&amp;q=Oxford+St,+London&amp;output=classic&amp;dg=opt

Also, when using the classic Google Maps Streetview service, you may paste embed URLs, which can be found on the left hand side of the panorama by clicking the link icon. A typical embed URL would be:

<iframe src="https://maps.google.co.uk/maps?cbll=51.5154,-0.141285&amp;layer=c&amp;panoid=TuKNmcjQ7cc0ibIPxAozDg&amp;cbp=12,52,,1,0&amp;q=Oxford+St,+London&amp;ie=UTF8&amp;hq=&amp;hnear=Oxford+St&amp;ll=51.5154,-0.141285&amp;spn=0.45704,0.906372&amp;t=m&amp;z=11&amp;source=embed&amp;output=svembed" width="425" height="350" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> <small>View Larger Map</small>

When using the standard Google Maps service to view a business or “place”, by clicking on “See Inside”, you may copy and paste the resulting URL. A typical URL would be:

https://www.google.co.uk/maps/place/Leekes/@52.4540433,-1.4986874,3a,52.5y,196h,90t/data=!3m5!1e1!3m3!1s6TeUSGj6XtmIV33pxZqM6Q!2e0!3e2!4m5!1m2!2m1!1sLeekes,+Coventry,+Warwickshire,+United+Kingdom!3m1!1s0x48774e7ea533ba5f:0x64bfcefca355e53!6m1!1e1

When using Google Views you can either view Streetview Images or photospheres. If viewing a photoshpere you CANNOT paste the URL from the browser address bar. A URL for a photoshpere on Views would be:

https://www.google.com/maps/views/view/112397505970770096284/gphoto/5991793764656979538gl=gb&amp;heading=218&amp;pitch=90&amp;fovy=75

There are two ways to get the correct URL for a photoshpere. You may either click on the link to “View on Google Maps”, which may be found in the right hand panel on Views (underneath the photo view count). The other option is to click on the share icon on the same panel, and copy the embed code. The URL and embed code will appear similar to the ones given above.

STYLING / EFFECTS – See above under section 5.3 – COLOR

CONTENT – See above under section 5.3 – COLOR

5.6 – IMAGE

TAB – BACKGROUND MEDIA

BACKGROUND IMAGE – Upload a header background image. Recommended width is over 1000px to ensure your image looks good on larger screen sizes.

STYLING / EFFECTS – See above under section 5.3 – COLOR

CONTENT – See above under section 5.3 – COLOR

5.7 – LOCALE SLIDER

TAB – BACKGROUND MEDIA

LOCALE SLIDER – Select a slider to use as the page header. If the drop down menu is empty then you can create a slider by going to “Sliders” > “New Slider” from the left menu in your dashboard.

5.8 – VIDEO

Preparing your video for web: To ensure your video displays on as many browsers as possible, it’s best to upload all 3 formats, MP4, WebM and OGG (OGV). Firefox has a handy extension for converting video from MP4 to WebM and OGG. You can find out more about the extension at firefogg.org

The video header will not display without a preview image. Locale detects if a visitor is using a mobile device and, if so, all video will be removed and the preview image displayed instead to save your visitors bandwidth!

WEBM – Upload a WEBM version of your video.

MP4 – Upload a MP4 version of your video.

OGG – Upload a OGG version of your video.

VIDEO PREVIEW IMAGE – Upload a preview image of your video. The video header will not display without a preview image. Locale detects if a visitor is on a mobile device and if so all video will be removed and the preview image displayed instead to save your visitors bandwidth!

STYLING / EFFECTS – See above under section 5.3 – COLOR

CONTENT – See above under section 5.3 – COLOR

6. Portfolio

Locale has a versatile portfolio custom post type. In the left hand admin menu you will see a tab labelled “Portfolio”, where you may add new projects and edit existing ones. The portfolio template display settings may be set via the theme options. Please refer to section 2.14 for a full list of editable features.

6.1 – portfolio template

To use the portfolio you, must first create a page and provide it wuth a name. In the “Page Attributes” meta box (which you can find under the “Publish” meta box on the page edit screen), you must select “Portfolio from the ”Template” drop down menu. That’s all you have to do on the page edit screen. All display options for the portfolio template are controlled through the main theme options panel.

6.2 – portfolio Categories

In the left hand admin menu, under the “Portfolio” tab, you will find a custom taxonomy called “Project Category”. This taxonomy is exclusively for categorising your projects and works in the same manner as standard WordPress blog categories.

7. Projects
7.1 – FEatured Image

Featured images are required for each project as they are displayed on the main portfolio page. If no featured image is present a default image will be displayed instead.

7.2 – Custom Fields

Beneath the main editor window is a meta box titles “Custom Fields”. You may add as many custom fields to a project as you like. They are useful for displayed extra meta data about your project in an orderly manner. To add a custom field, click on the button labelled “Add Field”, and you will be presented with the fields detailed below.

LABEL – Enter a label for the custom field e.g. Camera

CONTENT – Enter the corresponding content for the label e.g. Canon 5D

7.3 – PROJECT MEDIA

In each project, you may add several types of media using the “Project Media” meta box. To add an item, click on the “Add Media” button on the right of the “Project Media” meta box. The field allows you to add unlimited items.

If media is not entered using this interface, it will not benefit from the enhanced project layout features. Below are the types of media and instructions.

Each media type has a field at the bottom name “Column Width” which is detailed below.

COLUMN WIDTH – For each item, you must select a column width. You can choose from One, Half, Third, Fourth, Two Thirds and Three Fourths.

Hint: If your project features only images, you may either insert a single gallery with a column width of One, or you could add each image separately as an “Image” media giving them different width to create a more styled layout.

CONTENT – Enter the corresponding content for the lable e.g. Canon 5D

7.4 – IMAGE

UPload IMAGE – The maximum width an image could possibly be displayed on a single project page is 1400px, but an image with a width of 1000px will often look sharp enough at 1400px.

7.5 – GALLERY

Upload Images – Click the “Add to Gallery” button to bulk upload images, or simply drag them from your desktop into the uploader. You may drag the images to reorder.

LAYOUT – Select a display format for the images in the gallery post. Select from Slider or Custom Grid.

If you selected “Slider” in the gallery display options, the following options apply:

TRANSITION – Select the transition for the gallery slider. Either fade or slide.

SLIDESHOW – Check this option to enable the slider slideshow.

IMAGES ASPECT RATIO – Select whether to show the original images or a cropped version. If “Original” is selected, and the images have different aspect ratios, the slider will have blank margins and will not resize to each image. The height will be determined by the tallest image. Cropped images are 1400 x 600px. If the uploaded images are smaller than this, the original image will be used instead.

NAVIGATION CONTROLS – Select which navigation controls to display on the gallery slider. Paging dots and directional arrows are available. The sliders are also swipeable for touch enabled devices.

CONTROLS COLOR – Select from either light- or dark-colored controls to suit your images.

If you selected “Custom Grid” in the gallery display options, the following options apply:

When the grid is in use the gallery images have an expanding effect on hover.

Columns – Select from 2 – 8 columns.

IMAGES ASPECT RATIO – Select whether the grid images should be square or landscape.

MARGINS – Check this option to add margins between grid items.

7.6 – VIDEO

Video URL – Enter the URL to your video. Supported video providers are Animoto, Blip, FlikeCollegeHumor, DailyMotion, Flickr, FunnyOrDie.com, Hulu, TED, Vimeo, WordPress.tv, YouTube.

PREVIEW IMAGE – Upload a preview image for the video. If an image is present it will be displayed with a link to open the video in a lightbox.

7.7 – EMBED

Embed URL – Enter the URL to a panorama or any other embeddable media here.

PREVIEW IMAGE – Upload a preview Image for your embed. It will display with a link to open the embed in a lightbox.

HEIGHT – Recommended: Leave the height empty and the embed will always display with an aspect ratio of 16:9. Enter a height for your panorama in pixels. This will apply to the single project page only. Do not enter “px”.

7.8 – Google Panorama

Google Embed Code / URL – You can paste several types of URLs and embed codes in this field.

If using the standard Google Maps Streetview service, you use the URL in the browser address bar. A typical URL would be:

https://www.google.co.uk/maps/place/Oxford+St,+London/@51.5154,-0.141285,3a,52.5y,52h,90t/data=!3m4!1e1!3m2!1sTuKNmcjQ7cc0ibIPxAozDg!2e0!4m2!3m1!1s0x48761ad554c335c1:0xda2164b934c67c1a!6m1!1e1

If using the classic Google Maps Streetview service, you can use the URL in the browser address bar. A typical URL would be:

https://maps.google.co.uk/maps?ll=51.5154,-0.141285&amp;spn=0.18,0.3&amp;cbll=51.5154,-0.141285&amp;layer=c&amp;panoid=TuKNmcjQ7cc0ibIPxAozDg&amp;cbp=,52.0,,1,-0.0&amp;q=Oxford+St,+London&amp;output=classic&amp;dg=opt

Also, when using the classic Google Maps Streetview service, you may paste embed URLs, which can be found on the left hand side of the panorama by clicking the link icon. A typical embed URL would be:

<iframe src="https://maps.google.co.uk/maps?cbll=51.5154,-0.141285&amp;layer=c&amp;panoid=TuKNmcjQ7cc0ibIPxAozDg&amp;cbp=12,52,,1,0&amp;q=Oxford+St,+London&amp;ie=UTF8&amp;hq=&amp;hnear=Oxford+St&amp;ll=51.5154,-0.141285&amp;spn=0.45704,0.906372&amp;t=m&amp;z=11&amp;source=embed&amp;output=svembed" width="425" height="350" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> <small>View Larger Map</small>

When using the standard Google Maps service to view a business or “place”, by clicking on “See Inside”, you may copy and paste the resulting URL. A typical URL would be:

https://www.google.co.uk/maps/place/Leekes/@52.4540433,-1.4986874,3a,52.5y,196h,90t/data=!3m5!1e1!3m3!1s6TeUSGj6XtmIV33pxZqM6Q!2e0!3e2!4m5!1m2!2m1!1sLeekes,+Coventry,+Warwickshire,+United+Kingdom!3m1!1s0x48774e7ea533ba5f:0x64bfcefca355e53!6m1!1e1

When using Google Views you can either view Streetview Images or photospheres. If viewing a photoshpere you CANNOT paste the URL from the browser address bar. A URL for a photoshpere on Views would be:

https://www.google.com/maps/views/view/112397505970770096284/gphoto/5991793764656979538gl=gb&amp;heading=218&amp;pitch=90&amp;fovy=75

There are two ways to get the correct URL for a photoshpere. You may either click on the link to “View on Google Maps”, which may be found in the right hand panel on Views (underneath the photo view count). The other option is to click on the share icon on the same panel, and copy the embed code. The URL and embed code will appear similar to the ones given above.

PREVIEW IMAGE – Upload a preview Image for your embed. It will display with a link to open the embed in a lightbox.

HEIGHT – Recommended: Leave the height empty and the embed will always display with an aspect ratio of 16:9. Enter a height for your panorama in pixels. This will apply to the single project page only. Do not enter “px”.

AUTO ROTATE – Select “left” or “right” to auto rotate this Google panorama.

ROTATE SPEED – Select a speed for the Google panorama rotation. 1 = slow – 10 = fast.

ADDRESS CONTROL – Check to display the address control on the panorama.

ADDRESS CONTROL POSITION – Select the position of the panorama address control.

PAN CONTROL – Check to display the pan control on the panorama.

PAN CONTROL POSITION – Select the position of the panorama pan control.

ZOOM CONTROL – Check to display the zoom control on the panorama.

ZOOM CONTROL POSITION – Select the position of the panorama zoom control.

Locale supports multiple sidebars/widget areas. There are 2 default sidebars, “Blog Sidebar” and “Page Sidebar”. If you require more sidebars you may create them using the theme options panel as detailed in section 2.6.

On every post and page edit screen you may select which sidebar to use. You may find the sidebar selector to the right of the post/page edit screen, underneath the “Publish” meta box.

SIDEBAR – Select a sidebar to use for the post/page. Blog and Page sidebar, as well as any custom sidebars you have created, are available to choose from. Note: Footer widet areas are not available for posts/pages.

WIDTH – Select from Default or Wide. Default equals 1/4 of the main content area and Wide equals 1/3 of the main content area.

POSITION – Select from Left or Right. Note: On smaller screen sizes, the sidebar will always display under the main content area.

8. Sidebars

Locale supports multiple sidebars/widget areas. There are 2 default sidebars, “Blog Sidebar” and “Page Sidebar”. If you require more sidebars you may create them using the theme options panel as detailed in section 2.6.

On every post and page edit screen you may select which sidebar to use. You may find the sidebar selector to the right of the post/page edit screen, underneath the “Publish” meta box.

SIDEBAR – Select a sidebar to use for the post/page. Blog and Page sidebar, as well as any custom sidebars you have created, are available to choose from. Note: Footer widet areas are not available for posts/pages.

WIDTH – Select from Default or Wide. Default equals 1/4 of the main content area and Wide equals 1/3 of the main content area.

POSITION – Select from Left or Right. Note: On smaller screen sizes, the sidebar will always display under the main content area.

9. Locale Slider

Locale Slider is a custom built content slider. You may create and manage sliders by clicking the “Sliders” option in the main admin menu. You may create as many sliders as you like. Sliders may be displayed in the header section of any post or page. To use a slider, select “Locale Slider” from the custom header menu and a list of all options will be displayed.

9.1 – SLIDER SETTINGS

Height – Set a pixel height for the slider. Do not enter “px”.

SLIDESHOW – Check to make the slider auto rotate between slides.

DELAY – Select a delay between each slide. 1000 is equal to 1 second.

DIRECTION NAV – Check to display left and right navigation arrows on the slider. These do not display on screen sizes less than 782px wide.

Control Nav – Check to display navigation dots at the bottom of the slider.

PARALLAX – Check this option to enable parallax scrolling on the slider. The parallax effect moves the slider backgrounds at a slower speed from the rest of the page when the user scrolls and the text content and controls fade out.

Transparent Header – Check this option to make the main site header transparent over the slider.

9.2 – SLIDEs

To add a new slide, click on the “Add Slide” button in the Slides meta box below the main slider settings. You may select from 4 different background types. For each slide there are:

TAB – BACKGROUND MEDIA

BACKGROUND TYPE – Select the type of background media you would like for the slide. The slider backgrounds support color, images, video and Google panoramas.

If you selected the background type “Color”, the following options apply:

Background Color – Choose a color for the slide background.

If you selected the background type “Image”, the following options apply:

Background Image – Upload or select an existing image for the slide background. The slider spans the whole width of browser so it is recommended to upload an image with a width of over 1000px.

If you selected the background type “Video”, the following options apply:

Preparing your video for web: To ensure your video displays on as many browsers as possible it’s best to upload all 3 formats, MP4, WebM and OGG (OGV). Firefox has a handy extension for converting video from MP4 to WebM and OGG. You can find out more about the extension at firefogg.org

Please note that the video preview image is required and the video will not play if it is not uploaded. On mobile devices the video is disabled and the preview image is shown to protect users mobile data usage.

WEBM – Upload a WEBM version of your video.

MP4 – Upload a MP4 version of your video.

OGG – Upload a OGG version of your video.

VIDEO PREVIEW IMAGE – Upload a preview image of your video. The video slide will not display without a preview image. Locale Slider detects if a visitor is on a mobile device and if so all video will be removed and the preview image displayed instead to save your visitors bandwidth!

If you selected the background type “Google Panorama”, the following options apply:

Google Embed Code / URL – You can paste several types of URLs and embed codes in this field.

If using the standard Google Maps Streetview service, you use the URL in the browser address bar. A typical URL would be:

https://www.google.co.uk/maps/place/Oxford+St,+London/@51.5154,-0.141285,3a,52.5y,52h,90t/data=!3m4!1e1!3m2!1sTuKNmcjQ7cc0ibIPxAozDg!2e0!4m2!3m1!1s0x48761ad554c335c1:0xda2164b934c67c1a!6m1!1e1

If using the classic Google Maps Streetview service, you can use the URL in the browser address bar. A typical URL would be:

https://maps.google.co.uk/maps?ll=51.5154,-0.141285&amp;spn=0.18,0.3&amp;cbll=51.5154,-0.141285&amp;layer=c&amp;panoid=TuKNmcjQ7cc0ibIPxAozDg&amp;cbp=,52.0,,1,-0.0&amp;q=Oxford+St,+London&amp;output=classic&amp;dg=opt

Also, when using the classic Google Maps Streetview service, you may paste embed URLs, which can be found on the left hand side of the panorama by clicking the link icon. A typical embed URL would be:

<iframe src="https://maps.google.co.uk/maps?cbll=51.5154,-0.141285&amp;layer=c&amp;panoid=TuKNmcjQ7cc0ibIPxAozDg&amp;cbp=12,52,,1,0&amp;q=Oxford+St,+London&amp;ie=UTF8&amp;hq=&amp;hnear=Oxford+St&amp;ll=51.5154,-0.141285&amp;spn=0.45704,0.906372&amp;t=m&amp;z=11&amp;source=embed&amp;output=svembed" width="425" height="350" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> <small>View Larger Map</small>

When using the standard Google Maps service to view a business or “place”, by clicking on “See Inside”, you may copy and paste the resulting URL. A typical URL would be:

https://www.google.co.uk/maps/place/Leekes/@52.4540433,-1.4986874,3a,52.5y,196h,90t/data=!3m5!1e1!3m3!1s6TeUSGj6XtmIV33pxZqM6Q!2e0!3e2!4m5!1m2!2m1!1sLeekes,+Coventry,+Warwickshire,+United+Kingdom!3m1!1s0x48774e7ea533ba5f:0x64bfcefca355e53!6m1!1e1

When using Google Views you can either view Streetview Images or photospheres. If viewing a photoshpere you CANNOT paste the URL from the browser address bar. A URL for a photoshpere on Views would be:

https://www.google.com/maps/views/view/112397505970770096284/gphoto/5991793764656979538gl=gb&amp;heading=218&amp;pitch=90&amp;fovy=75

There are two ways to get the correct URL for a photoshpere. You may either click on the link to “View on Google Maps”, which may be found in the right hand panel on Views (underneath the photo view count). The other option is to click on the share icon on the same panel, and copy the embed code. The URL and embed code will appear similar to the ones given above.

TAB – SLIDE STYLES

Site Logo/Navigation Style – If transparent header is set in the page options, and you have uploaded both a normal logo and transparent version, you may choose which logo displays with this slide. The slider navigation controls will also use the color settings for the transparent header.

Slider Control Color – Select the color of the slider navigation (The directional arrows and paging dots). Choose “light” or “dark” or, if the main header is set to transparent, select “Same as Site Logo/Navigation Style”. The control colors will match the main navigation colors. If this option is selected and the header is not set to transparent, the controls will default to “Light”.

Content Horizontal Position – Select the horizontal position of the slider text.

Content VERTICAL Position – Select the vertical position of the slider text.

TAB – content

FONTS – Select “Default” to use the default custom header fonts defined in the theme options under “Page/Post Headers”, or select “Custom” to set custom fonts for both the custom title and custom sub title.

If you selected “Default” in the fonts options, the following options apply:

TITLE – Enter the slide title.

TITLE COLOR – Select a color for the slide title.

SUBTitle – Enter a subtitle for the slide.

SUBTitle COLOR – Select a color for the subtitle.

If you selected “Custom” in the fonts option, the following options apply:

TITLE – Enter the slide title.

Custom TITLe FONT – Select the font attributes and color for the title.

SUBTitle – Enter a subtitle for the slide.

SUB Title FONT – Select the font attributes and color for the title.

Buttons – Add as many buttons as you like, just click the “Add Button” button.

For each button you create you have the following options:

Button Text – Enter the button text.

Button URL – Enter the link the button should point to.

Link Target – Choose from New Window or Same Window.

Button Style – Select Solid or Bordered.

Button Type – Select Squared or Rounded.

Button Size – Select from Small, Medium or Large.

Button Text Transform – Select from None, Uppercase or Lowercase.

Button Background Color – Select from predefined colors (set in the theme options in Highlight Colors) or selectCustom color.

If you selected “Custom” in the button background color option, the following 2 options appear:

Custom Background Color – Set the background color.

Custom Text Color – Set the button text color.

Icon – Display a Font Awesome icon in the button if you wish.

Icon position – Select from Left or Right.

10. Shortcodes

Locale Shortcodes can be accessed on any page, post or project edit screen by clicking on the marker icon in the top row of the main editor toolbar. In the popup window select the shortcode you wish from the drop down menu to reveal the relevant options.

10.1 – Column

WIDTH – Select from widths of One, Half, Third, Fourth, Fifth, Two Thirds, Three Quarters, Two Fifths and Three Fifths.

OFFSET – If you wish the column to be offset from the left of the page select the appropriate width of the offset.

Text Align – Select the alignment of the column content.

Last Column – You must check this option if the column is to be the last in a row. If you fail to check this box on the last the succeeding content layout may break.

BOXED – Check this option to enclose the column in a box. The box will have a background color of pure white, which is lighter than the main content area and the content will have a padding around it.

Animation – You can choose from several animations that will happen as soon as the column becomes visible on the screen. Choose “From Left”, “From Bottom” or “From Right” and the clumn will slide/fade from the relevant direction. “Fade In’ is self explanatory and ”Grow In” will make the column appear to grow from a pin prick to larger than actual size and then finally settle on actual size.

Column ICON – Check this option if you wish the column to display an icon. If checked then the following options appear:

POSITION – Left, Top or Right.

ICON – Select the icon you wish to use.

ICON SIZE – Tiny, Small, Medium, Large or Huge.

ICON COLOR – Select from predefined colors (set in the theme options in Highlight Colors) or select Custom color.

ICON CUSTOM COLOR – If custom color is selected in the option above then choose the custom icon color.

ICON STYLE – Select from Standard, Round, Square, Round Bordered or Square Bordered.

10.2 – CONTENT BOX

This shortcode allows you to add a content box to highlight your text

Width – Select the width required for the content box.

Group Box – If selected this content box and any others until the next content box marked “Last Box” will have the same height.

Last Box – Tick if this is to be the last box of your box group.

Background Color – Choose the required background color of your content box.

Text Color – Choose the required text color for your content box.

Text Align – Choose the alignment for your text.

Vertical / Horizontal Padding – Choose the required padding for the text of your content box.

Animation – Choose the animation style, if required, for your content box.

10.3 – DIVIDER

STYLE – Select from Solid, Dashed, Dotted, Double Solid, Double Dashed, or Double Dotted.

COLOR – Select the divider color.

Width – Select from predefined colors (set in the theme options in Highlight Colors) or select Custom color.

THICKNESS – Pixel value. Do not enter “px”.

margin TOP – Pixel value. Do not enter “px”.

margin bottom – Pixel value. Do not enter “px”.

10.4 – Button

STYLE – Solid or bordered.

Type – Squared or rounded

Size – Small, medium or large.

Color – Select from predefined colors (set in the theme options in Highlight Colors) or select Custom color.

If you selected “Custom” in the button background color option, the following 2 options appear:

Background Color – Set the background color.

Text Color – Set the button text color.

ICON – Select an icon if you wish or leave to “None”.

ICON POSITION – left or right

TEXT TRANSFORM – None, uppercase or lowercase.

TARGET – Same window or new window.

BUTTON TEXT – Enter the button text.

LINK URL – Enter the button link URL.

10.5 – ICON

Icon – Solid or bordered.

Size – Tiny, Small, Medium, Large or Huge.

Color – Select from predefined colors (set in the theme options in Highlight Colors) or select Custom color.

CUStom Color – If custom color is selected in the option above then choose the custom icon color.

Style – Select from Standard, Round, Square, Round Bordered or Square Bordered.

Float – None, left or right.

10.6 – HEADING

TITLE – Enter the heading title.

CoLOR – Select a color for the title.

Size – Select from H1 – H6, custom header default or locale slider title default, which can all be set in the main theme options.

SubTITLE – Enter the heading subtitle.

CoLOR – Select a color for the subtitle.

Size – Select from H1 – H6, custom header default or locale slider title default, which can all be set in the main theme options.

Text Align – Left or right.

10.7 – TAB GROUP

TAB COLOR – Tabs have a background of white (#FFFFFF). This color will apply to the current tab.

TAB TITLE TEXT TRANSFORM – None, Uppercase or Lowercase.

10.8 – Tab

This shortcode must be used within a “Tab Group” shortcode.

TITLE – Enter a title for the tab.

Enter the tab content in the main editor between the tags [tab] content here… [/tab].

10.9 – ACCORDION GROUP

ACCordion COLOR – Select a color for the accordion toggles.

ACcordion TITLE TEXT TRANSFORM – None, Uppercase or Lowercase.

10.10 – ACCORDION

This shortcode must be used within a “Accordion Group” shortcode.

TITLE – Enter a title for the accordion toggle.

Enter the accordion content in the main editor between the tags [accordion] content here… [/ accordion].

10.11 – Full Width Section

Full width sections only work if used on a page or post with NO sidebar. If a sidebar is displayed then the full width section will not work.

Note: If the Header is set to “None” and the full width section is the first element in the editor then all margins below the main header will be removed and this section will display directly underneath it. This is useful for creating pages with full screen backgrounds.

BACKGROUND TYPE – None, Color or Image.

BACKGROUND Color – If background type is set to color, select the background color.

BACKGROUND Image – If background type is set to image, click the “upload image” button to upload or select and existing image. If you want to change the image you have selected click the “upload image” button again.

IMAGE REPEAT – Check this option to tile the image. Leave unchecked and the image will cover the avilable background area.

INNer Wrap – The width of the wrap will follow the content width set in the theme options panel under general settings.

Padding Top – Pixel value. Do not enter “px”.

Padding Bottom – Pixel value. Do not enter “px”.

10.12 – Map

Height – Recommended: Leave the height empty and the embed will always display with an aspect ratio of 16:9 Enter a height for your panorama in pixels. Do not enter “px”.

MAP TYPE – Roadmap, Satellite, Terrain or Hybrid.

Map Style – These styles are from Snazzy Maps – http://snazzymaps.com/ and are licensed under creative commons.

Blog POsts – Select from all blog posts that have a location.

Blog Categories – Select blog categories. If any posts within that category have locations they will display on the map.

Portfolio Project – Select from projects that have a location.

Portfolio Categories – Select portfolio categories. If any projects within that category have locations they will display on the map.

Note: you can select any combination of posts, projects, categories and portfolio categories to display on the map. You can also add custom markers as detailed in section 10.12.

Map Type Control – Check to display this control.

Map type COntrol POsition – Select a position for the control.

MAP TYPE CONTROL STYLE – Horizontal Bar or Dropdown Menu.

Zoom Control – Check to display this control.

Zoom COntrol POsition – Select a position for the control.

Zoom CONTROL STYLE – Large or small

Pan Control – Check to display this control.

Pan COntrol POsition – Select a position for the control.

STREETVIEW CONTROL – Check to display this control.

STREETVIEW CONTROL POsition – Select a position for the control.

Scale CONTROL – Check to display this control.

Scroll Wheel ZOOM – Check to allow scroll wheel zooming.

Draggable – Check to allow the map to be draggable. If you don’t check this it is advisable to add the pan control to allow the user to navigate the map effectively.

10.13 – Map MARKER

This shortcode must be used within a “Map” shortcode.

LOCATION – Type an address in the field and hit return.

Marker Icon – Click the “upload image” button to upload or select and existing image. If you want to change the image you have selected click the “upload image” button again.

10.14 – PANORAMA

This shortcode allows you to include a panorama within your post.

PANORAMA TYPE – Choose whether to embed or link a panorama.

EMBED – Select whether a panorama is found in an existing post, or whether a new panorama is to be included. If it is from another post, select from the Post Embedded Panoramas and add the required height.

Note – We recommend that you leave the height empty and the panorama will always display with an aspect ratio of 16:9. If setting a custom height, do not enter “px”.

GOOGLE – Choose whether the panorama is from an existing post or not. If existing, choose the panorama from the dropdown menu and decide on its controls etc. If it is a new panorama, enter the Google Views embed code.

Please note that you can change the initial heading of the panorama by positioning the panorama within Google Views and then copying the embed code. This reflects the current heading and pitch that you are currently viewing in Views. We recommend that you leave the height empty and the panorama will display with an aspect ratio of 16:9.

If setting a custom heigh, do not enter “px”.

10.15 – TESTIMONIAL SLIDER

This shortcode allows you to style the Testimonial Slider. It must be used with the Testimonial shortcode.

Choose animations, styles etc.

SCROLL WHEEL ZOOM – Check to allow scroll wheel zooming.

DRAGGABLE – Check to allow the map to be draggable. If you don’t check this, it is advisable to add the pan control to allow the user to navigate the map effectively.

10.16 – Testimonial

Thia shortcode allows you to add any number of testimonials to your postings. It must be used in conjunction with the Testimonial Slider.

QUOTE – Add the text of the quote.

AUTHOR – Add any names required.

AUTHOR LINK – Add any link to the author of the testimonial.

TESTIMONIAL IMAGE – Include an image, if required. If you want to change the image you have selected click the “upload image” button again.

IMAGE STYLE – Choose the required shape of the image.

10.17 – IMAGE slider

Choose images to display in a slider and their styling.

Please note that f you want to change the images you have selected click the “upload image” button again and the current
selection will be erased.

10.18 – BLOG POSTS

This shortcode allows you include a list of recent or selected posts, or a complete list of posts according to their categories.

You may choose to display a list, grid or carousel. If displaying as a thumbnail, select its style from the options
provided.

10.19 – PORTFOLIO

Allows you to include a list of recent or selected portfolios, or a complete list of portfolios according to their categories.
You may choose to display a list, grid or carousel.

If displaying as a thumbnail, select its style from the options provided.

10.20 – PRICING TABLE

Allows you to add pricing tables with headers.

This shortcode should be used in conjunction with the Pricing Column shortcodes.

Select the number of columns to display.

Please note that other shortcodes will also work within the Pricing Table shortcodes.

10.21 – PRICING COLUMN

To be used in conjunction with the Pricing Table shortcodes.

Add the required values as required.

Please note that you must add a new Pricing Column for each of the columns selected under the Pricing Table options.

10.22 – CALL TO ACTION

This shortcode adds a highlighted Call to Action box with text and button.

Add the required information.

Please note that the shortcode may only be used in conjunction with the Button shortcode.

Any button text added will appear on one line only. We recommend you keep the text to a minimum.

10.23 – PROGRESS BAR

This shortcode adds a progress bar to your post.

Add the required information. You may include as many progress bars as required.

10.24 – COUNTER

This shortcode adds a counter to your post.

Add the required information. You may include as many counters as required.

10.25 – PIE CHART

This shortcode adds a pie chart to your post.

Add the required information. You may include as many pie charts as required.

11. Videos

Installing Locale on Your Server

Adding Pages

Adding Pictures

Using shortcodes to create columns

Working with Google Panoramas

Creating Custom Headers

Note that the same actions apply to other forms of custom header.

Setting your portfolio parameters

Creating a portfolio

13. Errors and Error Messages
13.1 – WordPress Upgrades

We do not recommend that users upgrade their WordPress installation until they have checked that Locale is 100% compatible with any changes to the code. We do try to ensure that Locale works with all updates, but the developers at WordPress sometimes move the goal posts, which means rewriting many aspects of the theme.

When there are issues, we will post them on our Facebook page, as well as in emails to customers.

Be sure to save your settings before any upgrade is made, and ensure that, as is recommended by WordPress, you backup both your site and its database.

We recommend that users upgrade Locale, if one is necessary, before upgrading WordPress.

Please note: There has been a number of issues with WordPress 4.6.x that have affected themes worldwide. We have addressed these issues, but be aware that in some extreme instances, upgrading to the latest version of WordPress can corrupt your database.

If this is the case, please follow the following steps. Again, we stress that you must save your Locale settings first, to ensure that your website remains looking the way you want.

13.2 – Map Markers

On some servers, the Map Marker shortcode does not add the address after typing it into the shortcode menu.

If this occurs, you will need to add the longitude and latitude coordinates manually.

This is quite straightforward to do using Google Maps:

  1. Type in the address in Google Maps
  2. Locate the marker in the map panel
  3. Left click on the marker and select “What’s here”
  4. A small popup will appear in the bottom portion of the panel, showing the address and coordinates
  5. Click on the coordinates. They will then appear in the left-hand navigation panel
  6. Copy and paste the coordinates into the shortcode section:[map_marker latitude="Add your first coordinate here" longitude="Add your second coordinate here" marker_icon="" marker_content="Test " /]
13.3 – Live Preview Issues

This is a server issue that some customers have mentioned. This is due to a missing allow_url_fopen in your php.ini. It is recommended you speak with your server administrators to have this corrected.

13.4 – 404 Not Found with posts and portfolio after upgrading the theme

This is a common error when upgrading to the latest version of a theme such as Locale. Usually, it is a matter of updating your permalinks.

Go to Settings >> Permalinks and re-save your settings.

13,5 – Mobile menu not displaying all items

Although WordPress allows several menus to be user generated, problems can arise with mobile-platform browsers, which only recognise one menu, that being the last one to load when the website is accessed. Therefore, secondary menus, such as pages selected from your website, will load instead of the defined primary menu. Whilst this is useful for those who only want the mobile menu to display the most important pages, for example, because since some pages can be a drain on mobile data usage, we recommend that you restrict your site to only a primary menu.