Wordpress Web Design - Next Level Tutorial - SSL Certificates | Andrew Turner | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Wordpress Web Design - Next Level Tutorial - SSL Certificates

teacher avatar Andrew Turner, Web developer & WordPress trainer

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

6 Lessons (17m)
    • 1. WordPress Tutorial SSL CERTIFICATES Introduction

    • 2. Module 1 SSL Why is it needed?

    • 3. Module 2 SSL Where to get one?

    • 4. Module 3 SSL Free SSL & DNS Changes

    • 5. Module 4 SSL SSL DNS Update not completed

    • 6. Module 5 SSL Complete Install

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

This short tutorial class will teach you how to install an SSL certificate for your website, explaining also why this is necessary. 

These ‘Next Level’ tutorials are created to be short, focused tutorials addressing specific challenges that you will face as a web developer. They assume you have either completed the ‘Introductory Course’, or are already familiar with WordPress, and the Avada theme in particular.

I will be adding new tutorials over the coming weeks.  If there is something specific that you would like me to include, please contact me via the details in my profile.

Meet Your Teacher

Teacher Profile Image

Andrew Turner

Web developer & WordPress trainer


Andrew Turner is a full-time web developer and WordPress trainer working through his own training company Web Design Workshop. He is also a fanatical street photographer and author of the book 'Shooting Street'. He lives with his wife and two daughters in the beautiful city of Oxford in the UK.

See full profile

Class Ratings

Expectations Met?
  • Exceeded!
  • Yes
  • Somewhat
  • Not really
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. WordPress Tutorial SSL CERTIFICATES Introduction: this next level tutorial in this In this tutorial, we're gonna be looking at implementing SSL on your website. First of all, I'm going to explain why it's needed. Not everybody is familiar with as herself certificates and why they have become so important. Um, then I'm gonna look at where to get an SSL certificate. There are plenty of places you can get one, you can pay for it and there are a number of free ones available. Most of the free ones have restrictions on them. But in the final module, I'm gonna show you how to implement a very good free SSL certificates. So what that means is that you you can obviously still charge your client a little bit of money for it if necessary, But it won't cost you anything other than the time to implement these typical itself. Okay, so let's launch straight into Module one and look at why the SSL certificate is needed in the first place. 2. Module 1 SSL Why is it needed?: sso. What is that? Says So SSL certificate is what? That's what it means. SSL means an SSL certificate. It's basically as far as most people are concerned, this browser padlock. This site has an SSL certificate installed. That's why it says H T T P s and has the browser padlock indicating that it's locked. Let's have a look at a site that I've set up just with the bare bones. WordPress installation looks pretty grim, as you can see, but you'll notice that the browser padlock has got a red line through it on. Instead of saying http s it just has www. You might just see http in there. Now that's indicating that it does not have an SSL certificate installed on. The reason we need an SSL certificate these days is mostly to do with search engines because search engines now state that Annette SSL certificate is required to get listed on a search engine. So not only does it have security related reasons, toe have it because obviously then create some sort of encryption between the user of your website Andi on their machines. So if they're passing you any sensitive information like credit card information or filling out a contact for it can't be intercepted. Or at least it can't be intercepted quite so easily. Eso That's why we need an SSL certificate. Onda uh, in the next module, we're gonna look at how to actually implement, and it's ourselves difficult and where to get one. 3. Module 2 SSL Where to get one?: can we get on SSL certificate to install on our website now? If you're using shared hosting, I use a company called Heart Internet. They provide SSL certificates, and you can buy them with various levels of security. There aren't that many sites that require more than the simple SSL, but you'll notice that it does have an annual cost associated with it. Now you can buy that through your host, and then you can attach it to your domain and you need a separate one for each domain. There are various different processes that you have to go through, usually some exchange of emails, too. Verify the SSL certificate and it can be a little bit of a hassle to implement, particularly if you don't have control of domain. But that's one place to buy it. Alternatively, if you're using a different host, someone like Kinser, for instance, which is a premium WordPress hosting company quite a bit more expensive than heart Internet . For a site, it's works at about £300 a year for hosting, but they actually include an SSL certificate with that so it's much, much easier to set up on the kids to platform simply because it literally is a tick book saying install SSL certificate on this domain on ditz Done. There is no verification process beyond that s O that works very well. If you've got a client who is willing to pay for Thebes premium hosting. But the other solution is to go to somewhere like Cloud Fair Cloud Flare, I should say, which is a company that will provide both free and paid for SSL certificates. Now, I've got quite a lot of companies set up on Cloudflare Andi In the next module, I'm going to show you how to implement a free as SL's difficult using the Cloudflare platform. 4. Module 3 SSL Free SSL & DNS Changes: Now let's take a look at how we get free SSL certificate implemented on our domains. The first thing you're going to do is set up on account with Cloudflare. You'll have to go through the registration process. It's free to set up. So just go through the registration set up and get yourself a cloud fair account. Okay, So I'm just logging into my demonstration account, saying that I've got no websites associated with this account at the moment. So the next thing we need to do is to go to whenever we've got our domain registered. I've got this domain registered through heart s so I can go to my domain control panel ongoing and manage the domain itself. So you might have your domain registered with, perhaps go Daddy or 123 Reg. Wherever you've got it registered, it should have the facility to go in and manage the domain itself. So you'll be able to change what it called the name servers and change the I P addresses associate ID with the DNS itself. So let's go into to this and just have a look at this. First of all, we're gonna go into DNS management. It may. It's likely to be called DNS management, whatever registrar you're using. But it may not be exactly DNS management. It might just say DNS or it might just say change, DNS. But it'll be DNS something. Okay, so these are the water called the I P addresses that are associated with this particular domain. Currently, this'd it's saying pending at the moment. But that's just because I've only recently made a change for this to this just to do this demonstration. But importantly, these numbers of what we're looking for because what I'm gonna do is I'm going to try and pull this domain, or at least the DNS settings for this domain into Cloudflare in a second. And I just want to double check that these numbers correspond to the same the same numbers in heart Internet. So what we're gonna do, first of all, is just copy the remaining. Then we're gonna go to our Cloudflare account, which I've already logged into, and then I'm gonna click, add site, then paste in the domain name and click add site again. Now it's gonna ask me whether I want to get a free SSL or whether I'm prepared to pay a little bit of money for it for additional services. The majority of my sites use the free SSL certificate. Some some. I do use the additional services, but have a look at it and see if it's see if they are worthwhile to you. Because obviously, you know, some of it may be worth worth paying for. But once we've select selected the free Plan, we can just confirm that now what it's gonna do is it's gonna go and scan those DNS records . And hopefully what we're going to see here is that the same DNS settings have been brought across from heart internet. So these should be identical. You'll notice that it's actually missing the mail i p address. So if we're running mail three, this is Aziz. Well, what we might want to do is to just copy that and add a record. So we're gonna call that mail, then we copy that same I p address and click add record. So now it's got the mail in there as well. Andi, you need to read up a little bit more about Cloudflare most of the time. The settings that brings in by default. Absolutely fine. He won't have to make any changes. Occasionally you have to insert this this male record. But if it if things don't work for whatever reason, you may have to other contact Cloudflare support or just read through the documentation just to double check why. But normally it just just works straight away. Okay, We're not gonna click. Continue. So now it's taken me to a page to suggest that I need to make a name server change, Um, in order to make this work. So it's giving me these new name service, which, um, this is the current setting for this domain, and these are the new name service that I need to change it to. So in order to do that, what I need to do is to go back to the domain control panel. Heart Internet for my purposes. Andi. Sorry. I'll just go back one. So now I need to go to change name service, not DNS management, but change names serves. It's going to show me what it's already set to. So it's currently set to an S stock main name server dot com and in its two main aim server Dr Korn. I need to add in the to name service that it's suggesting. So I'm just copying and pasting those flicking from tab to tap Andi. Then I click change name service. So what it should do now is just update that. And now it's saying the name servers are currently set to those new settings. So that's all you have to do with the registrar end? No, but the Cloudflare and you just have to say to click on done and check name service. Now, what Cloudflare will do is go back and double check that those names services have bean changed. You would get an error here if they haven't been so now you can just click done, Andi, that's it. Now, the thing is, it's not gonna work straightaway because DNS changes take a while to update. So what we now have to do is wait probably 24 hours sometime, a little longer, sometimes a little less. But in the next module, what I'm gonna do is show you how to check whether the DNS update is complete. 5. Module 4 SSL SSL DNS Update not completed: So we've done our SSL update on Cloudflare and we're trying to make orders. We've changed the DNS. Now we have to find out whether it's actually completed. Now, I've only just made the DNs changes. And I just put this quick module together just to show you, uh, what it looks like when it's not updated. So what I'm gonna do is go back to the domain that I'm working on, being found a CO UK and in the address bar on gonna type in h T T. P s forward slash colon forward slash forward slash in front of the www Now. When I hit that, it's gonna give me an error. It's going to say potential security risk ahead now. That's because I'm trying to access this website via SSL, but the SSL certificate is not yet installed, or at least it hasn't fully updated the DNS for it to be installed. So I still have to wait a little while longer for this update to complete on assumes that's completed. This error message should disappear when we should start to see the padlock in its locked state or in some browsers and safari, for instance, I think it shows us a green padlock indicating that it's, um it's OK and it's nice and secure. Okay, so in the final module off, this tutorial will have a look at how to change WordPress back end to make sure that it's implemented the updated on fully configured SSL certificate. 6. Module 5 SSL Complete Install: about 24 hours later from Thebes. Previous module. Just because if you remember, we just had to wait for the DNS to update. That has now updated. So I know that this is now potentially going to be a secure site. There's a few more changes I need to make In order to complete that. I thought I just quick to show you a site called What's my DNs? Just show if you're not familiar with this. This is a site that allows you to, um, monitor the DNS updates that you're making to any of your domains. So if you go to the site, what's my DNs dot net and then you type in your domain name. First of all, you can have a look at what the A record is set to eso. If you remember, that was one of the numbers in the in the DNS settings that we had. But what we what we actually change was the name server. So if you change the drop down to N S and click Search, we can now see that all the name servers around the world are set to the name server that we need it to be set to now. If you go and check that immediately after changing what you'll see, what you're likely to see is a mix off the old name server and the new new name server that you said. But once this is all ticked in green than use, the new name server is actually in place. Now we noticed that there's one with with an excellent So it could be that that name Silver is down at the moment. But it does certainly look as though the update is propagated around the world. So everything's in place now. Even if you do see that green tick on all of them, which he might see an hour or so after making that Dennis change, it doesn't necessarily mean that the name that the SSL certificate on Cloudflare has actually bean installed. So that's why I had to wait about 24 hours for it to fully updates on for it to be usable on the demand. Okay, so that's just a on a side. You might want to take a look at that that that website, just to check various things out related to your remaining. Okay, so let's go back to the domain name that which we were working with. Now you'll notice that the padlock is still indicating that it's insecure. It's got the red line through it. But how I checked to see if this is now updated is if I type in http s coal on forward slash forward slash and then hit return, you'll see that the padlock has now gone gray. Andi, the red line has gone. That means that SSL is now active on this domain. Now there's one more change that you need to make because the WordPress back end eyes still set up to use Http rather than http s. So you need to go to your death, dashboard settings and general and make a change here. So we're just gonna type in an S between the P and the colon. Now, it's really important that you double check this before you click. Save changes to make sure that you have actually correctly inserted the S in the right place. And it does say https coal on forward slash forward slash www If you're using W w. If you make an error there and click save, it may be that you won't be able to get back into WordPress without going into the database itself, which is where it gets a little bit more complicated. And it's obviously beyond the scope of this this tutorial. So So just double check that you've correctly inserted https. First of all, that you've done the check here First of all, to make sure that s SSL is actually active, then go into WordPress dashboard settings. General maketh e 80. Http s change, Then you conflicts a safe changes. What it will do is it will throw you out on asked you to look back in again because you're logging in under a secure site rather than a non secure site. Now. So you see, it's let me log straight back in again. And now I've got access to the sample site using https, and that is it. That's how to install a free Cloudflare SSL certificate. So for the class project, just go ahead, work through the tutorial, set yourself up a Cloudflare Claire account, work with one of your domains, and go through the process of installing the SSL certificate on the domain that you're working with and post me a picture in the project s so I can see the site and see how it's worked out. Many thanks. Bye for now.