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/15

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

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

続きを読む

エンジニア独立

2019/4/29

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

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

続きを読む

エンジニア独立

2019/4/15

文系出身エンジニアが26才でフリーランスになった感想

こんにちは。フリーランスエンジニアのてぃすです。 フリーランスエンジニアということは、つまりエンジニアとして独立しているということになり、すごい敷居が高い印象を持っている人が多いです。 けど僕は文系大学出身かつ、プログラミングも社会人になって一年弱ほど経ってから初めて経験しました。 そんな経験の浅い僕が滞りなくフリーランスエンジニアとして活動して、報酬についてもある程度満足のいく額を得ることができています。 最近はフリーランスという働き方が脚光を浴びてきて、気にはなっている。けどなかなか踏み出す勇気が出な ...

続きを読む

エンジニア独立

2019/4/15

プログラマーがフリーランスになって独立するために必要なスキル

こんにちは、フリーエンジニアのてぃすです。 ITエンジニアが独立するべきか、しないべきか。昨今のエンジニア・プログラマーの働き方議論において、最もホットなのがこの話題じゃないでしょうか。 賛否については、それぞれの立場や環境によって感情論も混ざって言い分は異なりますし、経験したこともない人の否定意見も飛び交って魑魅魍魎が跳梁跋扈な感じです。 なので今回はそういった賛否ではなく、実際にプログラマーをはじめとするITエンジニアが独立するためにはどの程度のスキル・経歴が必要かについてお話していこうと思います。 ...

続きを読む

エンジニア入門

2018/8/19

本気でRubyを学びたい人のためのエンジニアスクール『ポテパンキャンプ』

こんにちは、フリーエンジニアのてぃすです。 エンジニアといえば今や最も少ない投資で高収入を望め、更には週3勤務やリモートワークなどの柔軟な働き方も目指せる夢のある職業です。 ここ最近は営業職や事務職から、将来性を考えてエンジニアに転身するといういう人もかなり増えてきています。 特にRubyプログラマーは日本における絶大な需要とリモート案件の豊富さから、特に人気のあるポジションとなっています。エンジニアとして働いているが、職場環境に不満を抱いていたり、今扱っている技術が今後通用するか不安に感じ、Ruby・W ...

続きを読む

-WordPress

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