Implementing a custom wordpress page design

LURN Podcast WordPress page

Overview

LURN, a non-profit local to Los Angeles was going on the airwaves, well not really considering people today rather tune into their streaming platforms, but something similar. They were producing a podcast and wanted to make it accessible to all their listners. LURN reached out to me with a well thought out page design. They wanted to have a new section on their website where they could list all of their podcasts which were to be available on many platforms.

The podcast page should be easily edited by the admin users, and it should look like the provided design.

Key Technologies

HTML

Python

PostgreSQL

Javascript

Discovery

It was quickly discovered that LURN was making good use of WordPress, one of the worlds most popular content management and blogging platforms. They wanted to add a new section to their website. A section they could easily manage, add and remove podcast links, not only that, they already had a specific look and structure in mind, conveniently rendered as a PDF.

Strategy

I would login to the WordPress website and browse for plugins that would allow me to create and manage a custom content type. I would then create a new content type and make this content type have as many fields as platforms the podcast should be distributed on. This way, LURN would upload to their podcast platforms, then go to their website and create a new podcast entry and paste the links into the appropriate fields. Once I had all of the technical stuff in place, I would start on creating the section and styling the look of it to look like their provided design.

Build

A custom content type was created, named along the lines of "podcast". A custom styling sheet was also created to match the look of the design. The podcast title "Know Your City" was shown prominently at the top of the page, and its background, set up to create an awesome paralax effect.

The Results

Everything worked great. Editing the new "podcast" types was easy for LURN associates and the podcast sections page looked like their design, it was also responsive and adapted to many screen sizes.

Closing Thoughts

Though WordPress may at some times rigid, it can be highly customizable if you're willing to set up some custom content types and can lay down some CSS rules.

View Site View Case Study PDF Share This