*

WordPressサイトSSL化で失敗!https置換しても鍵マークにならないエラー

公開日: : 最終更新日:2020/01/30 日記, 比較・検証系(雑学系) , ,

やっちまった ぱくたそ
こんにちわ、紫摩(しま)です。

このブログサイト『MYSIMASIMA』を始めて6年ぐらいが経とうとしています。

恥ずかしながらSSL化と言うことを最近知りました。
ホームページセキュリティ上、遅かれ早かれ、やっておかなければならない事の一つ。

ただ、僕は記事は書けてもプログラム的な事は全くの無知であり、「SSL化?何それ?」っていう所から始まりました。

そしてワードプレスの編集画面が真っ白になるまでトラブルが絶えませんでした。

そこで僕は解決策を書くことは出来ないので、こんなトラブルが起きたよと言うレポートを書いていきます。

SPONSORED LINK

サイトSSL化で起きたトラブル

鍵付き

僕もよくわかっていないのですが、通信を暗号化することによってアクセスした際に第三者から情報を抜き取られることが無いという安全策。

誤解を恐れず簡単に言うと、https://とSを付け加えるだけで簡単に出来る(鍵付けをする)そうなのですが、逆に言えばサイト内に“http://”というもの(Sが付いていない)がひとつでもあったらアウトという事でした。

でも一体どうやって?どこまで置換すればいいの?どこを触ったらいけないの?ここから寝られない日が続きます。
まずはSSL化の証明を取るとこから始まります。

レンタルサーバーからSSLサーバー証明書を発行

ssl証明書
僕はサクラサーバーの方を利用しているので、そこのコントロールパネルから設定ができます。

ここでSSL設定を行いたいけどどうやればいいのか分からない。
調べ続けていると何やら証明書なるものを発行して、手続する必要があるとの事。

サイトに記載された手順通りに進めて行けば、時間はかかりましたが楽勝で終わりましたす。
メールが届くのですが、取得や反映まで数時間~数日かかる場合も。

「やった~!これを行う事で簡単にhttp://から⇒https://に変わり・・・」

・・・変わりません。

これだけで終わると思ったら大間違いです。

ワードプレスプラグイン『Search Regex』で置換

Search プラグイン ワードプレス
次にやってくれと指導してもらったのが、一気にURLを変更できるプラグイン、Search Regexを使う事。
これはサイト内の該当URLを探し出して置換してくれる便利なプラグインなんです。

自分のサイトを検索すると該当項目が何万件もヒットして、プラグインで追いつかないくらいの量だったのです。

ちょっとずつちょっとずつ。https://へ変更していました。

http://mysimasima.com/

https://mysimasima.com/

ここで焦って変なものまで置換してしまうとサイトが壊れて一生戻らなくなるので注意。

どんどん置換を進めて行くとやがてあるところを境に、どう検索してもヒットしなくなりました。
お、これで終了か?と思ってサイトを見てもまだ鍵マークが付いてない。

鍵付き
↑これね。これにしたいのです。

鍵が付いていないという事はまだSSL化が完全ではない事。
聞くところによるとまだまだ異常が沢山あるらしいです。

トップ画面に黄色三角マーク、アイコン関係がダメ

トップ画面 サイト エラー SSL
ホームページで“F12”を押すと上記のような画面が出てくるのでコンソールと言う部分をクリック。

そして赤色が出たらエラーという事です。(よくわからないが。)
赤色が出ていたらエラーという事でSSL化は完全ではないのです

取り敢えず出来るだけの事はやったのですが、どうしてもまだトップのエラーが消えない。

という事で知人からアドバイスを受けたのが『トップのSNSアイコンとファビコン、ウィジェット類が悪さしてる』との事でした。

ファビコンと言われるホームページの顔みたいなアイコン。
これも作り直すか削除しないとやっぱり引っかかるらしいです。

Twitter、フェイスブック、はてなブックマークのSNSアイコン

SNSアイコン
「え?ファビコン消したのにまだダメ?」
次はSNSアイコンです。

これも、どのように変更するのかわからなかったが寝ずにネットを探っていると、httpsにするだけではだめでコードを取得し直す必要があったのです。(ワードプレスのテーマ編集sns.phpという所で変更できる。)

はてなブックマークもSSLに対応しているかどうか調べ直す必要があります。

フェイスブックのコード取得するはずが…

フェイスっbook ログインできない
これは別件ですが、フェイスブックのアイコンを解除しようと久しぶりにFacebookにアクセスしたらログインできない。
ハッキングされている、第三者がログインしているとの事。パスワードも間違ってないはず…ここでまた数日寝られず。

結果は僕のパスワードの打ち間違い。
こういう事が途中であったのでもう精神状態ボロボロ…

楽天ウィジェットなどサイドバーもダメ

トップページウィジェット
まだまだトラブルは続きます。

楽天ウィジェットも悪さをしていてSSL化が進まなかったのです。
これもコードを取得し得しなさいという事。「どこに?どこから取る?コード?」

簡単、ワードプレスの『外観』→『ウィジェット』で削除も追加も変更できます。

頭が悪いって辛い…

最終章:サイトがバグった??

SSL化していく段階でトラブルが起きたりすると元に戻せないので、バックアップは取っておかないといけないらしい。
うーん、よくわからないがやってみよう。

『BackWPup』というバックアッププラグインを取得。これで行けるだろう。
と思ったが、自分のPHPバージョンが古すぎて対応してないらしい。。。

PHPバージョンが古いのでアップデート(大失敗)

旧バージョンを使用する特別な事情がなければ最新バージョンをご利用ください。

旧バージョンの利用はリスクを伴います。当面は並行提供しますが、公式でのサポートが終了しているため自己責任でご利用ください。
また、提供を終了する場合がございます。
PHP開発チームによるPHP 5.6 、5.4 、5.3 、5.2 、4.4 のサポートは終了しています。(詳細)
セキュリティの観点からも極力、最新バージョンをご利用ください。

めっちゃ怖いこと書かれてる。

phpバージョン
最新バージョン(PHP 7.3)にしておこう。
これで安心だ。

もっと強制的にSSL置換『Better Search Replace』

Better Search
バージョンを最新にしても変わらないのなら他は?

  • Search Regexでももう該当URLがヒットしない。
  • アイコンも消した。ウィジェットも変えた。
  • バージョンも最新にアップグレードした。
  • 念のためバックアップも取った(うまく取れなかったが)。

もうこれ以上は無理ですぞ…

しかし、先ほどのプラグイン(Search Regex)で検索すらできなかったのは、単にプラグインの更新が古いから?という説があります。

そこで次に試したのがBetter Search Replaceという同じ類のプラグインです。

「えーい!めんどくさい!もうこうなったらサイト内にあるhttp://というもの全てhttpsに変換してやれ!」

そう考えてサーチをかけてみると、まだまだ置換できてないものがいっぱい出て来てました。

ワードプレス画面真っ白

真っ白[ ワードプレス ログインできない
「お~♪出来る出来る!いっぱいあるじゃん!」
気分よくどんどんhttp://⇒https://へ置換していました。

が、よくわからないままやってると画面がいきなり消えました。

「ん???」

戻らない。編集画面まっ白。進まない。
変なコードまで書き換えてしまったっぽい??

詰んだ…

読んでいて嫌になったでしょ?
飛ばしたくなったでしょ?
読まずに下にスクロールしたでしょう?

そう言う気分で僕もよくわからないままどんどん進めてSSL化して大失敗していたのです。
(これには続きがありますがまた後日)

続き:編集画面が真っ白に!Wordpressにログインできない|Mysimasima

SPONSORED LINK

関連記事

チェーン

バイクのチェーントラブルを防ぐためにやるべきメンテナンスとその方法!

こんにちは、しまです。みなさんバイクのチェーンメンテってやっておられますでしょうか? もちろん

記事を読む

VFR800F ニーグリップパッド 自作

VFR800Fのニーグリップパッドを自作してみよう!(線画データ無料)作り方を紹介。滑り止めゴムシートを取り付け

こんにちは、紫摩です。 ニーグリップパッドってご存じですか?このページに来られたあなたは走

記事を読む

IMG_1047-2

オリンパスユーザー必見!コスパ最強のマイクロフォーサーズ75-300mmレンズレビュー

こんにちは、紫摩です。 ついに、OLYMPUSの望遠レンズ買いました。 75㎜~30

記事を読む

20140506_220259_1

CBR125Rの初回燃費がでました。走行距離が600キロを超えたのでチェーンの注油と慣らし運転2段階目へ。

こんにちわっ 今日はCBR125Rの燃費について書いていきます! 燃費 ガソリン満タン給油

記事を読む

ぱくたそ

教習所は免許を取らせるための施設だった?一発試験と何が違うのか。転職、入社してすぐ思ったこと

こんにちわ、紫摩です。某教習所に入社して思ったことを書いていきます。 今回は安全運転につい

記事を読む

油面調整 バイク

フォーク油面の違いでフィーリングは変わる?(上げる・下げる)ジムカーナや街乗り

こんにちわ、紫摩(しま)です。 バイクのフロントフォークはオイルが入っており、バネの振動(

記事を読む

CBR125R 女子ライダー

CBR125Rに7年乗った感想『手放さない理由』GSX-R125とスペック比較 

こんにちわ、紫摩(しま)です。 このサイトのメインバイクでもある“CBR125R”をもうか

記事を読む

タムロン 70-300 望遠レンズ ニコン

タムロン望遠レンズ70-300mm画質とAF速度レビュー!手ぶれ補正の性能は?安いレンズだが意外とおすすめ

こんにちわ、紫摩です。 2本目のレンズ選びで候補に挙がってくるのが望遠レンズではないでしょうか

記事を読む

ぱくたそ

バイク立ちごけでも警察に届け出が必要!?交差点で転倒した僕が答えます

こんにちは、紫摩です。 お騒がせしております先日のVFR転倒で、いろいろご心配をおかけして

記事を読む

ぱくたそ

【対人関係で大事なこと】コミュ力って何?良い人ぶる人が嫌われる最大の理由が傾聴力の無さである

こんにちわ、紫摩です。 以前も批判コメント、アンチに対しての心の持ち方、捉え方と言う内容の

記事を読む

スポンサードリンク

コメントを残す

スポンサードリンク

VTR250
【また故障バイクを手に入れた!】VTR250の状態とバイクのレストアについて

こんにちは、紫摩です。 以前にもVTR250を格安で購入してレス

VFR800F
【大型バイクの車検で気を付ける事】年式違いのハンドルやマフラー交換すると不適合?カスタム車両でもOKなのか検証してみた VFR800F

こんにちは、紫摩です。 VFR800Fを購入してはや2年。車検の

ぱくたそ
香川の交通マナーの悪さから学ぶ【信号で一番危険なのは青信号だ!】道路交通法と安全運転の豆知識

お世話になっております。紫摩です。 今回も私の指導員審査勉強にお

ロッソ4 タイヤ 
バイクの“乗りやすさ”はフロントタイヤ選びが重要だった?10割のライダーが誤解するハンドリングの良し悪しを検証してみた

こんにちは、紫摩です。 今回は謝罪も兼ねてバイクのハンドリン

cc-drivingaptitudetest-ktype-odtype_img_002
交通事故は決まった人が何度も起こす事実が判明!多発者の心理と傾向

こんにちは、紫摩です。 只今、教習指導員審査にむけて猛勉強中

ぱくたそ
教習所は免許を取らせるための施設だった?一発試験と何が違うのか。転職、入社してすぐ思ったこと

こんにちわ、紫摩です。某教習所に入社して思ったことを書いていきます

VFR ステムナット ハンドル
ステムアジャストナットの締め付け具合で何が変わる?やり方と注意点

こんにちは、紫摩です。 以前からVFR800Fのハンドリング

ぱくたそ
30代後半からの転職がNGな人は?実際に仕事を辞めて分かった3つの事

こんにちは、紫摩です。 令和になって転職ブームとも言われてい

VFR800F 練習
【リアサス考察】ハイパープロはほんとにメリットのあるスプリングなのか?

バイクのフロントフォーク、リアサスにはスプリングがついており、この

グロム シート加工 ノイワットダン
バイクのシート加工(ローダウンなど)のやり方とコツ!ポジション変更で快適ライディングを

こんにちわ、紫摩です。 グロムのシート加工を、ようやく重

→もっと見る

  • 最新記事をメールで通知。

PAGE TOP ↑