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優遇の兆候は加速していくことかと思いますので、皆さんも思い切って実施してみてはいかがでしょうか。

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

よく読まれている記事

エンジニア入門

2018/1/21

プログラミング言語としてのJavaについて

こんにちは、フリーランスエンジニアのてぃすです。 エンジニア・プログラマは年収1000万を現実的に目指せる職業として最近特に注目を集めている職業です。 今いる業界の将来性に不安を感じ脱出してきた人たちも、どんどんエンジニア・プログラマという働き方に集結しています。 ある程度エンジニア・プログラマという職業について調べていると、どのプログラミング言語を習得すればいいのか、という疑問が出てくるタイミングがあると思います。 どのプログラミング言語を選べばいいか、という疑問について調べてみると最近ではJava・R ...

続きを読む

エンジニア独立

2019/4/25

【正社員並みの保証】安心フリーランスエージェント・Midworksを徹底分析

こんにちは、フリーエンジニアのてぃすです。 今やフリーランスエンジニアという働き方もだいぶカジュアルになってきています。僕自身 文系大学卒 大したキャリアもコネもない という一般的には心もとない状態から独立しましたが、正社員時代と比べて収入も5倍ほどになり、リモート中心で非常にストレスのない毎日を過ごせています。 先日エンジニアの集まりに参加して、そこにもフリーランスエンジニアが何人かいたのですが、その人たちの多くからMidworksというエージェントを使っているという話を聞きました。 気になって調べてみ ...

続きを読む

エンジニア入門 エンジニア独立 働き方

2019/4/15

高収入を目指してエンジニア・プログラマーになることは正しい選択か

こんにちは、フリーエンジニアのてぃすです。 今日お話する内容は、 高収入を目指してITエンジニア・プログラマーになることは正しい選択か というもの。 SNSやブログ、またはプログラミングスクールの謳い文句として「エンジニアになって年収○万を目指そう」などと行った言葉を見ることが最近増えてきました。 またそれに対して、「お金のためにエンジニアになることは間違っている」「実際はそんな稼げない」と行ったような意見も同様に飛び交っています。 僕の個人的な意見としては、高収入な職業につける資格や経験、環境にないので ...

続きを読む

エンジニア独立

2019/4/15

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

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

続きを読む

エンジニア独立

2019/4/29

技術を選んで働くエンジニアになるために

どうも、フリーランスエンジニアのてぃすです。 ITエンジニアと一言で言っても扱っている技術によって働き方は様々です。 また働き方に加えて、将来的なキャリアの展望も使う技術によって大きく変わってきます。 ぼくはエンジニアとして扱う技術を変化させていき、現在は週3でリモート中心でマイペースに働きながらゆとりを持って暮らせるくらいは稼げる程度にまで持っていけました。 そこで今回はITエンジニアが使う技術を選ぶことの大切さと、実際に選ぶためのテクニックについてご紹介していきます。 技術を選ぶ事による効能 まずは使 ...

続きを読む

-WordPress

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