Tips til WordPress og SSL HTTPS – Emil Vang Arffmann

Der skal heldigvis ikke så meget til, når du vil bruge WordPress på en sikker url (https) med SSL.
(Du har installeret SSL for dit domæne)

Selvfølgeligt kræver det, at dit TEMA er programmeret korrekt.
Interne links skal kaldes på den rigtige måde.
Når dit tema benytter WordPress funktionerne “bloginfo()” eller “get_bloginfo()”, så har WordPress allerede registreret hvilken Protocol (HTTP eller HTTPS) der benyttes. derfor bliver:

bloginfo('stylesheet_directory')

1	bloginfo('stylesheet_directory')

automatisk til:

https://dit-domæne.dk/wp-content/themes/temanavn

1	https://dit-domæne.dk/wp-content/themes/temanavn

Hvis du skal benytte SSL er du sikkert ikke totalt nybegynder på nettet, og har erfaring med at redigere dit tema uden at gå i panik – ellers tag kontakt til mig, eller din faste konsulent som kan hjælpe med dit WordPress problem :)

Aktiver SSL for alle urler til din hjemmeside
Først ændre du i WordPress opsætning under “Indstillinger -> Generelt” for at sætte “default url” for din hjemmeside:
a) “WordPress-adresse (URL)” samt b) “Webstedets adresse (URL)” skal begge erstatte “http” med “https” for urlen.

Installer WordPress plugin WordPress HTTPS (SSL), og aktiver dette.
Jeg benytter KUN 2 options for dette plugin:
a) “Internal HTTPS Elements” & b) “HTTPS Front Page”

Opdater din .htaccess og redirect trafik til https
Nu kan man STADIG besøge din hjemmeside UDEN https, vil du tvinge alle over på https, kan du opdatere din .htaccess fil.
Der ER nogle SEO grunde til IKKE at redirecte ALT over på din nye HTTPS. Og hvis du er SEO interreseret, så læs her SEO HTTPS and HTTP Tips.
Men hvis dit website er NYT, og der ikke er noget særligt SEO juice at beholde, så kan du ummidelbart opdater din .htaccess med 2 linier for at tvinge alle besøgende over på SSL.
Editer filen og under “BEGIN WordPress” indsætter du det sidste RewriteCond/RewriteRule par:

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
RewriteCond %{HTTPS} off
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}
</IfModule>

# BEGIN WordPress

RewriteEngine On

RewriteBase /

RewriteRule ^index\.php$ - [L]

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

RewriteRule . /index.php [L]

RewriteCond %{HTTPS} off

RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}

</IfModule>

Hvis du oplever “https mixed mode” problemer
Så skyldes det at der stadig er referencer til HTTP (altså ikke HTTPS) i dit wordpress tema eller plugins.
Det kan være besværligt at sidde og lede efter hvad der er problemet. Du må gennemgå dine template filer, husk javascript filerne også!
kontroller bla. at dit link til google+ scriptet er HTTPS, at facebook like er HTTPS osv.. eksempel:

    <fb:like href="https://www.facebook.com/din-fb-side" send="true" show_faces="false" ref="website" layout="button_count"></fb:like>
<script type="text/javascript">
  window.fbAsyncInit = function() {
    FB.init({appId: 'din app id', status: true, cookie: true, xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/da_DK/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'da'}
</script>

<fb:like href="https://www.facebook.com/din-fb-side" send="true" show_faces="false" ref="website" layout="button_count"></fb:like>

window.fbAsyncInit = function() {

FB.init({appId: 'din app id', status: true, cookie: true, xfbml: true});

};

(function() {

var e = document.createElement('script'); e.async = true;

e.src = document.location.protocol +

'//connect.facebook.net/da_DK/all.js';

document.getElementById('fb-root').appendChild(e);

}());

</script>

{lang: 'da'}

</script>

Test din hjemmeside og clear så cachen!
Når du som administrator har verificeret at dit TEMA er i orden – dvs: at du har besøgt hjemmesidens forskellige områder og ser at det er korrekt, at dine links i din menu virker og at der ikke mangler billeder i indæg, funktioner ved kommentarer eller kontaktformularer virker osv.. – Så skal du clearer cachen!
– Når du er logget på som administrator i WordPress, vises siderne typisk direkte – altså ikke de cachede. Men besøgende vil stadig se de cachede sider. Det udnytter vi her, så du kan lave ændringer til url struktur uden at eventuelle besøgende vil opleve ændringerne før du har verificeret at det virker.

Nu kan du så benytte dit domæne (og din wordpress) til, fx at hoste din facebook iframe canvas side :)

Skriv kommentar