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/5/29

プログラマーという働き方を見限る前に見ておくべき記事

プログラマーとかSEってちょっと前まで最先端の働き方って感じで世間でもてはやされていましたが、今ではブラック業界の代表格と言われるようになっていますよね。エリート社畜の巣窟とか。 実際SIer系の案件であったり、システム会社を名乗る派遣企業によって希望を持って入ってきた若者が食いつぶされてきたわけですから、当然の帰結ともいえます。 実際僕がこれまで正社員として働いてきた会社も、みなし残業という名の残業未払いであったり、都内にも関わらず勤続2年目で手取り17万円とかいう扱いを平気でやってきました。鬼畜の所業 ...

続きを読む

エンジニア独立

2019/4/15

文系出身エンジニアが語る「弱いエンジニア」戦い方

こんにちは、フリーランスエンジニアのてぃすです。 僕は文系大学を卒業し、新卒で入ったITコンサル会社で入社半年後に軽くC#を扱う機会が訪れるまで、プログラミングやエンジニアリングに触れたことが一度もありませんでした。 パソコンも基本的に動画を見たりゲームをするための便利な箱くらいな印象。 一方、エンジニア業界には中学生時代から趣味でプログラミングをしてきたり、理系大学でバリバリ情報系を学んできたエンジニアがゴロゴロいるわけです。もう機械語で会話すればいいのにと思うレベルの猛者揃いです。 そうなると僕のよう ...

続きを読む

エンジニア独立

2019/4/15

フリーランスエンジニアとして働くことの実情

こんにちは、フリーランスエンジニアのてぃすです。 最近は本業が忙しくブログの更新が滞っておりました。更新を楽しみにしてくださった方々、申し訳ありませんでした。 今後もエンジニアにとって有益な情報を提供できるよう更新を再開していこうと思いますので、引き続きよろしくお願いいたします。 フリーランスエンジニアの実情 このブログではフリーランスエンジニアとして働くことの利点や、実際にどのようなステップでフリーランスエンジニアになるかについての記事をなんども書いてきました。 しかし実際にフリーランスエンジニアとして ...

続きを読む

エンジニア独立

2019/4/28

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

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

続きを読む

エンジニア独立

2019/4/15

僕がITエンジニアとして独立しなかった場合の損失を計算してみた結果

どうも、フリーランスエンジニアのてぃすです。 僕はエンジニア歴が2年くらい経った頃に、月収が20万円を下回るような状態でした。 その後独立し、ほどなくして月収は100万円にまで到達しました。 実に5倍ほど収入が跳ね上がったことになります。 正直もう少し早く独立していればなぁと思っています。 今だからこそ考えられることですが、戦略さえしっかりしていれば、1年くらいは独立を早めることは可能だったと思うので。 こういう後悔というか振り返りをするたびに思うのですが、世の中僕以上に行動を遅らせることによる損失を食ら ...

続きを読む

-WordPress

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