Bill Bone Pro Am
Posted: October 19, 2013

Description

Introduction

This website design was provided as a set of images and/or PSD’s that I have constructed into a functional webpage. All of the code including HTML, CSS, Javascript, XML, and PHP are written by hand for each website below. The site is fully responsive, meaning the same code is delivered on desktop and mobile with changes to the layout activated by CSS media queries and JavaScript.

Desktop

Bill Bone Pro Am is a fully customizable website integrated into WordPress. This gives the site administrator the ability to add/manage race events, pages, photo galleries, and customize the widget areas. Each page offers several content blocks that either auto populate with posts or allow static text to be placed.

Logically in WordPress you have pages and posts and generally a given page is a combination of other sub pages and posts that exist. In this WordPress we have setup a custom post type for events (races) that show up in a list on the Races page and includes the details such as the location and schedule when viewing the post directly.

More custom page and post types were created to display photo galleries powered by jQuery Masonry, adding images is as simple as adding them to a post’s main content block. Overall standings are generated via data imported into a custom section of the site’s database with options to drill down on specific events and categories.

Mobile

Legal

All trademarks and artwork of the Bill Bone Pro Am website are property and copyright of Bill Bone Pro Am and Zimmerman Advertising and may not be reproduced in any way for any reason with all rights reserved.