素人がcocoonでssl化、https化に成功 管理画面にログインできない問題も解決

ブログ運営

どうもーーーー!!

wordpressに触れて1年以上経つのに仕組みを未だによく分かってない飯塚です

 

 

今回はwpテーマcocoonでssl化、https化に成功しました

完全素人のワシでも出来たので本当に簡単だった

 

 

しかし!

 

 

ssl化の途中でタイトルにもある通り管理画面にログインできなくなるという問題が発生した

まぁcocoon作者であるわいひらさんなどの力を借りて解決できたんですけどね

今回は同じような問題で悩んでる方の助けになればと記事にしておりまっする

 

飯塚
飯塚

わいひらさんは偉大だ

 

関連記事

超初心者でもsimplicity2からcocoonにテーマ変更できた やるべき事まとめ
全く知識のない僕でもテーマ変更ができました。事前準備や変更後にやるべき事をまとめました。

 

知識0の素人がssl化を試みる

ブログ運営の記事についてあさっているとssl化https化についての記事が良く出る

どうやらssl化をしたほうがセキュリティ的にもSEO的にも良さそうだ

 

 

ssl化について詳しく知らない方はググると良い

今回の記事の焦点はhttps化実現できたというとこや問題解決方法にあるので割愛しまっする

 

 

さてそんなこんなで知識0のワイもssl化を試みた

ssl化って色々設定とかあってめんどくさいなぁって思ってたんだけど、

私が愛用しているテーマ「cocoon」では速攻でできるとな

いやはや本当に素晴らしいテーマである 無料やし

 

 

てなわけで下記の記事を参考にしながらssl化を開始

httpページを簡単https化(SSL対応)する方法
Cocoonは、簡単にhttpサイトからhttpsサイトに変更できる機能をサポートしています。SSL対応で最も危険なのはデータベース内容の置換です。Cocoonでは、データを置換することなく表示前にSSL対応されたコンテンツとして出力します。

 

 

めっちゃ余裕そうやんけ~~

手順通り本サイトをSSL対応させ(ちなみに私はエックスサーバーを使ってる)、Wordpressの設定からurlをhttp ⇒ httpsにした

 

 

 

 

ここで問題発生、次の章で説明する

問題① wordpressの管理画面に行けない

WordPressのurlをhttpからhttpsに変えた途端、上記画像のようになり管理画面にアクセスできなくなってしまった

ふぁ!?なんで!?こんなんなるってどこにも書いてなかったぞ!?

パニックになる俺

 

 

しかし、サイト自体は普通に動いている

とにかく管理画面にいけなくなってしまった

 

 

あびゃびゃびゃびゃってなったがとりあえず原因をネットでさぐりまくった

 

 

すると分かったことが!

一般的にWordpressの設定からサイトのurlを変えると管理画面にはいけなくなるらしい

でもhttp⇒httpsにして管理画面に行けなくなった人は見つからなかったけど。。。

 

 

とりあえずサイトのurlを元に戻すことにした

管理画面に行けなくてもサーバー側から設定できることが判明

下記の記事を参考にしました ありがてえ

urlをひとまずhttps ⇒ httpに戻しました

WordPressにログインできない時の解消方法。一般設定で変更したURLを戻す方法 | UP Blog
「WordPressの管理画面を操作していたらログインできなくなってしまった・・・!」こんな経験ありませんか? ここではWordPressの一般設定でURLの変更を誤ってしまった際の復旧方法について解説します。 WordPressのディレクトリの変更やドメインの変時にURLで設定操作しますが誤った操作をするとログインが...

 

 

ただこれエックスサーバーに限った話なので他のサーバーの人はごめんよ

でもurlを戻す方法はたくさんあるはずなので頑張るんば

 

 

さてurlを元に戻したので管理画面にはログインできるようになった

けど結局ワシがやりたいのはhttps化、つまりurlをhttpsにしたいんで本末転倒やがなー!

 

 

調べても解決策が出なかったのでcocoon作者であるわいひらさんに質問した

Cocoon フォーラム
Cocoon ディスカッション掲示板

 

 

すると早速返答が!

わいひらさん、かうたっくさん本当にありがとうございます。。。

 

 

解決方法としてCloudflareをオフにするというものでした

Cloudflareについてはググってくれ

なんかとりあえずサイトスピードあがるやつ多分

 

 

てなわけでCloudflareをオフにしたらあっさりとhttp ⇒ httpsにできた

Cloudflareを設定してた事自体忘れてたからワロタ

こんなに簡単に解決できるとは

同じように困っている人いたらぜひこの方法試してみてくだぱいぱい

 

問題② 記事ページでssl化出来てない

問題①が解決して意気揚々としてたワイ

てことでわいひらさんが提示している手順通りssl化を進めるとついに

 

 

 

やったー!!!

urlの左が鍵マークになったー!これでssl化完了!

 

 

と思いきや

 

 

ssl化できてるのはトップページのみで記事単位ではssl化できてない事が判明

なぜだ!?!?!?

手順通りすべてやったぞ!?!?

 

 

記事単位でssl化出来てない時ってcocoonの設定でhttpの画像を使ってう場合らしいんだけど

手順で示される通りサイト背景画像~404ページ画像まですべてhttpsに変換した

 

 

なのに記事単位でssl化できてない

 

 

ふぁーー!!!ってなってたけど

もう1カ所httpsにしてないとこありました

それがAMP設定

 

cocoon設定 ⇒ AMP

AMPロゴってところ

ここももhttpsにしないといけないのね

見逃してたぜ

 

 

AMPロゴをhttpsに書き換えたところ、すべてのページでssl化に成功

 

飯塚
飯塚

やったぜ!!

スポンサーリンク

まとめ

同じような不具合が生じている人のため、そして自分のメモ用に記事書きました

参考になったら幸いです

 

 

話は変わりますがcocoonというテーマは本当に素晴らしいです

作者に問い合わせたら迅速に対応してくれますからね

今回もすぐ返信してくれて助かりました

 

 

cocoonを使ってて困った事あったらcocoonホームページの問い合わせから質問してみるといいです

質問する前に同じ質問してる人いないかチェックしてからね!!

 

 

それでは良いブログライフを!!

コメント

タイトルとURLをコピーしました