苦労してhttpsにしました・・・

ブログ関係

本日5/13の昼過ぎには、ブログの HTTP から HTTPS への変更作業が終了しました。

あ、当然このブログと下記のブログの写真ブログのことです!

Takebe1284 photo
Takebe1284 がメイン機α7Ⅲ(2018年7月購入) か α6000 で撮った写真だけを投稿するブログ(思いつきで始めたのでピンぼけ等々は覚悟して下さい!そのうち上達するでしょう…笑)

今書いているブログは、以前に書いていたこのブログ

武部社長! いまどこにいますか?
石川県の真ん中に位置する(かほく・羽咋に近い)武部機械リース(株)代表取締役の武部です。営業、出張、プライベートとアチコチ移動。その日どこで何をしたかを綴っていきます。最近は、Facebook(フェイスブック)にハマリ中(中毒かも・・)。その影響で、更新はかなり不定期に・・・ツイッター(twitter)やgoogle+...

から移行した物。ここには約1000記事もあり完全移行するのは面倒なので、そのままにして新たにフォルダ(blog・blog2)を作り、wordpressをインストール。下記のような構造になりました。

https://www.takebekikai.jp
rental
segway
blog   (武部社長!どこにいますか?)
blog2 (Takebe1284 photo)

武部機械リース(株)|土木機械・建設機械のリース・レンタル・修理・販売
武部機械リース(株)は、土木機械・建設機械をリース・レンタル・修理・販売する会社です。

このドメインは「ラピットSSL」で運用しているので簡単だと思ってました。

あ、ついでにhttp://blog2.takebekikai.jp/のアドレスで使っていた物はTakebe1284 photoの写真ブログは完全移行しました。

では、何に苦労したかというと、さくらのレンタルサーバーでクイックインストールするwordpressには、上記の「SAKURA RS WP SSL」(上の写真)が一緒にインストールされてたので、コレを有効化し

WordPressのSSL化プラグインの使い方 – さくらのサポート情報
さくらのレンタルサーバ、さくらのマネージドサーバ上で稼働するWordPress(ワードプレス)にて、常時SSLを有効にするプラグインを利用する方法について記載しています。 前提条件 設定手順 前提条件・設定例 前提条件 ...

この様にチェックを入れて、「SSL化を実行する」のボタンを押せば簡単にできるという物でしたが、私のとこでは上手くいかず、wordpressにも正常にアクセスできない状況になりました。

なんとかそのプラグインを外し(他の要因もあってアクセス出来るまでに半日かかりました…汗)、他の方法がないかいろいろと検索。

そこでたどり着いた(5/13朝)のが、wordpressをインストールしたフォルダ直下にあるこのファイル「.htaccess」「wp-config.php」を直接編集するという物。

まず、さくらのコントロールパネルに入り、ファイルマネージャーを起動。

で、このファイル「.htaccess」を編集し、下記のコードを追加。

RewriteEngine On RewriteCond %{HTTP:X-Sakura-Forwarded-For} ^$ RewriteRule ^(.*)$ https://www.takebekikai.jp/blog2/$1 [R=301,L]

同じように「wp-config.php」を編集し、追加。

if( isset($_SERVER[‘HTTP_X_SAKURA_FORWARDED_FOR’]) ) { $_SERVER[‘HTTPS’] = ‘on’; $_ENV[‘HTTPS’] = ‘on’; $_SERVER[‘HTTP_HOST’] = ‘www.takebekikai.jp’; $_SERVER[‘SERVER_NAME’] = ‘www.takebekikai.jp’; $_ENV[‘HTTP_HOST’] = ‘www.takebekikai.jp’; $_ENV[‘SERVER_NAME’] = ‘www.takebekikai.jp’; } if( isset($_SERVER[‘HTTP_X_SAKURA_FORWARDED_FOR’]) ) { $_SERVER[‘HTTPS’] = ‘on’; $_ENV[‘HTTPS’] = ‘on’; }

最後にwordpressの「設定」→「一般設定」で、wordpress(URL)とサイトアドレス(URL)のhttp://・・ を https://・・と変更して完了。これと同じように写真ブログも変更しました。

14時頃からは、AM中にいろいろと検索していた時に目についた下のリンクで計測してみました。

PageSpeed Insights

これについての説明は下記のリンクを参照。

PageSpeed Insights について  |  Google Developers

当然?始めたときの数字は、モバイル45/100、パソコン60?/100だったと思いましたが、いろいろとやった結果がこの写真。計測するときの時間帯なども関係すると思います…(^^;

同じように写真ブログもいろいろやって結果がこれ!「Good」が出るとうれしいですね♫

この2つのブログ、使っているテーマやプラグインがすこし違うせいか、ブラウザのキャッシュを活用・画像を最適化・CSS、HTML、JavaScriptを縮小・サーバーの応答時間を短縮などを実現するのにプラグインを探して使ったり「.htaccess」を直接編集したりしました。

コメント

タイトルとURLをコピーしました