• Home
  • WordPress
    • How To
    • Plugins
    • Themes
      • Genesis
      • Themify
      • Mysite myway
    • Security
    • Developer
    • Teaching
    • Conference
    • Chat
  • Blog
  • About
  • Freelance
    • Plugins
    • Teaching
    • Need help?
    • CV og ref.
  • Contact

Easy Web Design Tutorials

WordPress Tutorials and more

  • Home
  • WordPress
    • How To
    • Plugins
    • Themes
      • Genesis
      • Themify
      • Mysite myway
    • Security
    • Developer
    • Teaching
    • Conference
    • Chat
  • Blog
  • About
  • Freelance
    • Plugins
    • Teaching
    • Need help?
    • CV og ref.
  • Contact

9 May - 2018 By Paal Joachim 4 Comments
Last updated on: September 28, 2020

The process of adding SSL to a web site requires a few steps.

Contact your web host and ask for their help as they will have their own method of adding SSL to a web site.

This is what I usually do with my clients or my own WordPress web sites.
– Check in with the web host in regards to the process to setup SSL.
– Login to the WordPress site and go to the backend. Then to Settings -> General then change the address:
WordPress Address (URL) and Site Address (URL) from http:// to https://
One will then have to login to the site again. Clear the cache to see the new result.

WordPress-Settings-top-General-section

– Install the WordPress plugin Better Search Replace to locate the leftovers of http.
Search for http:// and replace it with https:// . Select all the tables listed. Do a dry run first then uncheck the dry run to replace all the instances of http:// with https:// .

If the site is still not secure with mixed content then check the site here:
https://www.whynopadlock.com

An example. The site I tested used the plugin Smush to make images smaller. 3 images were not added http to, so I deactivated Smush and used Better Search and Replace to see if the 3 images would be found. They were and I adjusted them from http to https. I then reactivated the Smush plugin again. Checked the front page and noticed the green padlock. I then also checked the site again with whynopadlock.com. This time the site had become secure.

NB!
If an image it not secure you might need to to the page where it is used and manually change the image url from http to https.

Adjusting http links manually

Right click anywhere on the frontend of the site and select Inspect.
If there is a red circle with a x in it. Click it. It will show the errors with the mixed content.
The links that use http instead of https.
On the right side it might say (index):1 etc. Click it. It will show the location of the error.
I next went to the backend. In Appearance -> Theme Editor. I selected the stylesheet style.css.
Then searched for http:// and changed all I found to https://
Next I went to functions.php and also changed all of them from http:// to https://

I went to the frontend again to see if there were any additional errors I found one more in a js file so I went to the backend and found the file mentioned and once again changed to https://
When or if the theme has an update one might need to go back and adjust.

 

 

A few more detailed resources:

Check your site with SSL labs test: https://www.ssllabs.com/ssltest/

enshrined.co.uk/2016/02/24/moving-wordpress-onto-https/
designmodo.com/wordpress-https/

An example to add SSL can be through cPanel: archhosting.net/wiki/SSL_Certificate

Additional resources:
whynopadlock.com

Share this:

  • Email

Categories: Developer, How to, WordPress

Paal Joachim Romdahl

I enjoy teaching and creating tutorials. As well creating web sites.
I help people gain WordPress knowledge through my easy to follow tutorials and specialized training. Contact me for more information on how I can improve your WordPress skills and to help get your web site quickly up and running.

Comments

  1. Robin says

    18 June - 2020

    as one of the top requirements for a website that indicates your site is safe and legit, installing SSL on your website is a must. It also helps with SEO to a greater extent. Thanks for sharing this Paal. really helpful!

    Reply
  2. Praveen Kumar says

    17 February - 2020

    I had a lot of trouble adding SSL to my blog. I left after trying for so many times. This post gives me hope to try it again. Thanks for the post, Paal.

    Reply
  3. Cheap Web Hosting says

    13 April - 2019

    The tips you are mentioning in topic about the SSL certificate I want to follow these all tips in creating my site.

    Reply
  4. Efada says

    9 April - 2019

    Will my site be affected if I do not install ssl and will it not be affected by my site ranking in the search engines ??

    Reply

Leave a Comment Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

© 2021 · By Easy Web Design Tutorials · Built on the Genesis Framework · WordPress · Log in · ⇪

loading Cancel
Post was not sent - check your email addresses!
Email check failed, please try again
Sorry, your blog cannot share posts by email.