Style Disqus Comments in Twenty Fifteen Theme

I’ve recently moved several of my content based WordPress sites over to the Twenty Fifteen theme. It’s just so clean and neat … and focuses on content rather than features. Paired with Jetpack you can run a pretty awesome blog.

Anyway when I started applying this theme to my sites already integrated with the Disqus comment system I noticed the style was all off. A bit of Googling found me at Alex’s website reading about how I can apply some custom CSS to fix the issue. That’s awesome but not a simple feat for your average WordPress user and somewhat of an annoyance for someone that doesn’t want to install a Custom CSS plugin or create a child theme just to apply some custom CSS rules.

So … I turned it into a WordPress plugin to make it easy to fix for everyone. Hats off to Alex Dresko and ultimately Joshua Granick whose CSS I actually used  (he left a comment on Alex’s post – which runs on Disqus… how meta).

Before

Twenty Fifteen Disqus Comments

After

Twenty Fifteen Disqus Style

 

Download on WordPress.org / Fork on Github

Zendesk Helpdesk Widget in WordPress Admin

When managing dozens of WordPress sites for dozens of different users, streamlining the support process using an excellent help desk system quickly becomes a priority.

If you are not familiar with Zendesk, it’s a help desk / ticketing system on steroids allowing you to manage support requests, setup response macros, manage a knowledge base, and more.

My Admin Zendesk Help Widget plugin (ya … bad name) utilizes Zendesk’s web widget which you can configure via a simple plugin settings page. Customizing the widget is easy in your Zendesk dashboard – you can change the colors, position of the Help button, and much more. Information about the current logged in user auto populates the fields and when a user submits a support requests it shows you what page the request was made from in the Zendesk ticket.

Installing, activating, and configuring the plugin can be done in 60 seconds. All you need is a Zendesk account and to know your subdomain (that will make sense if you have already signed up).

Download on WordPress Plugin Repository / Fork on Github

Add Terms and Conditions to Restrict Content Pro

TL;DR – I wrote a WordPress plugin to add Terms and Conditions to the registration form when using the Restrict Content Pro plugin .

I just recently built a WordPress membership site using the Restrict Content Pro plugin and a few add-ons. However since they were taking money (via Stripe) in the registration process the user wanted a terms and conditions checkbox to ensure the customer knew what they were getting with the membership.

I figured this might come in handy so I built and released a plugin for it.

Upon installation and activation, you will see a new submenu item under “Restrict” called “Terms”.

RCP - Terms and Conditions

Under “Terms” you will see a simple admin settings page that allows you to set the label for the Terms and Conditions checkbox that shows up on the registration form as well as the link to your terms and conditions (whether that’s a page on your site or a PDF on a CDN).

RCP Terms Settings

The code and idea for the plugin is loosely based on this blog post Add a Agree to Our Terms of Use Field to Restrict Content Pro from @pippinsplugins.

Plugin code on Github: Restrict Content Pro Terms and Conditions

Install via WordPress Plugin repo: Restrict Content Pro – Terms and Conditions

WordPress Plugin: Open Files In New Tab or Window

On a recent WordPress project I had a requirement that any files be opened in a new tab or window. Now this can be easily accomplished by the users when they create the post or page by linking to the file and marking the checkbox “Open Link In A New Window/Tab”. But we all know users can’t be trusted so in order to “double check” them I wrote a WordPress plugin that will hunt the page for anchor tags that link to something with a file extension, and simply add “target=’_blank'” to them.

Basically all the plugin does is enqueue a jQuery script that does the work. I got the idea to use the jQuery .filter() method from @nickf and the regular expression (because I suck at them) from @már-Örlygsson.

jQuery Open Files In New Tab Or Window

Links and References

Fork On Github

WordPress Plugin Page

jQuery Script

Stackoverflow: Javascript regex for matching/extracting file extension

Stackoverflow: jQuery Selector Regular Expressions

Bootstrap Styles for Gravity Forms WordPress Plugin

TL;DR: WordPress Plugin to apply Bootstrap Styles to Gravity Forms

Everyone loves Gravity Forms and everyone loves Bootstrap. But they don’t look too good when combined. So I set out to find a nice way to combine the two. After some Googling around I came across Devin Walker’s gist to apply Bootstrap styles to Gravity Forms. After a few tweaks using that I decided to package it up in to a WordPress plugin.

bootstrap gravity form

To accomplish this I modified Devin’s CSS and then properly enqueue the style into the WordPress theme with the plugin. Pretty straightforward.

Usage

  1. Install and enable the plugin via Dashboard or download
  2. In Gravity Forms Settings, turn off “Output CSS”
  3. In Gravity Forms Settings, turn on “Output HTML5”
  4. Done! Have a beer.

Links

Download Plugin

Fork on Github

Have an issue? Report on Github