Upload
masayuki-maekawa
View
2.796
Download
0
Embed Size (px)
Citation preview
常時SSL化の事前確認・注意点・手順 〜WordPressとその周辺で必要なこと〜
古 里 武 士 / 前 川 昌 幸
W o r d C a m p T o k y o 2 0 1 7
自己紹介
古里 武士(ふるさと たけし) 前川 昌幸(まえかわ まさゆき)
WordBench倉敷 モデレーター 株式会社 イー・ネットワークス 所属
宣伝
Webサイト、これからどうなるの? キーワードから探るWeb制作の未来像 出版社: エムディエヌコーポレーション 発売日: 2017/9/20 こもりまさあき,栄前田 勝太郎,坂上 北斗,塚口 祐司,前川 昌幸,松田 直樹
アジェンダ
SSL化について
事前確認で必要なこと
サーバーで必要なこと
WordPressで必要なこと
無停止でSSL化のおすすめ手順
SSL化について検索結果とか、Chromeの警告などGoogleの対応が話題に Apple/MicrosoftなどもSSLが前提のサービスを推進HTTP/2 は https が前提
『常時SSL』「メールフォームだけSSL」時代の終焉? メディア系サイトから対応がすすんでいく?WordPressで運用されているサイトも対象に!
事前確認
サーバーの対応までの確認
→ 証明書を誰が取る?
→ 利用する証明書の種類は?
→ サーバーの設定は誰が?
他サイトとの連携の有無
→ そのサイトはSSLに対応済か?
その他
→ ソーシャルボタンなどの確認
→ Analyt ics/Search Console など
サーバー証明書の反映
https通信の有効化
httpからのリダイレクトの設定
それぞれ環境に応じて対応しましょう。
このエラーは、 まずサーバーの設定の問題
WordPress
WordPressの設定
テンプレート内のURLの修正
post内のURLの修正
WordPressの設定
基本的な設定は、管理画面で行えますが‥
WordPressの設定
Chomeでは「!」がついたり
OKNo Good
WordPressの設定
Safar iでは鍵がつかなかったり
OKNo Good
WordPressの設定src="http:// . . . . . . . . . "
が存在する限り、
完全にSSL対応として 扱われません。
テンプレートの修正src="http:// . . . . . . . . . "
を
src="https:// . . . . . . . . . "
に書き換えます。
※src="// . . . . . . . . . " は?
投稿の修正・WP-CLI(利用できるなら一番おすすめ) ・Search Regex
※ DBのダンプでの一括置換はトラブルの可能性があります
投稿の修正WP-CLI でのコマンド例
$ wp search-replace 'http://example.dev' 'https://example.com' --skip-columns=guid
投稿の修正参考 WordPress のドメイン名やURLを変える際の GUID 問題のちゃんとした話 - Capital P https://capitalp. jp/2017/01/25/do-not-change-the-guid/
投稿の修正Search Regex Plugin
投稿の修正参考 Search Regex — WordPress プラグイン https:// ja .wordpress.org/plugins/search-regex/
あるある話
対象の外部サイトがhttpsに対応していない!
テンプレート書き換えたら実は‥‥
その場合は、「ありとあらゆる手」で解決!
無停止でSSL化 の手順
0. バックアップを取る
1. httpsを並行稼動に
2. テンプレートの反映
3. エントリー内のhttpへのリンクをhttpsに変更
4. WordPressの設定を変更
5. httpsでの動作確認
6. http->httpsへのリダイレクト設定
thank you!