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

2 氏名横田真俊(@Wslash) 「さくらのクラウド」の企画担当をやっております左のアイコンで、ツイッターをやっていますのでお気軽にお声がけください好きなブキは「わかばシューター」です

3 Amazon EC2/S3 入門今は、さくらのクラウド企画担当をやっていますが、昔はこんな本を書いていました

4 ツイッターやFacebookなどソーシャルメディアの本を5冊ほど書いています

ご存じですか？ 5

最近のSSLは非常に安い 6

これぐらいの値段であれば、個人でも買える！ 8

というわけで個人でやっている WordPressにSSL化してみました 9

10 自分のサイトに証明書を入れる

SSL証明書をサイトに導入する方法は自分が利用している環境によって違う 11

12 レンタルサーバ Root権限が使えるVPSやクラウド独自SSLに対応しているか確認。対応している場合コントロールパネルから証明書をインストールできるところもあり、 SSL化自体は簡単。基本的に自力で設定が必要。ある程度のWebサーバの知識が必要となる。

13 個人でWordPressをやっている方は環境がレンタルサーバの人が多いと思うので自分が契約しているレンタルサーバが勧めているSSLを使うのがベター

14 WordPressのサイトURLを変更する

15 ダッシュボードの「設定」→「一般」を選択「WordPressアドレス(URL)」と「サイトアドレス (URL)」を「https://～」に変更

基本的には「サイトのURL」を「https://～」に変更すれば大丈夫だが… それだけだと… 16

17 単にページをSSL化するだけだとこういう警告が出るようになる

この「警告」は同じページにSSLと非SSLが混じっているから出てくる。問題となっている所を修正していこう 18

19 どれがSSLの警告を出しているか？

20 Firefoxの場合、右クリックをすると「要素の調査」という項目が出てくる

21 画面下部にこのような画面が出てくる「コンソール」→「セキュリテイ」をクリックすると混在しているコンテンツがわかる。

22 警告を出しているパターン

23 大体がこれ、過去のエントリ内容について「http://(ドメイン名)/wp-content/uploads/(ファイル名)」を「https://(ドメイン名)/wp-content/uploads/(ファイル名)」に変更する。

24 「過去エントリが大量にあって、それを変換するのはツライ ><」という人は…

25 「Search Regex」というプラグインを利用すると記事の一括変換ができる

26 テーマにソーシャル系のボタンがついているとこれが原因で警告が出ることがある。基本的にはリンク先を「https」にすれば大丈夫

27 ツールによって違うが「http://ecx.images-amazon.com/images/I/(～)」で始まっているツールの場合「https://images-fe.ssl-images-amazon.com/images/I/(～)」にすれば大丈夫

28 ▪「一部のアクセス解析(中の人)」の設置方法がわからん ▪Amazonの公式ツールだとやっぱり警告が出る

29 ご清聴ありがとうございました

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

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

横田真俊(wslash)

More Decks by 横田真俊(wslash)

Other Decks in Technology

Featured

Transcript

(C)Copyright 1996-2015 SAKURA Internet Inc. 横田真俊(@Wslash) 2015/08/24

2 氏名横田真俊(@Wslash) 「さくらのクラウド」の企画担当をやっております左のアイコンで、ツイッターをやっていますのでお気軽にお声がけください好きなブキは「わかばシューター」です

3 Amazon EC2/S3 入門今は、さくらのクラウド企画担当をやっていますが、昔はこんな本を書いていました

4 ツイッターやFacebookなどソーシャルメディアの本を5冊ほど書いています

ご存じですか？ 5

最近のSSLは非常に安い 6

7

これぐらいの値段であれば、個人でも買える！ 8

というわけで個人でやっている WordPressにSSL化してみました 9

10 自分のサイトに証明書を入れる

SSL証明書をサイトに導入する方法は自分が利用している環境によって違う 11

13 個人でWordPressをやっている方は環境がレンタルサーバの人が多いと思うので自分が契約しているレンタルサーバが勧めているSSLを使うのがベター

14 WordPressのサイトURLを変更する

15 ダッシュボードの「設定」→「一般」を選択「WordPressアドレス(URL)」と「サイトアドレス (URL)」を「https://～」に変更

基本的には「サイトのURL」を「https://～」に変更すれば大丈夫だが… それだけだと… 16

17 単にページをSSL化するだけだとこういう警告が出るようになる

この「警告」は同じページにSSLと非SSLが混じっているから出てくる。問題となっている所を修正していこう 18

19 どれがSSLの警告を出しているか？

20 Firefoxの場合、右クリックをすると「要素の調査」という項目が出てくる

21 画面下部にこのような画面が出てくる「コンソール」→「セキュリテイ」をクリックすると混在しているコンテンツがわかる。

22 警告を出しているパターン

23 大体がこれ、過去のエントリ内容について「http://(ドメイン名)/wp-content/uploads/(ファイル名)」を「https://(ドメイン名)/wp-content/uploads/(ファイル名)」に変更する。

24 「過去エントリが大量にあって、それを変換するのはツライ ><」という人は…

25 「Search Regex」というプラグインを利用すると記事の一括変換ができる

26 テーマにソーシャル系のボタンがついているとこれが原因で警告が出ることがある。基本的にはリンク先を「https」にすれば大丈夫

27 ツールによって違うが「http://ecx.images-amazon.com/images/I/(～)」で始まっているツールの場合「https://images-fe.ssl-images-amazon.com/images/I/(～)」にすれば大丈夫

28 ▪「一部のアクセス解析(中の人)」の設置方法がわからん ▪Amazonの公式ツールだとやっぱり警告が出る

29 ご清聴ありがとうございました