Implementing a custom wordpress page design
LURN Podcast WordPress page
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.
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.
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.
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.
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.