本サイトにはプロモーションが含まれています

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

探す

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

あわせて読みたい
【 WordPressブログを https 化 】無料独自SSL設定方法(エックスサーバー) SSL化、すなわち通信の暗号化が施行されているサイトは現代ではもう当然で、鍵の付いていないサイトに辿り着いたら不安になるほど。 特に商業サイトにおいては暗号化さ...

その後、いくつかの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を変更した途端にサイトも表示されなくなった真っ白です。

ダッシュボードにも入れないので入力のし直しも当然できません。

で、どうするかというと、プラグインのせいで画面真っ白になった時と同じようにファイルマネージャー(←左記はエックスサーバーの場合)に接続します。

あわせて読みたい
【画面真っ白】キャッシュ系プラグイン『W3 Total Cache』をきれいに削除する方法 私、常々「プラグインはやたらと入れない方がいいですよ」「特に表示が早くなるという文句に釣られるキャッシュ系プラグインにはご注意を」「何かする前にはバックアッ...

ファイルマネージャーから「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アドレス」の書き換え、本当に気をつけましょう。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

profile

主にWordpress中心のサイト・ブログ制作&コーダー、カスタマイザー。

2000年からHP制作を始めました。

ハウツーサイトやキュレーションサイトのライター、ブログ作成・運営のお手伝いなどをしております。

お仕事で関わった無料ブログ&Wordpressカスタマイズ案件実績500件以上。

携わったワードプレステーマ30以上。

アナリティクスを観察するのは生活の一部。

Google Analytics個人認定資格取得(GA4)。 SEOマーケティングアドバイザー資格取得。

SEOに特化したページ作りをめざしています。

 

カスタマイズのご依頼は「一木堂」へ

follow us in feedly 映画@見取り八段 | 映画感想ブログ coconara ss

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

いつもありがとうございます。

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

Amazonギフト券- Eメールタイプ - Amazonベーシック
金額は空白欄に適当に(15円から)書きこんで下さい。(あらかじめ入っている金額はAmazonの設定なので気になさらないでください)。

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

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

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

コメント

コメントする

目次