How to Enable cloudflare SSL and fix broken wordpress site

To enable Cloudflare to provide a front end SSL certificate for your WordPress website, under the DNS table make sure the Proxy status is enabled for the website address



When you go to https://mysitename you will find the WordPress website is broken and not displaying correctly

Install Cloudflare Flexible SSL WordPress Plugin to fix this

• Login to WordPress admin
• Go to Plugins >> Add New
• Search for “Cloudflare Flexible SSL”
• Install and activate it

Confirm going to https://mysitename displays the site correctly now. 
To redirect http to https so all traffic is secured, go to the Edge Certificates menus under SSL/TLS

Turn on Always use HTTPS