TIS ENGINEER NOTE

ITエンジニアのためのキャリア向上ノウハウブログ

WordPress

WordPressブログをSSL化したときに起きた問題とその対処法【Stinger7】

更新日:

GoogleはSSL化したサイトをSEO上で優先しているというのはもはや有名な話。

いくら個人情報を扱っていないサイトでも、http < httpsという構図は当然と言えます。

アドレスバーが緑色に輝く姿はおそらく読者にも根拠のない安心感を与えてくれることに違いありません。

https

しかも現在私がこのブログの運営に使用しているエックスサーバーでは追加費用なしでSSL化が可能とのこと。

これはSSL化しない理由は無いなってことで早速このブログのデフォルトアドレスをhttpsにしちゃいました。

ブログの記事やプラグインの数が増えるほど、修正する対象は増えていきますので、SSL化を検討している方は早めに実行することをオススメ致します。

はじめに

基本的には下記リンクで紹介されている方法に則って行えば30分とかからず完了させることができます。

https://nelog.jp/wordpress-ssl

https://ikumen-to-seikatsu.com/ssl-manual/

xserver以外のレンタルサーバーを使用している人はもうちょっと時間がかかってしまうかもしれません。

以下に自分が作業の中で遭遇したエラーについて現象と対応を書いていきます。

 

Pz-LinkCardプラグインの表示が崩れる&SSLエラー

SSL化作業が一通り完了し、各ページの表示を確認してみると、はてなブログ風のブログカードを表示するプラグインPz-LinkCardで作成したリンク部分のレイアウトがかなり崩れていました。

しかも管理者ツール(Google Chrome)で確認すると、Pz-LinkCardのcssファイル読み込みでエラーが起きている…

しばらく解決策を模索してみたのですが、影響を抑えながらの根本解決が難しい。

ということでPz-LinkCardについては使用を中断することにしました。

代わりに使用した方法がこちら

https://nelog.jp/wordpress-blog-card

プラグインなしでシンプルでクールなブログカードを表示させることができます。

こんな感じ

https://tisnote.com/programming-primer/

Pz-LinkCardはカスタマイズしたとしても見た目があまり好みではなかったので、いい機会でした。

はてなブックマークのJavaScriptが原因でSSLエラー

こちらは表示上は特に問題ないのですが、はてなブログのリンクで使用しているjavascriptの読み込みでエラーが発生していました。

単純にソースの取得がhttpで行われていたのが問題。

https://blog.supersonico.info/?p=2217

こちらの記事で紹介されている修正を適用すれば完了です。

まとめ

先人の知恵に大いに助けられ、無事ブログをSSL化することができました。

xserverユーザーであれば、体系化された手順も豊富ですので、驚くほどサクッと完了できます。

今後もSSL優遇の兆候は加速していくことかと思いますので、皆さんも思い切って実施してみてはいかがでしょうか。

閲覧いただき、ありがとうございました。

よく読まれている記事

エンジニア独立

2019/4/28

ITエンジニアが給与上げるために出来ることは限られている

どうも、フリーランスエンジニアのてぃすです。 今ITエンジニアってかなり稼げる職種として知られてきていますが、中にはその影響を感じられていない人もいるんじゃないかと思います。 ぼくは2年の間に正社員、派遣、フリーランスと渡り歩いて、月収は20万→40万→80万->100万と変動してきました。 その中でITエンジニアとして収入を上げるために出来ることがなんなのかが少しずつ見えてきました。 今回はその経験から感じたITエンジニアが収入を上げるために出来ることについて分析・解説していきます。 会社の中で給 ...

続きを読む

エンジニア独立

2019/4/15

正社員エンジニアがフリーランスになるのは全く難しくないという事実

どうも、フリーランスエンジニアのてぃすです。 最近ではフリーランスエンジニアというのも珍しいものではなくなってきましたが、まだ誤解されている部分があります。 「フリーランスエンジニアになるのって大変なんでしょ?」 という誤解です。 エンジニアがフリーランスになるのに、 卓越した技術やセンス 業界内の幅広いコネ 仕事を取るための営業力 などは一切必要ありません。 今回はそのあたりの誤解を解消していきたいと思います。 フリーランス = ハイスキル ではない 世の中多くのエンジニアが誤解していることなんですが、 ...

続きを読む

エンジニア入門

2018/1/2

プログラマになるために資格は必要か

ここ最近のエンジニア需要増大に伴って、プログラマやエンジニアになりたいと考え始める人が周りにも増えてきました。 そんな時によく聞かれるのが「プログラマになろうとしたら、資格とか取ったほうがいいの?」という内容。 確かに、真っ黒な画面に向かってカタカタ英語や記号を打ち込んでいるTHE 専門職であるプログラマという職業には、何かしら資格が必要に思えるかもしれません。 今日はそんなプログラマ・エンジニアを目指していて、最初の一歩として資格取得を検討している人に向けてプログラマになるのに資格が必要かという疑問に応 ...

続きを読む

エンジニア独立

2019/4/15

仕事を選べるITエンジニアになるための面談テクニック

どうも、フリーランスエンジニアのてぃすです。 ITエンジニアとして働いていく上で、大部分の人が経験する面談。 その後の数ヶ月、正社員や長期プロジェクトであれば数年の待遇を左右する超重要イベントなのですが、多くのエンジニアがこの重要性に気づいていません。 とりあえずこれまでの経歴を箇条書きして どこかで調べてきたような自己PRを適当に書いて 面談で書いてあることをそのまま口にする といった投げやりな面談を続けていては、売り手市場ということもあり仕事に困る可能性は低いですが、待遇の良い仕事を気づかないうちに逃 ...

続きを読む

エンジニア独立

2019/4/15

ITエンジニアの働き方比較(正社員/派遣/フリーランス)

最近ではITエンジニアの需要が激増し、特にプログラマーを目指す人が増えてきました。 今の時代、プログラマーをはじめとするITエンジニアを仕事として選ぶことは賢明かつ的確な判断と言えるでしょう。 その一方で、世間ではプログラマーの不遇が叫ばれていたり、IT土方などの蔑称で呼ばれていたりします。 それは働き方の選択を誤っているプログラマーがあまりに多いことが原因となっています。 稼げる市場であるということは、依頼主と技術提供者の間に入って、不当に利益を得ようとする存在が増えることに繋がります。そういった存在に ...

続きを読む

-WordPress

Copyright© TIS ENGINEER NOTE , 2020 All Rights Reserved Powered by AFFINGER5.