TODAY IS THE DAY TO...

GET IT DONE!

Developer Resourcers

Do you have a WordPress problem you can't figure out? Why not let our experts show you how.

We hope these Posts may be useful for you. If you have any feedback, problems, enhancements, or websites where you have used these -- please leave a comment on the post.

Code Snippets are solutions we have come up with to solve website development problems or ways to add enhanced features and functionality.

Some of the solutions are generic to WordPress (and Gutenberg blocks), but most are pertinent to developers working with Genesis themes and Beaver Builder plugins.

We are sharing these in the hope that what worked for us may help you in your development projects.

if you need individual hands-on coaching we are available to help you with your project on an hourly basis.

If you would like a free consultation regarding your project
please fill out this form

If you need immediate assistance, send me the form because I might not be able to take a phone call or text message at the moment.
But try that as well...
510.842.7438

-- Pieter Hartsook


Developer Resources & Code Snippets signup

Get weekly updates on new Developer Resources and Code Snippets posts

Please wait...

Thank you for signing up!
Emails are sent out every Monday morning
if there is new content.

Developer Resources Posts

Weaver Theme bug

Weaver Theme bug identified & resolved

Posted in , ,

While I was configuring options in the Weaver theme (Weaver II-Pro) in preparation for my presentation at the Configurable Themes presentation for the Oakland WordPress Meetup the other day when I discovered a strange behavior when selecting one of Weaver theme’s most useful page-specific options: selecting the One column: No sidebar […]

Read More
Weaver Theme Demo List - why I like this WordPress theme 1

Weaver Theme Demo List – why I like this WordPress theme

Posted in , ,

  The website you are looking at right now is using the WeaverII-Pro Theme. In order to show the contrasts and similarities between Suffusion and Weaver I made this site a facsimile of my website which is currently using Suffision (at least on April 22, 2012) while I am giving […]

Read More
test slate 3

test slate

Posted in ,

https://slate.adobe.com/a/78Z5K

Read More
Horizontal Featured Image

Template: Featured Image (Vertical)

Posted in

This post should display a featured image, if the theme supports it. Non-square images can provide some unique styling issues. This post tests a vertical featured image.

Read More
Horizontal Featured Image

Template: Featured Image (Horizontal)

Posted in

This post should display a featured image, if the theme supports it. Non-square images can provide some unique styling issues. This post tests a horizontal featured image.

Read More

Template: More Tag

Posted in

This content is before the more tag. Right after this sentence should be a “continue reading” button of some sort.

Read More

Template: Excerpt (Defined)

Posted in

This is a user-defined post excerpt. It should be displayed in place of the post content in archive-index pages.

Read More

Template: Excerpt (Generated)

Posted in

This is the post content. It should be displayed in place of the auto-generated excerpt in single-page views. Archive-index pages should display an auto-generated excerpt of this content. Depending on Theme-defined filters, the length of the auto-generated excerpt will vary from Theme-to-Theme. The default length for auto-generated excerpts is 55 […]

Read More

Template: Paginated

Posted in

Post Page 1

Read More

Template: Password Protected (the password is “enter”)

Posted in

This content, comments, pingbacks, and trackbacks should not be visible until the password is entered.

Read More

Code Snippets Posts

Remove the unwanted padding on Gutenberg video block displayed in Beaver Themer templates 4

Remove the unwanted padding on Gutenberg video block displayed in Beaver Themer templates

Posted in , , ,

If you use Beaver Themer to layout single post pages and format the post content using the Gutenberg Block Editor you notice when embedding a video that the “Resize for smaller devices” switch is enabled by default on video blocks. The purpose of this setting is to maintain the original […]

Read More
How to add CSS to control elements on the back end of your WordPress site 5

How to add CSS to control elements on the back end of your WordPress site

Posted in , , ,

Let’s say you want to style the dashboard, or hide an element that normally shows when editing a Post using display:none;. Even if you can discover the CSS selector using your browser’s inspector and test out your custom styling, you can’t just copy and paste that into the WordPress Customizer. […]

Read More
Simple History plugin banner

Shorten the length of the log file for Simple History plugin

Posted in , ,

The Simple History plugin default history period is 60 days. The log includes not only user initiated changes to the website, but all the automated updates to plugins, etc. This can make the log file pretty large.

Read More
A bit of PHP to preserve html formatting in standard WordPress excerpts 6

A bit of PHP to preserve html formatting in standard WordPress excerpts

Posted in , , ,

If you don’t use the Excerpt field in your posts and rely on WordPress to grab the first few dozen words of your post content what you usually find is the excerpt when displayed on the front end (usually in some sort of archive or post grid display) will have […]

Read More
How to add custom post types to your default RSS feed 7

How to add custom post types to your default RSS feed

Posted in , , ,

RSS readers are somewhat old school in 2020, but the RSS feed that is part of WordPress is used by email services like Mailchimp and Mailerlite to create automated email updates when you add a new post to your website. If you have custom post types though, they are not included […]

Read More
Storing javascript in a metabox.io Custom Field textarea 8

Storing javascript in a metabox.io Custom Field textarea

Posted in , ,

For some client projects I needed to embed javascript code in a page (Post). I used a custom field textarea to insert the code when creating the Post. The problem was the default for text fields was to run them through a sanitizer.php to strip out any type of code […]

Read More
Create a Scrolling Column with trivial CSS 9

Create a Scrolling Column with trivial CSS

Posted in ,

The client wanted to display a list of past events in a scrollable column. This was easy to implement using simple css. The page layout was done with Beaver Builder, but the solution should work for any html container.

Read More
Changing a Submenu to a Mega-menu with Beaver Builder 10

Changing a Submenu to a Mega-menu with Beaver Builder

Posted in , , ,

Sometimes you want to present a navigation menu as a horizontal “mega-menu” instead of a hierarchal dropdown menu. This is really simple if you are using Beaver Builder. The mega-menu feature is built in, but is unfortunately hidden. You have to know the secret to turn it on.

Read More
Formatting a custom number field to add commas 11

Formatting a custom number field to add commas

Posted in , , , ,

I needed to format a number field (999,999,999), coming from a custom field number-format (no other characters permitted in the number entry field). No “$” no commas or decimal points, etc. to output as a normal currency format. When displaying the number I could add a “$” in front of […]

Read More

Knowledge Sharing: Community-Based LearningHow do you do that?Watch Out!There's a plugin for that...

How Do You Do That?!

WordPress sites are actually a collection of components from different vendors that must all work in harmony to get the functionality and appearance you want. If one is slightly off-key it can cause havoc with the rest of the site. WordPress Website Coach has experience using dozens of these components on many client sites. We know what combinations of parts work well together and which ones are more problematic.

Getting your site to look and work exactly the way you want often requires some customization of these components. We've done that and want to share some of our tips and tricks with you.

For example would you like to know our Seven questions to improve your website design?

    If you would like a free consultation regarding your project

    please fill out this form

    If you need immediate assistance, send me the form because I might not be able to take a phone call or text message at the moment.
    But try that as well...
    510.842.7438

    -- Pieter Hartsook

    Your Name (required)

    Your Email (required)

    Your Phone

    Your current website

    Contact me by
    emailphone

    I'm interested in:
    New WebsiteRe-launch existing siteTrouble-shooting WordPress siteWordPress coaching/trainingSite migration/new hostingOther...

    How soon do you need help?
    It's an emergency, I need help right awayI wish it were already doneIn the next few weeksIn a month or soIt depends...

    Anything else you'd like to add?

    If you need help customizing your WordPress site -- talk to us.

    We have experience in PHP, MySQL, CSS, and Javascript that underlies your WordPress website.

    Sometimes you can find a "purpose-built" theme that exactly meets your functional and stylistic requirements. This can save you a lot of time and cost creating the website for your business. But, be careful...

    Most of the highly targeted themes are very difficult to modify outside of the range of settings the theme developer provides. Even something you would think was a simple change might require many hours of custom coding and testing to achieve.

    Often times it is more efficient to use a general purpose theme that is well supported and highly configurable that can serve as a basis for almost any set of design and functional requirements. This is the approach we use most of the time...

    Our preferred platform is the Genesis Framework for the theme and Beaver Builder plugin to manage the page layout.

    It's 2017, every site URL these days should start with https:// instead of http://. There are several reasons for adding that SSL Certificate:

    1. With SSL, your viewer's interactions with your website are encrypted, you may not be collecting credit card info, but forms often have names, addresses, phone number, etc. that nobody wants shared with the guy at the next table at Starbucks.
    2. The encrypted pages from your site actually load faster than the unencrypted ones.
    3. Google will down-rank your SEO if you don't have an SSL cert.
    4. Browsers are increasingly alerting viewers if they are trying to load an "unsecure page". You do not want visitors to your site to wonder if viewing your pages is safe.
    5. If you are doing e-commerce on your site, you will be required to have an SSL Certificate.

    There are several levels of SSL Certificates. The lowest level is a "domain-level" certificate. Issuing this certificate can be automated. Basically, a program checks to see if an email address associated with your domain, is also associated with your website hosting account. If it is, you get an SSL cert for your website and you can do e-commerce, your visitors see the Secure lock, and https://  shows up in their browser.

    Many web hosting vendors are now providing domain-level SSL Certificates for free with your account, and it takes only a few clicks and a minute or two to set it up. If your hosting vendor doesn't do this, it's time to switch hosting vendors!

    Google provides free analytics accounts. While there are other website statistics services, Google Analytics is easy to add to your site and will over time provide you a wealth of information about what visitors find interesting on your site. It will also tell you for example, what percent of your visits come from mobile devices. That's good information to have when you're thinking about a site redesign to make it more mobile-friendly.

    Look at the page-source for any one of your pages and search for "UA-" That's the prefix for Google Analytics tracking number for your account. If you see something like UA-12345678-1, that's it. You have Google Analytics installed. Just log in to your Google account to view the website traffic reports.

    It all depends... We can build a simple several-page website from scratch in 8-10 hours if you have your content ready to go.

     

    1. What do you want to accomplish with your site? A one-page "brochure" site with your business details and contact information is much easier than an e-commerce or membership site.
    2. How much content (text, images, video, audio, etc.) do you already have? Is it already on a WordPress website, in electronic documents that your can copy and paste, or do you have to create the content from scratch?
    3. Do you already have a design in mind for your site? Do you have a marketing and art department that can provide detailed wireframes for all the pages with specifications for colors, fonts, etc? If not we have visual and User Experience (UX) designers that can meet with you to develop a design for you.
    4. Would you be happy using pre-existing professionally designed layouts for your web pages? That can save loads of time and cost by replacing the stock text and images with your own. Maybe a pre-built coffee shop layout would work just fine for your coffee shop.
    Skip to content