2017/11/24スポンサードリンク先週頃にこのサイトをSSL対応しましたのでその流れについてまとめておきます。HTTPS化にはただSSLの証明書を購入しておしまいではなく、サイト上の多くのhttpをhttpsに変更する必要があり思いのほか手間なのでSSL化する際は注意してください。ちなみにこのサイトのサーバはさくらのレンタルサーバ(スタンダードプラン)です。AdsenseのページにSSL化を勧める文言が出てきたので実施しました。それだけでなく、最近ではGoogleがSSLを推奨する動きがあり、SEOに影響しかねないようなので導入したいという気持ちもありました。このサイト自体はメールアドレスやクレジット番号など扱うサイトではないので正直必要なのだろうか?という気持ちもありましたがとりあえず試してみました。スタンダードSSL購入ラピッドSSLから購入しました。さくらインターネットの場合、基本的な流れは公式サイトのサポートに書いてあるのでそちらを参考にしてください。個人向けであれば年間1600円くらいで運用ができます。httpsで正常に表示されているかどうかはページを読み込んだ時のURLバーの鍵マーク付近が緑色で「保護された通信」の表示が出ているかChromeブラウザで確認しました。灰色のままの場合は「F12」や右クリックで「検証」を選ぶと開発者モードになるのでそこの「Console」タブに表示されるエラーが無いかどうか見て一つずつ解決していきました。一部ワーニングでも緑色にならない場合があるようですので注意してください。直書き修正httpsに変更する際に、注意すべきはimgやlink、script、iframeタグあたりのURLです。aタグは読み込んでいるわけではないので変更する必要は必ずしもあるわけではないです。私は各ブログページやテンプレート(外観>テーマの編集)で該当する箇所を一つずつhttpからhttpsに変更していきました。後述しますが、さくらインターネットの場合Wordpress用のSSL対応プラグインが用意されており、そちらを利用すれば過去記事のhttpはhttpsに全て勝手に書き換えてくれるみたいなのでそちらも活用してください。アクセスランキング」など他サイトのサービスの読み込みもURLがhttpsではない場合変更が必要です。このサービスの場合SSL対応しているようなので問題ないですが、https未対応のサービスの場合はあきらめるという選択肢もやむを得ないと思います。Zenback修正このサイトはZenbackという自サイトや他サイトを相互リンクさせるサービスを利用していますが、自サイトのリンク表示がサムネイル表示の場合、その画像は変更前のhttpのURLを使っているため鍵が付かなくなります。これはページによってサムネイルが出る出ないがあるので気付くのに時間がかかりました。使っていれば勝手にhttpsに変更してくれるのではないかと思いますが、いつになるか不明のためサムネイル表示をやめてテキスト表示にZenbackのページで設定変更しました。WordPress用SSL化さくらプラグイン適用さくらインターネットを使用していればSSL化対応のためのアシストプラグインがあったのでそれを使いました。プラグインの検索で「sakura」などと調べると出てくるので導入しましょう。このプラグインはhtaccessの編集や過去の投稿コンテンツの置換を全て自動で行うことができるプラグインです。固定ページやテンプレート(「外観」>「テーマの編集」)は必ずしもそうなっているわけではなさそうなのでちゃんと鍵マークが付くようになっているか確認してください。SSL」が出てくるのでそちらで設定ができます。公式サイトに導入の方法が書かれているのでそちらをご参考ください。トラブルシューティングhtaccess修正さくらのプラグインでhtaccessを自動で書き換えてくれているみたいですが、通常WordPressはarchivesフォルダ以下のhtaccessのみカバーしているようです。このサイトは一つ上のフォルダのindex.phpをいじることでトップページにarchivesが付かないようにしていますので、HTTPS化の際にはそのディレクトリのhtaccessをarchivesフォルダのhtaccessを参考にして変更しました。この変更は必要な方は実施してください。Analyticsを使用している場合はアドレスをhttpsのものに変更します。まとめSSL証明書を購入してサイトをHTTPS化しました。面倒なのでこれからSSL化するという方はちゃんと心構えをしていた方がいいです。最近になってコメント欄にスパムっぽいものが大量に飛んでくるようになったのでどうにかしないと、と思い一度閉鎖してソーシャル系のコメントで代用しようと思いZenbackを導入しました。私は今さくらのレンタルサーバーとロリポップのレンタルサーバーを両方試してみているのですがそのcronやPHPについて良いと思ったところ、悪いと思ったところを綴っておきます。【CSS】beforeのcontentで改行するCSSで特定の要素の前後に何かを書き足すときにはそれぞれ疑似要素の『:before』、『:after』を使用します。美人画像を表示してくれるブログパーツまとめ美人時計など有名なものもありますが、美人画像を表示してくれるブログパーツをまとめました。暦や時刻を表示してくれるものやお勧めの本や為替を教えてくれるものまでいろいろあるようです。Charts】動的にグラフを更新する方法NEXT土日は株ができないので競馬で遊んでみた結果、意外にも...管理人gagamboプログラミングや3DCG、Web関係で気付いたことについてメモしていきます。だいたいが備忘録ですが、自分でサンプルを作って動かしてみたりしています。Kindleのセール情報を発信しています。AFFINGER5.。