【WordPress】SSL化でログインできずスタイルが崩れる…の対処法

WordPressのSSL化については1年ほど前に記事を書きました。まだ当ブログが50記事にも満たなかったころ。簡単でした。

https://muryoblog.cinemarev.net/entry/ssl.html

 
その後、いくつかのSSL化経験を経て、やっとメインブログのSSL化に着手しました。
 
なぜ、メインをそんなに長い間放置していたのかって……だって、5000記事だから。
 
やはりブログは、テンプレートなどのカスタマイズにせよ、引っ越しにせよ、そしてこのような何かしらのアップデートにせよ、記事数が多いほど大変です。エラートラブルも起こりやすくなります。当然ですが。
 
そして、実際にとんでもないエラーを引き起こすハメになったわけです。
 
という忘備録。

「一般設定」の「WordPress アドレス (URL)」の変更には気をつけなされやという話

探す
 
エックスサーバーでSSL化の設定を済ませたら、まず、URLの頭に「https://」をつけてみてアクセスできるかどうか確認しますよね。
 
まぁ、ここではまず、アドレスバーにきちんと鍵が付いているかどうか確かめてみる。通常はヘッダー画像がssl化されていないので「ああ、まだカギが付いてないなぁ」などと、ガッカリするシーンが来るわけですが……
 
hatena-ssl2
 
今回はそれどころじゃなかったのです。
 
スタイルが崩れている!!サイドバーがメインの下に付き、その下にフッターがダラダラくっ付くというみっともなさ。なぜだか分からないけれども、 cssが読みこまれていません。
 
この時点で、「今回は5000記事もあることだし、ssl化したらとりあえずトップページだけmixコンテンツを何とかして個別記事はゆっくり手入れして行こう~~」というノンキな計画は一気に潰れました。
 
ほんとうに……Wordpressって、時々、変な汗かかせてくれる。

まずサイトURLを変えてみようじゃないか

とりあえず、ダッシュボードの「設定」→「一般設定」から、WordPress アドレス (URL)サイトアドレス (URL)を「https://」に変更するという普通の手順を踏んでみました。
 
通常なら、これをやった途端にダッシュボードから強制ログアウトさせられるはずです。
 
管理画面もssl化されて「https://」になるので、今までのログインアドレスに「s」を入れてアクセスし直すわけです。
 
そして、ダッシュボードがどうなろうが、とりあえず「https://」が付いたssl化済みのブログ自体は表示され続けているはずなのです。
 
しかし、何ということでしょう……。URLを変更した途端にサイトも表示されなくなった真っ白です。
 
ダッシュボードにも入れないので入力のし直しも当然できません。
 
で、どうするかというと、プラグインのせいで画面真っ白になった時と同じようにファイルマネージャー(←左記はエックスサーバーの場合)に接続します。

https://muryoblog.cinemarev.net/entry/w3-total-cache-error.html

ファイルマネージャーから「WordPress アドレス (URL)」の設定をし直し

ダッシュボードで「WordPress アドレス (URL)」の設定を間違えて入れなくなった場合は、「wp-config.php」を編集します。
 
「wp-config.php」の場所はフォルダ直下、「wp-admin」などのフォルダや「.htaccess」などの並びにあります。
 

セキュリティ対策のために「wp-config.php」のパーミッションは皆さん400などに変更してありますよねよね
 
まずはパーミッションを600に変更してから編集しましょう。終ったら400に戻しておくことを忘れずに。

「wp-config.php」にサイトアドレス変更の記述を加える

「/* 編集が必要なのはここまでです」などより上へ。

define('WP_SITEURL', 'https://あなたのWordPressアドレス/'); // WordPressアドレス
define('WP_HOME', 'https://あなたのサイトアドレス/'); // サイトアドレス

を書き加えます。
 

config
 

これが成功すれば、ダッシュボードにも入れるし、ssl化したブログも元通り表示出来ているはず。

 

ちなみに、ウチの場合はこれをやっただけでスタイルの崩れも直りました。
 

wp-config.phpでの編集後は、ダッシュボードの「設定」からはもうアドレスの編集は不可能になるので、何かあったらまた「wp-config.php」を編集しなくてはなりません。
 
config-1

 
もっとも、こんな所、成功すれば二度と触る必要はないと思います。
 
当方のブログの場合は実はもう一階層下にありまして(恐らく「さくらインターネット」から引っ越しした時に何か起きたのだと思われ…)、私が「WordPressアドレス」(←絶対に変えちゃダメなやつ)をボケて「サイトアドレス」と同じにしてしまったために何もかも真っ白になってしまったのですね……。
 
「WordPressアドレス」の書き換え、本当に気をつけましょう。

サポートよろしくお願いします

 

いつもありがとうございます。この記事を気に入って下さった方、「寄付してあげてもいいよ」という方がいらっしゃったらサポートしていただけると嬉しいです。


Amazonギフト券- Eメールタイプ – Amazonベーシック


金額は空白欄に適当に(15円から)書きこんで下さい。(あらかじめ入っている金額はAmazonの設定なので気になさらないでください)。

メールのあて先は 「ageru15@gmail.com」です。

※上記のアドレスは投げ銭受け取り専用です。他のメールは受け取れない設定にしてあるのでご注意ください。

 

 

 

よろしくお願いいたします。

なお、この投げ銭システムに関する記事はこちら→『ブログに「投げ銭」システムをつける方法を考えてみたまとめ』