WordPressで作ったブログをSSL化した時にやった事

WordPressで作ったブログをSSL化した時にやった事をまとめてみました。

Transcript

1. (C)Copyright 1996-2015 SAKURA Internet Inc. 横田真俊(@Wslash) 2015/08/24
2. 2 氏名 横田真俊(@Wslash) 「さくらのクラウド」の企画担当を やっております 左のアイコンで、ツイッターを やっていますのでお気軽に お声がけください 好きなブキは「わかばシューター」 です
3. 3 Amazon EC2/S3 入門 今は、さくらのクラウド企画担当 をやっていますが、昔はこんな本 を書いていました
4. 4 ツイッターやFacebookなど ソーシャルメディアの本を5冊 ほど書いています
5. ご存じですか？ 5
6. 最近のSSLは非常に安い 6
8. これぐらいの値段であれば、個人でも買える！ 8
9. というわけで個人でやっている WordPressにSSL化してみました 9
10. 10 自分のサイトに証明書を入れる
11. SSL証明書をサイトに導入する方法は 自分が利用している環境によって違う 11
12. 12 レンタルサーバ Root権限が使えるVPSやクラウド 独自SSLに対応しているか確認。対応している場合コント ロールパネルから証明書をインストールできるところもあり、 SSL化自体は簡単。 基本的に自力で設定が必要。ある程度のWebサーバの知識が 必要となる。
13. 13 個人でWordPressをやっている方は 環境がレンタルサーバの人が多いと思うので 自分が契約しているレンタルサーバが 勧めているSSLを使うのがベター
14. 14 WordPressのサイトURLを変更する
15. 15 ダッシュボードの「設定」→「一般」を選択 「WordPressアドレス(URL)」と「サイトアドレス (URL)」を「https://～」に変更
16. 基本的には「サイトのURL」を「https://～」に 変更すれば大丈夫だが… それだけだと… 16
17. 17 単にページをSSL化するだけだと こういう警告が出るようになる
18. この「警告」は同じページにSSLと非SSLが混 じっているから出てくる。 問題となっている所を修正していこう 18
19. 19 どれがSSLの警告を出しているか？
20. 20 Firefoxの場合、右クリックをすると 「要素の調査」という項目が出てくる
21. 21 画面下部にこのような画面が出てくる 「コンソール」→「セキュリテイ」をクリックすると 混在しているコンテンツがわかる。
22. 22 警告を出しているパターン
23. 23 大体がこれ、過去のエントリ内容について 「http://(ドメイン名)/wp-content/uploads/(ファイル名)」を 「https://(ドメイン名)/wp-content/uploads/(ファイル名)」 に変更する。
24. 24 「過去エントリが大量にあって、それを変換する のはツライ ><」という人は…
25. 25 「Search Regex」というプラグインを利用する と記事の一括変換ができる
26. 26 テーマにソーシャル系のボタンがついていると これが原因で警告が出ることがある。 基本的にはリンク先を「https」にすれば大丈夫
27. 27 ツールによって違うが 「http://ecx.images-amazon.com/images/I/(～)」 で始まっているツールの場合 「https://images-fe.ssl-images-amazon.com/images/I/(～)」 にすれば大丈夫
28. 28 ▪「一部のアクセス解析(中の人)」の設置方法がわからん ▪Amazonの公式ツールだとやっぱり警告が出る
29. 29 ご清聴ありがとうございました