【ブログ初心者必見】はてなブログProのHttps配信方法

f:id:life-sketching:20180816205351j:plain

ブログを始めて1周年を迎える機会に、

ずっと先送りにしていたhttps化をして、

同時にデザインをリニューアルしました!

 

来月でブログの1周年です!

早いもの~(笑顔)


はてなブロガーの皆さんに支えてもらって

たどり着くことができました。

 

「保護された通信」の表示完了です。

ありがとうございます。↓

 

f:id:life-sketching:20180817164522j:plain

 

ブログで四苦八苦した記録とでもいいま

しょうか、やっとの思いでたどり着いたhttps化。

 

staff.hatenablog.com

 
試行錯誤と失敗を繰り返して、冷や汗かいたり、

この記事自体、私の涙の記念記事なんです。

 

はてなブロガーの方たちのサイトを参考にさせて

もらいました、ありがとうございました!

 

https化で準備したことや実際にやってみたことを

残しておきたいと思います。

 

 

はてなブログを始めて間もない方のご参考に

なれば嬉しいです。

 

https化の準備ってどんな準備なの?

 

HTMLにCSSなんてよくわかっていない

私が焦ったわけです。

 

どうすればいいのか・・・・。

 

はてなブログの管理画面でポチっと設定を

変えればそれでいいんだよね?と思って

いたのが大間違い!

 

調べれば調べるほど冷や汗が・・・。

一体どこから、どの順番で始めるのが

いいのか・・・。


こんなこと私がやったらいつまで

かかるのか不安。はてなブログを始めて

間もない方や、私のようにHTMLにCSS?

って方は困っていませんか。

 

【私の準備①】目指す目標を設定した

 

HTMLにCSSを分かっている方からすれば、

サクサクッとできてしまうことでも、

私のようなよく分かっていない者は

超冷や汗もの。

 

なので、とりあえずいつから始めて

いつくらいに完了を目指すのかを

決めるところから。

 

【目標はこの3つ!!】

 

1. まとまった時間がとれる時期に始めて完了する


2. https化を機会にデザインをリニューアルする


3. カスタマイズにも取り組んでみる

 

 

仕事もあるし家事もあるので、ブログの

設定を触っている途中で中断なんて

ありえない!

 

更に深みにはまることが予想できますから。

だから決めたんです、目標を。

 

【私の準備②】現状の記録を作成した

 

https化以前の問題!私は自分のブログで

やっているカスタマイズ状況を何も

記録していないことに気づいてびっくり!

 

いかに何も考えずに突っ走って

ブログを始めたのかを振り返る羽目に。

 

やっぱり一応、何をカスタマイズして

いるのかくらいはちゃんと押さえて

おこう!

 

ということで、まずは現サイトでやっている

カスタマイズ状況をメモにしたところから

スタート。

 

【私の準備③】データの混在コンテンツを調べた

 

これです、これ!

 

こういう事って先陣の方たちのアドバイス

無しでは知る由もなかったわけですが、

ちゃんと記事を書いてくださっています!

 

私は今回リニューアルの際に導入した

テーマ「zero-teal」作者さんの

記事を参考にさせていただいて、

この記事のとおり、修正を加えました!

 

www.foxism.jp

 

とても分かりやすく、順を追って書かれた

記事で冷や汗かかずに助かりました。

 

神業です!

 

そして、テーマ「zero-teal」も素敵です!

ありがとうございます!

 

ここからが作業開始!どうなることやら?!

 

【私の準備④】データのエクスポートをした

 

次は現ブログのバックアップをしなければいけません。

バックアップ方法はダッシュボードから

「設定」→「詳細設定」→

  

「エクスポート:記事のバックアップと製本サービス」

そうすると画面が変わりますが、順番は、

「エクスポート」→「ダウンロード」

データの保存場所は任意でお好きなところに。

 

ダウンロードしたデータは、現在のブログ

データのバックアップとして使えるわけです。

 

*ここで要注意は、エクスポートした

データにはカスタマイズ情報は含まれて

いないので、運営中のサイトで行って

いたカスタマイズ引き継がれません。

 

【私の準備⑤】クローン(テスト)サイトを作った

 

私の場合、新しいテーマにすることを

最初から検討していたので、クローン

サイトを作って、そこで色々とテコ入れを

する予定だったんです。

 

やってみたかったカスタマイズはこれ!

 

1. テーマを変更

2. プロフィール画像を変更

 (顔の大きさが実際に似ているから)

3. ロゴを自作する

4. ヘッダーを作る

 ということでクローンサイトを作ることから。

 

「ダッシュボード」→「新しいブログを作成」→

と選んでサイトを作ります。

 

ここで間違わないように全く違う名前の

サイトを作成。

 

【私の準備⑥】データをインポートした

 

次は準備④で保存しておいたデータを

クローンサイトにインポートします。

 

ダッシュボードからクローンサイトの

管理画面に切り替えます。

クローンサイトのダッシュボードで

「ダッシュボード」→「インポート」

先ほど保存したデータを選択。

 

インポート開始!

 データも画像もインポートされます。

 

とてもシンプルな最初にブログを

つくった状態のクローンサイトが

できあがります。(設定テーマなし)

 

*ここで要注意は、インポートした

データにはカスタマイズ情報は含まれて

いないので、運営中のサイトで行って

いたカスタマイズはなくなっています。

 

 いざ!瓜二つのクローンサイトでhttps化

 

クローンサイトに同じテーマを

インストールしてみる。

 

特に問題なし!そりゃそうだわ・・・。

 

ということで、全く瓜二つのクローンサイト

が出来上がった。

 

ここからは、カスタマイズをせずに

そのままhttps化の道を選ぶ方に向けて

続けていきます~。

 

「ダッシュボード」→「設定」」→「詳細設定」→

「HTTPS配信」→「有効にする」

 

 これで完了!サイトを見てみてください!

”保護された通信”に変わっていませんか?

 

これで”保護された通信”表示が出ていれば

安心して、クローン元のサイトも

https化できるはず。

 

私はこの手順でコツコツと・・・・涙。

 

もし保護されていない通信表示が出た

場合は、どこかの記事ページに混在

コンテンツがあるはず。

 

これはコツコツ作業で確かめるしか

ありません・・・。 

 

https化完了!ビールいただきます! 

 

というわけで、私の戦いは一旦

収束しました。

 正直、気づかれしました。

 

 お中元のビールいただきま~す!

 

まだ少しずつチェックをしたり、

手直しをしたりしている私に

現実は非情にもこれでお盆休みは

終わり~!というわけです。

 

休んだ気がしない~って独り言

いいつつも、無事にhttps化が

終わりホッと一息です。

 

はい、またまた仕事と家庭を

バタバタしつつ、ブログ楽しみます~。

 

最後までお付き合いいただき、

ありがとうございました。

 

ではでは!