Pro Pages Plugin on WordPress

Samantha Soper — Thu, 06 Apr 2017 15:00:39 +0000

The Pro Pages plugin generates a WordPress (WP) custom post type for information about various PGA Pros. Each Pro Page contains equipment, apparel for major tournaments, and a Twitter feed.

This project was an effort to migrate my successful What’s in the Bag? (WITB) PHP application built for Golfsmith over to Golf Town. Due to inconsistencies between the two server environments, I rebuilt the application as a WordPress plugin on the Golf Town blog. Additionally, I worked closely with GT’s IT to initiate a hosting relationship with WPEngine.

Pro Pages Plugin WP

Current Live Pages Samples

UX Planning

Data Model

On the WP admin side, equipment and apparel items are added as repeatable field groups. When a Golf Town (GT) product URL is placed into a product URL field, a combination of AJAX and CURL pull the product title and image from the GT e-commerce site. This OOP plugin is i18n compatible, with French-Canadian l10n files.

Data Model with UX Wireframes

" data-medium-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/WITB_Data-Model.jpg?fit=300%2C194&ssl=1" data-large-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/WITB_Data-Model.jpg?fit=1024%2C663&ssl=1" src="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/WITB_Data-Model.jpg?resize=1140%2C738" alt="Data Model with UX Wireframes" width="1140" height="738" class="size-full wp-image-814" srcset="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/WITB_Data-Model.jpg?w=1224&ssl=1 1224w, https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/WITB_Data-Model.jpg?resize=300%2C194&ssl=1 300w, https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/WITB_Data-Model.jpg?resize=1024%2C663&ssl=1 1024w" sizes="(max-width: 1140px) 100vw, 1140px" data-recalc-dims="1" />

Data Model with UX Wireframes

2017 Masters Tournament Scripting Sections

These elements were live on the Golf Town blog during the 2017 Masters tournament. While these sections only remain active on the page for a couple of weeks after the tournament, I captured screenshots to preserve my work.

All Players Masters scripting archive on GT Blog in English

" data-medium-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_All-EN.jpg?fit=228%2C300&ssl=1" data-large-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_All-EN.jpg?fit=465%2C612&ssl=1" /> All Players Masters scripting archive on GT Blog in French

" data-medium-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_All-FR.jpg?fit=228%2C300&ssl=1" data-large-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_All-FR.jpg?fit=465%2C612&ssl=1" /> Jordan Spieth Masters scripting on GT Blog in English

" data-medium-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_Spieth-EN.gif?fit=228%2C300&ssl=1" data-large-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_Spieth-EN.gif?fit=465%2C612&ssl=1" /> Jordan Spieth Masters scripting on GT Blog in French

" data-medium-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_Spieth-FR.jpg?fit=228%2C300&ssl=1" data-large-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_Spieth-FR.jpg?fit=465%2C612&ssl=1" /> Rickie Fowler Masters scripting on GT Blog in English

" data-medium-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_Fowler-EN.gif?fit=228%2C300&ssl=1" data-large-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_Fowler-EN.gif?fit=465%2C612&ssl=1" /> Rickie Fowler Masters scripting on GT Blog in French

" data-medium-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_Fowler-FR.jpg?fit=228%2C300&ssl=1" data-large-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_Fowler-FR.jpg?fit=465%2C612&ssl=1" /> Rory McIlroy Masters scripting on GT Blog in English

" data-medium-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_McIlroy-EN.gif?fit=228%2C300&ssl=1" data-large-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_McIlroy-EN.gif?fit=465%2C612&ssl=1" /> Rory McIlroy Masters scripting on GT Blog in French

" data-medium-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_McIlroy-FR.jpg?fit=228%2C300&ssl=1" data-large-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_McIlroy-FR.jpg?fit=465%2C612&ssl=1" /> Sergio Garcia Masters scripting on GT Blog in English

" data-medium-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_Garcia-EN.gif?fit=228%2C300&ssl=1" data-large-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_Garcia-EN.gif?fit=465%2C612&ssl=1" /> Sergio Garcia Masters scripting on GT Blog in French

" data-medium-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_Garcia-FR.jpg?fit=228%2C300&ssl=1" data-large-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_Garcia-FR.jpg?fit=465%2C612&ssl=1" /> Dustin Johnson Masters scripting on GT Blog in English

" data-medium-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_Johnson-EN.gif?fit=228%2C300&ssl=1" data-large-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_Johnson-EN.gif?fit=465%2C612&ssl=1" /> Dustin Johnson Masters scripting on GT Blog in French

" data-medium-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_Johnson-FR.jpg?fit=228%2C300&ssl=1" data-large-file="https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/04/GTWTPW_Johnson-FR.jpg?fit=465%2C612&ssl=1" />

Tools Used:

Object-Oriented Plugin Foundation: WordPress Plugin Boilerplate
Field Generator: CMB2
Twitter Feed: TweetPHP

The post Pro Pages Plugin on WordPress appeared first on Samantha Soper.

Golf Town Blog on WordPress

Samantha Soper — Fri, 31 Mar 2017 16:00:55 +0000

The Golf Town blog came into play as a way to move several successful digital programs over from Golfsmith. Unfortunately, the What’s in the Bag (WITB) PHP applications that I built for Golfsmith didn’t work on Golf Town’s server environment. Due to this, I made the suggestion that the WITB Pro Pages content be incorporated into the blog.

There was a rush to get the WITB Pro Pages plugin live before the 2017 Masters. Starting with the old Golfsmith blog on my own development environment, I had a contractor begin working on modifying the template to match Golf Town’s branding. I focused on getting the WITB plugin built out and set up full localization on the Golf Town template, once styling was completed. I coordinated with Golf Town’s IT staff to set up WPEngine hosting for the blog and then handled a portion of the MySQL migration to the new hosting location.

Golf Town Blog

Current Live Site

Result

Major Canadian golf news sites have already started to partner with the Golf Town blog. By August, ScoreGOLF teamed up with Golf Town to announce their yearly Top 59 Canadian Golf Course Countdown. In addition, the blog nets over 28,000 views on peak traffic days.

Credits:

Additional Theme Development: Shelby Pickett

The post Golf Town Blog on WordPress appeared first on Samantha Soper.

i18n Archives | Samantha Soper