Galão Instructions

Instructions for getting started with the WordPress theme Galão. Head over to the support forums if you need some further help or if the world has fallen on its head.

Installing and Activating the Theme

Login into your WordPress admin area, look under the “Appearance” tab, and select “Themes”.

Click on the “Install Themes” tab at the top of the page and click “Upload”.

Browse to the download location of the Galao.zip file and select the and press the “Install Now” button.

After you have chosen and uploaded the zip file, you will have three options to choose – click “Activate” to enable the theme on your website.

Built in Theme Options

Built in Theme Options

In your WordPress admin area, look under the “Appearance” tab, and select “Theme Options”. These simple theme options allow you to quickly update the site with your details.

Galao - Theme Instructions

Front Page

The front page options allow you to customize your front page “Hello Message”, “Project Caption” and “Featured Pages Caption”. These messages are displayed on the homepage template that you select when creating a new page.

In the front page settings you can also adjust the title text of the headings that display above your portfolio and featured pages areas. You can also specify how many projects to show.

To add a homepage full width feature image simply head to “Featured Work Banner” under the “Front Page” tab. Upload a large high quality image and click “Use This Image” – be sure that the full size option is selected.

Styling

The style options allow you to change the basic front-end styling of the site.

Enable Plain Text Logo: Tick the box of you do not wish to use the default logo or if you wish to use your own uploaded logo.

Upload Your Custom Logo: Upload your own logo, be sure your logo is on a transparent background and saved as either a .png or .gif.

Upload Your Favicon: Here you can upload your own favicon, this will overwrite the default favicon. Files should be saved as a ..png and be 16×16 pixels.

Upload An iPhone/iPad Icon: When you view the site on an iPad or iPhone and select “Add to Home Screen” on your device a default icon will appear for the site. To add your own icon, use the upload feature and ensure your icon is to the dimensions of 234 x 240 pixels.

Upload A Custom Login Logo: When you login into your site [yoursite.com/wp-admin] you can set a custom logo to be displayed on the login screen, this will overwrite the default ThemeJug login logo.

Link Color: You can quickly change the color of the hyperlinks in blog posts and portfolio items by using the color selector.

Link ‘Hover’ Color: You can quickly change the color of the hyperlinks ‘hover’ color in blog posts and portfolio items by using the color selector.

Custom CSS: If you wish to add small amounts of custom CSS to the site, it is best to do it here, this way you avoid altering the themes core CSS files. If you wish to make large theme changes/additions please use a child theme, or use a plugin: Child theme plugin.

Background: You can amend the site background color or upload and image should you wish.

General Options

Feedburner URL: This setting allows you to add your Feedburner URL, allowing people to subscribe to your blog posts. Example feed format: http://feeds.feedburner.com/mysitename

Email Address: This setting allows you to add the email address that will be used ub the built-in contact form.

Footer Text: You can overwrite the left and right footer text areas with your own custom text. You can also fill this space with a menu. (Appearance -> Menus -> Footer ).

Portfolio

Portfolio Pagination: Select how many portfolio items to show per page  if you use the ‘paginated portfolio’ page template.

Show Related Portfolios: Choose if you would like to show related projects on a single project post, you can set how many to show also.

Testimonials: Enabled/disable your client testimonials, you can also choose how many are shown. These are shown below your main projects in the “Paginated Portfolio” template.

Creating Menus

Creating Menus

In the WordPress admin area click “Menus”. This is located under the “Appearance” tab in the left sidebar.  (Appearance -> Menus). To create a new menu, enter a “Menu Name” and click the blue button ‘Create Menu’, located top left.

Once the new menu is created you can add pages, categories, and custom links from the panels on the left.

You can then drag and drop the menu blocks if you wish to re-order them, you can create submenus by dragging the menu items under each other.

When you’re finished, click the “Save Menu” button.

In the Theme Locations box, under Primary Menu select your menu name from the drop down box and click “Save”.

A secondary navigation is also supported, if activated and setup as above it appears in the right footer area. To create this, follow the steps above to create a newly named menu, in “Theme Locations” select your newly created menu in the ‘Secondary Menu’ drop-down and click “Save”.

Adding Widgets

Adding Widgets

All themes at ThemeJug come packed with custom widgets; you can find these labeled with the prefix [ThemeJug – Widget Name] in the Widget admin area. (Appearance -> Widgets).

You can add these widgets to areas in the blog sidebar and footer widget areas by simply dragging them over and customising each widget option.

Custom Widget Reference:

ThemeJug – Latest Tweets

This widget is used to pull in a custom number of tweets, from a custom Twitter username. Play nice with the Twitter API.

ThemeJug – Video

This widget is used to allow you to embed a responsive video from Vimeo or YouTube into the sidebar area.

ThemeJug – Flickr

This widget is used to pull a specified user group or a specified user photo feed. To get your Flickr ID use http://idgettr.com/ 

ThemeJug – Recent Portfolios

This widget is used to display your recent portfolio items.

Building A Portfolio

Building A Portfolio

This theme uses WordPress custom post types to build your portfolio. To start first you will need to create a new “Page”. In the left column, find and click Pages -> Add New.

Give your page a title, for example “Portfolio” and in the right column of the page editor find the box named “Page Attributes”.

In “Page Attributes” you will see a drop-down box under the heading “Templates”, here you need to select the page template called “Portfolio – Paginated”.

Page – Portfolio – Paginated

This is used to show a set number of portfolio items, WordPress then creates another page when the limit is reach. You can set the pagination number in the “General Options” panel tab.

Click “Publish”, here you have created a page where all your portfolio items will appear on – when you add the portfolio items.

Creating Portfolio Items

To start filling the portfolio pages with projects, locate the “Portfolios” link in the left column. Click Portfolios -> Add New.

Note – Minimum images sizes should be as big as possible. WordPress will crop or scale your images to the right size depending on what type of portfolio you add. If you want pixel perfect the image width should be no less then 700px in width.

There are four different portfolio types supported, you need to select one to use:

Image: All portfolio images uploaded are displayed on the page one item at a time.

Slideshow: Automatically create a slideshow that loops through all images you upload. Simply upload your images and close the WordPress image uploader.

Video: You can either embed a video from Vimeo or YouTube or you can upload a self-hosted video.

Audio: You can upload a self-hosted audio file.

Portfolio Details supported:

Date: This allows you to display a project completion date, should you wish.

Client: This allows you to display a client name, should you wish.

Portfolio URL: This allows you to display an external URL to the project, should you wish.

Setting Portfolio Thumbnails:

You will need to assign each portfolio item a “Featured Image” this is used as the project’s thumbnail. You need to do this for all portfolio types. (Including Self-Hosted Audio & Self-Hosted Video.)

The theme will crop your uploaded images to the correct dimensions; you just need to select a ‘Featured Image’.

In the “Add New Portfolio” screen, find the “Featured Image” box and click “Set Featured Image”. Either upload or select a previously uploaded image to use and click the “Use as featured image” link.

Portfolio Types and Filtering:

This theme allows you to filter your portfolio items by “Portfolio Type”.

You can quickly add or choose existing “Portfolio Types” in the “Portfolio Type” box.

To properly manage your portfolio types go to “Portfolios -> Portfolio Types”.

Building A Homepage

Building A Homepage

By default WordPress usually sets your homepage to display your blog posts. To set up a homepage with a slider, work items and other content as in the theme demo, you need to set up a new page, simply create a new page Pages -> Add New.

Give your page a title, for example “Home” and in the right column of the page editor find the box named “Page Attributes”.

In “Page Attributes” you will see a dropdown box under the heading “Templates”, here you need to select the page template called “Page – Home”.

Click “Publish” to finish.

Next you need to set your blog homepage as a static page, in this case, the page you just created.

Head over to “Settings -> Reading.

Find the “Front page displays” heading and tick the box labeled “A static page (select below)”. In the “Front Page” select box locate and select your newly created page, in this case “Home”.

Click “Save Changes” to complete.

Adding Content To The Homepage

The page template used to create the homepage – “Page – Home” features a full width featured image, featured pages and a recent work area.

Homepage Full Image: The homepage full width featured image and caption is set in the theme options panel, navigate to Appearance -> Theme Options -> Front Page. You can your homepage featured image by  finding the “Featured Work Banner” and clicking “Upload” – Upload a large high quality image and click “Use This Image” – be sure that the full size option is selected.

Homepage Projects: Settings are found  in the theme options panel, navigate to Appearance -> Theme Options -> Front Page. You can select how many projects to show and add your own title/caption that goes above the projects.

Homepage Featured Pages: To create a set of featured pages, first create a new “Page” using the “Default Template” – “Pages-> Add New”. Add you page content and add upload a “Featured image” to the page. You then need to tick the box labled: “Featured On Homepage”.

Galao - Theme Instructions

Building A Blog

Building A Blog

This theme supports multiple post formats – this means you post your own self-hosted video, audio, images, galleries, links, quotes and of course the normal standard posts.

Setting Post Thumbnails: It is optional to set a featured image for most post formats, if you use the “Self-Hosted Audio” and “Self-Hosted Video” format you will need to set a featured image.

Create a blog post: To create a new blog post, in the left sidebar click “Posts -> Add New’. In the right sidebar you can choose which post format you wish to use.

There are seven different post types supported, you need to select one to use:

Standard: A standard post full of anything you wish!

Audio: You can upload self-hosted audio files, be sure to set a “Featured Image” for the thumbnail.

Gallery: A slider containing your images is automatically created from all the pictures you upload.

Image: This is a single image; simply upload an image of you choice and set it as “Featured Image”.

Link: Here you can post up a link to an external website and an accompanying blurb if you wish about the link.

Quote: Post up a quote of your choice and provide a blurb and reference for the quote.

Video: You can upload self-hosted video files OR choose to embed a video from Vimeo or YouTube, be sure to set a “Featured Image” for the thumbnail.

Creating A Separate Blog Page

Creating A Separate Blog Page

Though not necessary, should you wish to display something other than your blog posts on your homepage, such as a homepage template like in the demo, you can set up another page to display your blog posts on.

To set it up, simply create a new page Pages -> Add New.

Give your page a title, for example “Blog” and click “Publish” to save and finish.

Next you need to set your blog homepage as a static page, in this case, the page you just created.

Head over to “Settings -> Reading.

Find the “Front page displays” heading and tick the box labeled “A static page (select below)”. In the “Posts Page” select box locate and select your newly created page, in this case “Blog”.

Click “Save Changes” to complete.

Creating A Contact Form

Creating a Contact Form

This theme comes packed with a built in contact form, to set it up, simply create a new page Pages -> Add New.

Give your page a title, for example “Contact” and in the right column of the page editor find the box named “Page Attributes”.

In “Page Attributes” you will see a dropdown box under the heading “Templates”, here you need to select the page template called “Page – Contact”.

You set the email address for the contact form in the theme options panel (Apperance -> Theme Options -> General), if one is not supplied it will grab the email associated to the WordPress install.

Click “Publish” to save and finish.

 


Galao Theme Instructions: Version: 1.0

December 24, 2012 by: ThemeJug Support

We are no longer accepting orders! Please do not try to make a purchase
Hello. Add your message here.