ブログ模様替え・SSL/レスポンシブ対応

ブログ「京急押入線」は模様替えしてみました。
今後とも、ご覧いただけますようお願いします。<(_ _)>

さて、今回は模様替えの理由と、その悪戦苦闘(笑)メモを少々。

[押入線ブログ、レスポンシブ・SSL対応]
2018041401.jpg

模様替えの発端ですが・・・
最近、どうも、アクセスカウンターの数が腑に落ちず、調査してみました。

・しばらく前までは「Nゲージレイアウト」「Nゲージ京急」でググると、
 自分のが引っ掛かり過ぎて不便だったぐらいなのに、最近は全然引っ掛からない

 → GoogleさんのSSL推奨で、SSL化されていないサイトは検索ランクが下がっている

・twitterで、いいねを100ぐらい貰った日でも、ブログアクセスが減っている

 → FC2ブログは、PC用とモバイル用でテンプレートを二つ用意しますが、
   私は、PC用カウンターしか置いていないので、モバイル系はカウントされていなかった(^^;;
   FC2ブログ開設以来、6年気づかず(^^;;
   モバイル普及率が上がるに従って、実情よりカウントは少なく数えられている。

  ~ ~ ~

思い立ったが吉日、この2つの課題を一気に解決するには、

・レスポンシブテンプレートを適用して、PCとモバイルを同じデザインにしつつ
 デザイン見直しついでに、SSL対応する

しかないようです。
最近、こう言うのがすっかり苦手なオッサンになりましたが、頑張ってみました。(^^;;

ちなみに、レスポンシブデザインってのは、Wikiによると、

レスポンシブウェブデザイン (Responsive Web Design, RWD) は、閲覧者の画面サイズまたはウェブブラウザに応じてデスクトップウェブページが閲覧できることを目指したウェブデザインの手法。

だそうです。(^^;;

[SSL対応にする(FC2の環境設定で、SSLを有効に)]
2018041402.jpg

実施した内容は、

① FC2の環境設定メニューで、SSLを有効に
② カウンターやアクセス解析等のFC2プラグインを、SSL対応にバージョンアップ
  (一度、旧来のプラグインを削除して、新規にプラグインを追加)
③ ランキングやアフリエイト等のURLを新たに取得して書き換え
④ 投稿本文中のパスを相対に書き換え、http:// → //

この、③④が地味に面倒くさい・・・
テンプレートやプラグインで置き換えできるものはともかく、
過去ログに一つづつ記載してあるURLを直すのは、現実的でありません。
30記事ぐらい試したけど、面倒で断念。

そんな折、こちらのサイトで、

・過去ログをエクスポートし
・テキストエディタで一括置換
・一旦、全ての記事を削除(汗)してインポート

と言う方法を紹介されており、これを真似てみました。

この、全ての記事を削除・・・と言うのが非常に度胸が要りますが、
まぁ、消えたら消えたでいいや。と開き直って実施。(笑)

結果は、ほぼ、良い塩梅の様に思います。そう「ほぼ」。(^^;;
コメントのインポートでマイナートラブルが。(^^;;;

[変換前コメントイメージ]
Re:〇〇さんへ

> こんにちは。
 (改行)
どーもです。

[変換後コメントイメージ]
Re:

> こんにちは。
どーもです。

  ~ ~ ~

過去レス(Re:で始まる)のタイトルが消え、改行が減って見にくくなりました → 諦めました(^^;;
ネットの口コミを探ったところ、FC2インポート機能の不具合の様であります・・・

まぁ、過去ログに遡って綺麗にSSL化しなくても良いやと思えば、この作業④はしないでも良いかもしれません。

[レスポンシブデザインに変更・微調整]
2018041403.jpg

FC2ブログ利用者はお分かりと思いますが、テンプレートと呼ばれるブログひな形が提供されています。
デザインの種類「レスポンシブ」で検索。

こちらの方が提供されているフォームを拝借しました。
トップ画像にモノトーン・パステル調にした京急電車を配置して見た目を微調整・・・

SSLにきちんと対応されると、URLバーに「保護された通信」と表示されます。やったね。

Google Chromeで、F12キーを押すと、画面右に解析ツールが出て来ます。
スタイルシートの要素が表示されるので、余白やフォントを自分好みに微調整・・・

[SSL対応チェック・微調整]
2018041404.jpg

過去ログのパス書き換え http:// → // ですが、何も考えずに一気にやるとリンクが切れの恐れも・・・
(気にしないで良いかもだけど)

そこで、パターンを探りつつ何回かで置き換えました。
過去ログを開いて、NGを探ります。

こちらもGoogle ChromeのF12キーで。
「Mixed Content」と表示されると、SSLで無いリンクが残ってますよ。ダメですよ。の意味。
追加で、置換しておきます。

 ~ ~ ~

まだ、やり残しがあるような気もしますが・・・
とりあえず、お陰様で、見た目は少しお洒落?になりました。
レスポンシブなので、スマホでも、綺麗に見えます。v(^-^)v
しばらくはこれで、様子を見たいと思います。

あ、デザイン直しついでに、プロフィールも手直ししなきゃ。
アラフォーお父さんモデラー、じゃなくて、アラフィフですね。(爆)

お後がよろしい様で。
お粗末。<(_ _)>

[おまけ・押入線メイキング動画]

ブログリンクに参加しています♪
良い記事だと思われましたら、ポチっとしていただけると、工作気力がアップします。

にほんブログ村 鉄道模型へor にほんブログ村 レイアウト製作へブログ村:鉄道模型・レイアウト製作

鉄道コムへ鉄道コム:模型鉄・京浜急行

スポンサーサイト

6 Comments

イツロー  

イメージ変わりましたね

うううん、何だかチンプンカンプン、私には無理ですね(>_<)
何かすっきりした感じ(^^♪
コメント記入欄が英語になってる、、、。

2018/04/15 (Sun) 11:53 | EDIT | REPLY |   

卓  

Re: イメージ変わりましたね

イツローさん いつもどーもです!!

> うううん、何だかチンプンカンプン、私には無理ですね(>_<)

自分も得意じゃないんですよ。結構、疲れました。(笑)
ま、数年に一度?の模様替えってことで・・・

> 何かすっきりした感じ(^^♪

ありがとうございます。世の中、洒落たテンプレートを作る人がいらっしゃいますね。助かります。

> コメント記入欄が英語になってる、、、。

あ、やっぱ、日本語がいいかなぁ。打ち直すだけなんで、考えてみます。

2018/04/15 (Sun) 15:16 | REPLY |   

よっちゃん  

素敵…♡˖꒰ᵕ༚ᵕ⑅꒱

素晴らしいデザイン…!

何だか、ヤフブロが玩具に見えますね!
こんな素敵なデザインが出来るなら、乗り換えかな…? と…思っちゃいますね💕

ただ、私には無理な世界の様ですが…(爆)

2018/04/15 (Sun) 17:39 | EDIT | REPLY |   

卓  

Re: 素敵…♡˖꒰ᵕ༚ᵕ⑅꒱

よっちゃんさん いつもどーもです!!

> 素晴らしいデザイン…!
>
> 何だか、ヤフブロが玩具に見えますね!
> こんな素敵なデザインが出来るなら、乗り換えかな…? と…思っちゃいますね💕

早くこっちにおいで~(笑)

自分もヤフブロからの乗り換え組ですが、自由度が気に入ってFC2に乗り換えた様なものです。
フリーのテンプレートが沢山(3桁)あって、それがアレンジできる。
見た目・機能共に、かなり好きなように出来ると思います。

FC2でなくとも、自由が利くブログは他にもあると思うので・・・
ヤフブロからの乗り換えは、悪くない選択だなと思いますよ~

> ただ、私には無理な世界の様ですが…(爆)

大丈夫。自分もサポートするし、拓さんも居るし。
それに、あれだけパソコン嫌いのボシさんもFC2ブログだもの。(笑)

2018/04/15 (Sun) 18:35 | REPLY |   

MiO  

こんばんは。

FC2ブログはかなり自分でいじれる感じなのですね~。SSL対応もブログオーナー任せなのですね。

ヤフーブログのように一斉にSSL対応にすると当然のように不具合が出るのですが、過去ログを全部直すことを考えると、一気にやってくれた方が楽かなぁ、とも思います。

2018/04/15 (Sun) 22:46 | EDIT | REPLY |   

卓  

Re: MiOさんへ

MiOさん いつもどーもです!!


> FC2ブログはかなり自分でいじれる感じなのですね~。SSL対応もブログオーナー任せなのですね。

自由度は高いです。
自分は、ヤフブロの突然のデザイン変更(デカイ広告挿入)が嫌で、こちらに引越ました。

> ヤフーブログのように一斉にSSL対応にすると当然のように不具合が出るのですが、
> 過去ログを全部直すことを考えると、一気にやってくれた方が楽かなぁ、とも思います。

メリデメの両面がありますが、私は、自分の予測のつかない自動より、手動の方が好みです。
車もマニュアルです。(笑)

2018/04/16 (Mon) 12:31 | REPLY |   

コメント