Techy Tips When Adding An SSL To Your WordPress Site.

WordPress SSL Certificate Tips

It might be old news about Google and how much they love it when you add an SSL Certificate to your website (think ranking boost). If you haven’t heard about this, you can read about it here and here.

What’s an SSL Certificate?

SSL Certificates are small data files that digitally bind a cryptographic key to an organization’s details. When installed on a web server, it activates the padlock and the https protocol (over port 443) and allows secure connections from a web server to a browser.

In other words, it secures your website that encrypts the connection between a website’s web server and your web browser.

In other, other words, an SSL certificate ensures the website you’re visiting is safe. You can rest easy knowing that any info you share will stay private. Like your personal and credit card info. Important huh?!

For obvious reasons plus the fact that I’m creating better ways to exchange sensitive information with my clients, I needed an SSL Certificate! (TOTALLY excited about this too by the way!)

Since no one teaches this stuff, I wanted to share these tips so you can skip the aggravation and go straight to dance moves!

This could get/sound techy. If you get confused or need help with this stuff, contact your favorite web developer!

 

Simple but important.

Things to do when adding an SSL Certificate to your WordPress website.

  1. Check with your host. Adding an SSL certificate should be an easy 1 click install. (They’ll have a few options to choose from and will help you decide which is best for you.)

    BUUUT…be sure do to it late a night or another time when you think you’ll have little or no traffic on your website. Don’t do it when you just paid for a FB ad to promote your new service on Cyber Monday! Yep…my site went down for 4 hours and was re-routed to my husband’s under construction website (random). Yeah…they didn’t tell me that.

  2. Once that’s done, you’ll need to log into your WordPress website, go to Settings / General and edit BOTH your WordPress Address and Site Address to https (instead of http) and Save.

  3. If you use Google Fonts on your website (like I do) you’ll probably notice that now they’re acting funky and not rendering properly.

    To fix that mess, you’ll need to do this: From your WordPress menu, go to Thesis Home (I’m assuming you use and LUUUV Thesis like I do!) / Site / HTML Head / Head Scripts and take out the http: portion (as shown below) for any Google fonts you use. (Make sure to do this for your Google fonts ONLY.)

    GO FROM SOMETHING THAT LOOKS LIKE THIS:

    <link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>

    TO THIS:

    <link href='//fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>

    You’ll see the http: is no longer in the 2nd code string shown above.

  4. After checking, re-checking, checking phones, ipads, hubs phone, other people’s computers… (you know how it is…), I STILL had problems with some webfonts (the non Google kind).

    I found that I needed to add an “s” to my Custom CSS @font-face rules (for non-Google fonts). So instead of http, it now read https. Your @font-face rules will look something like this:

    @font-face {font-family: 'FontName';
    src: url('https://mywebsite.com/webfonts/2L4TB4_1_0.eot');
    src: url('https://mywebsite.com/webfonts/2L4TB4_1_0.eot#iefix') format('embedded-opentype'),
    url('https://mywebsite.com/webfonts/2L4TB4_1_0.woff2') format('woff2'),
    url('https://mywebsite.com/webfonts/2L4TB4_1_0.woff') format('woff'),
    url('https://mywebsite.com/webfonts/2L4TB4_1_0.ttf') format('truetype'),
    url('https://mywebsite.com/webfonts/2L4TB4_1_0.svg#wf') format('svg');}

  5. That’s it!

Simple steps (if you know what you’re doing)! Hope this helps you if you DIY and add an SSL Certificate to your website!

As for me, time-consuming, little aggravations for the day done! YES! Dance party in the howwse!!

If you need help with little but important webby to-do’s, check out my new Fast & Fab Online Updates service. I get it done, you check it off your list.

– Janet
Like this post?
Get more delivered straight to your inbox PLUS...

Grab the 3 Essentials Must Haves For Every Website

{ 0 comments… add one }

Leave a Comment

"You really are one of the easiest people I've had the pleasure to work with. You were quick when I needed you to be, and very thorough. You definitely earned my business!"

- Stephanie Baxter
Fiesta Winery

You’ve got to do more than just look good.
You need brains behind that pretty face!

Get the most out of your website by making sure it’s doing it’s job
the way it should be (or even better). Find out if you’re covered!

Grab The 3 Essential Must Haves For Every Website