TIS ENGINEER NOTE

27才文系出身フリーランスエンジニアのブログ

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/8/19

エンジニアがリモートワークをして感動したお話

こんにちは。フリーランスエンジニアのてぃすです。 僕はエンジニアとして活動する中で、メインで参加しているプロジェクト以外にもフルリモートでもう1つのプロジェクトにも参加しています。 今日は実際にリモートワークってどんなもんなのかについてお話していこうと思います。 前置き リモートワークの話題については各種メディア、ブログやSNSでも度々盛り上がっています。 通勤時間の短縮になる 通勤で使う体力を仕事にまわすことができる 家庭の事情などで外で働けない人も活躍することができる などのポジティブな捉え方もあれば ...

続きを読む

エンジニア独立

2018/1/13

エンジニア派遣でキャリアを積んで高収入を目指す

エンジニアとして採用面談を受けたことのある人なら分かると思うのですが、面談の時に最も重要視されるポイントは業務経験です。 もちろん普段の個人学習や、技術への関心などでフォローできる面もありますが、一番見られるのはどんな技術を使って、どんな業務を行ってきたかという点なんですよね。 採用する側もプロダクトの正否を左右する立場として責任を負っているわけですから当然です。 そんな時、良質な職務経験をどのように積むことができるか、というのがポイントになってきます。 今回はキャリア構築のための、派遣エンジニアという選 ...

続きを読む

エンジニア独立

2018/8/21

稼げないエンジニアは過小評価が原因

こんにちは、フリーエンジニアのてぃすです。 僕は正社員時代、3年目になっても手取りが20万にも届かない残念な状態にありました。その時は、 てぃすITエンジニアとか全然稼げない職業なんだな という印象を持っていました。別の業種に就こうと考えたことも1度や2度ではないです。 そして正社員を辞めてフリーランスになって月100万程度は安定して稼げるようになり、エンジニアの収入の相場のカラクリが少しずつ掴めてきました。 勘違いしないで欲しいのですが、単に正社員よりフリーランスの方が優れているということが言いたいわけ ...

続きを読む

エンジニア入門

2018/3/26

エンジニアは勉強し続けなければいけない職業なのか

こんにちは。フリーランスエンジニアのてぃすです。 最近は就職・転職する際にエンジニアを選択肢に含める人が増えてきています。 しかしエンジニアという職業を候補にあげるにあたって、 エンジニアは働きながら勉強し続けなければいけないのではないか? という疑問もよく見聞きします。 そこで今回はフリーランスエンジニアとして活動している僕の視点からこの疑問についての答えを説明していこうと思います。 結論 先に結論を述べると、 エンジニアは勉強し続けなければいけないのか? という疑問の答えはNOです。 決してエンジニア ...

続きを読む

エンジニア独立

2018/7/24

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

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

続きを読む

-WordPress

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