*

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

関連記事

串カツ 梅田 松葉

大阪梅田の串カツ屋【松葉】が超絶おいしい!地下街で立ち飲みができる“バルチカ”

こんにちわ、紫摩(しま)です。 大阪梅田の地下街においしい串カツ屋さんがあったので、旅行に行く

記事を読む

ZX-25R ジムカーナ しま

ZX-25Rを選んだキッカケ、所有して感じた事

こんにちわ、紫摩です。 ZX-25Rのブログをちょこちょこ上げていますが、いかんせん後出し

記事を読む

DSC01580

PモードとAモードの違い!プログラムシフトを使うと一眼レフが楽しくなる撮影モード

こんにちわ、D5300が相棒のしまです。 さて、カメラファンの方ならもう知っていて当然の撮影モ

記事を読む

IMG_1880

猫vs蛇 youtube動画で盗作された時の対処法!著作権の侵害で報告できる

こんにちわ。しまです(*^・ェ・)ノ コンチャ♪ 今日はyoutubeでのお話をしていきたいと思い

記事を読む

Xiaomi ブルートゥースイヤホン 中国

【PR】安くて高音質なワイヤレスイヤホンが海外にあった!Xiaomi(シャオミ)『Music Sport Earbuds-mini』の評価と品質

こんにちわ、紫摩(しま)です。 今回はGEARBEST様からのレビュー依頼で、中国メーカー

記事を読む

DSC_0079

霊場八十八ヶ所ツーリング第12番札所、焼山寺へ!一番の難所と言われているお寺では杉の巨木が神秘的でした。

こんにちわ、しまです。 今回はソロツーリングをしようということで四国霊場12番札所の焼山寺へ行って

記事を読む

lb_pearl_white

続!OGKカブト『カムイ』の各カテゴリー別レビュー 使ってみての感想

以前、購入時に紹介ブログ(こちら)を書きましたが、今回は使用感なんかを書いていこうかなと思います。

記事を読む

K&FConcept カメラバッグ 

【K&F Concept】防水カメラバッグ商品レビュー

こんにちわ、紫摩です。 いつもお世話になっている『K&F Concept』さんから

記事を読む

DSC00314

四国中央市へ霊場ソロツーリング!三角寺~琴弾公園~仁尾マリーナに迷い込みつつ絶景の弥谷寺へ!

こんにちわ、しまです(^_^)/ 今日はですね、霊場巡りソロツーリング第二弾ということで 愛

記事を読む

IMG_2549

土曜スペシャル「知られざる国道(酷道)の旅3」磯山さやか 小島よしお 安田大サーカス

こんにちわしまです。 今日はテ気になるレビ番組について書こうと思います。 6月14日に放送さ

記事を読む

スポンサードリンク

コメントを残す

スポンサードリンク

TNT125 フロントブレーキ キャリパー
ベネリTNT125のリアブレーキ(CBS)が最悪!安全補助装置だけど危険な理由

こんにちわ、紫摩です。 イタリアバイク、Benelli(ベネ

ネジザウルス モグラ なめた
【なめた六角ボルトを外せる】ネジザウルスモグラが最強!狭い場所で叩かず使える

こんにちわ、紫摩です。 今回は工具のお話です。 バイク

チェーン 調整 ZX-25R
ZX-25Rのチェーンたるみ調整方法!必要な工具は?緩まらないアクスルシャフトはこうして外す

こんにちわ、紫摩です。 今更ですがチェーンの調整方法と注意点

直線 スラローム
直線スラロームがめっちゃうまくなるコツ!加減速と体重移動のタイミングがポイント

こんにちは!しまです。 今回はライテクブログです。 あまり

TNT125 アイドリング スタンド
TNT125のサイドスタンドスイッチをキャンセルするやり方!暖機運転ができない

こんにちは、紫摩(しま)です。 TNT125は誰もやってる人

TNT125 転倒 バンパー
TNT125転倒実験!スライダー兼バンパー取り付け!立ちごけ対策になるか?

TNT125を買いました。こんにちは、しまです。 そしてジム

ZX-25R リアサス ZX-10R
ZX25Rでスポーツ走行するならこのカスタム3選!+おまけ

こんにちは、紫摩(しま)です。 最近ZX-25Rネタばっかり

TNT125 レバー 
ベネリTNT125カスタム【クラッチ/ブレーキレバー】交換!

こんにちは、紫摩です。 ベネリTNT125を妻が購入したので

TNT125 マフラー
バイクサイトも知らないTNT125のスゴイところ!グロムと比べてみた結果(ヘッドライト、フォーク、フレーム、リアサス、ブレーキ)

こんにちは、紫摩です。 以前もグロムとベネリTNT125の原

ZX-25R タイヤ 交換 
【スーパーコルサSP V3インプレ】ZX-25Rでジムカーナ!公道グリップ最強タイヤは滑らないのか?

こんにちは、紫摩です。前回のブログでZX-25Rのタイヤ交換しまし

→もっと見る

  • メールアドレスを記入して『送信』で、
    更新情報を無料で通知してくれます(^^)

    42人の購読者に加わりましょう

PAGE TOP ↑