WordPress Web Design Challenge: Ask Eric Hamm

What’s up guys! I’ve been looking for various ways to offer more consistent tutorials and screencasts that are specific to our Cobalt Apps DEV tools, and WordPress Web Design in general. Yet I find that trying to come up with my own ideas is much less fruitful than responding to your own requests for Freelance Development insight. So I’ve come up with an idea that could be really useful or a total waste of time. 🙂 Time will tell.

Read more “WordPress Web Design Challenge: Ask Eric Hamm”

12 Days Of Coding: How To Manipulate The Styles Of Your WordPress Website Using Themer Pro And Your Browser Inspector

In this 12 Days Of Coding tutorial I show you how to use your browser’s Inspector tool, as well as our Themer Pro Front-End DEV Tools feature, to tweak the design of your WordPress pages and posts. With this combination you’ll find that most any custom design needs, beyond what your active theme provides, will be thoroughly covered.

Read more “12 Days Of Coding: How To Manipulate The Styles Of Your WordPress Website Using Themer Pro And Your Browser Inspector”

12 Days Of Coding: Using Instant IDE To Create And Explore The Files And Folders Of The WordPress Platform

In this 12 Days Of Coding tutorial I use Instant IDE to create a fresh installation of the WordPress Platform and then explore the various files and folders found in that WP install to show you how it is organized for ideal compartmentalization and functionality. I don’t get into a lot of the coding aspects of WordPress here, but instead take a birds-eye view to show how WordPress is purposefully structured.

Read more “12 Days Of Coding: Using Instant IDE To Create And Explore The Files And Folders Of The WordPress Platform”

12 Days Of Coding: How To Customize WP Blocks Using Themer Pro And Custom CSS

In this 12 Days Of Coding tutorial I use the GeneratePress Theme and our Themer Pro Plugin to go into greater depth with the WP Block Editor and how to customize the look of the various blocks with some custom CSS. I show you how to make your styles site-wide, page specific, and even block specific. So checkout the screencast below to help gain a better understanding of both custom CSS in WordPress and how to customize the design of your particular WP Block pages.

Read more “12 Days Of Coding: How To Customize WP Blocks Using Themer Pro And Custom CSS”

12 Days Of Coding: Add Custom Content To Your WordPress Pages Using Action Hooks And Extender Pro

In this 12 Days Of Coding post I will show you the ins and outs of WordPress Action Hooks and how you can use them to easily add custom content to your website’s pages. For this tutorial I used our Freelancer Framework and our Extender Pro Plugin. With this combination I was able to use both custom coding and a super useful Extender Pro feature called Custom Hook Boxes to add and remove custom content on the front-end of my website.

Read more “12 Days Of Coding: Add Custom Content To Your WordPress Pages Using Action Hooks And Extender Pro”

12 Days Of Coding: How To Edit The Number Of Genesis Sample Footer Widgets And Style Them With CSS

In this 12 Days Of Coding post I will be showing you how to quickly and easily change the number of Footer Widgets that are made available through the Genesis Sample Theme (or most current Genesis Child Themes) and then adjust the CSS code appropriately to accommodate these changes. I will be using the Themer Pro Plugin to accomplish these tasks.

Read more “12 Days Of Coding: How To Edit The Number Of Genesis Sample Footer Widgets And Style Them With CSS”

12 Days Of Coding: Customizing Block Editor Styles Using Custom Classes, CSS, And Themer Pro

As the first tutorial of our 12 Days Of Coding I’m working with a GeneratePress Child Theme (created by our Themer Pro Plugin), the WordPress Block Editor, and the Themer Pro Front-End DEV Tools. In this How-To video I show you simple ways to focus your Custom CSS on specific WP Block Editor Blocks by adding your own custom block classes. I then show you how to manipulate the styles of these blocks using the Themer Pro Front-End DEV Tools CSS Sandbox feature with real-time changes.

Read more “12 Days Of Coding: Customizing Block Editor Styles Using Custom Classes, CSS, And Themer Pro”