.wpcf7-submit:disabled{cursor:not-allowed}よく試し、よく作るブログ実験室naelabテスト用ブログを作ろう!はてなブログでカスタマイズを安全に行う方法はてなブログ2016.05.28こんにちは、NAEです。ブログのカスタマイズ、楽しいですよね。デザイン変えたり新しい機能を入れたり。自分のブログが進化するのはワクワクします。ところで、カスタマイズの際に公開しているブログ(本番ブログ)を直接いじっていませんか?Yesの方、危ないので今すぐやめてください。目次ブログのカスタマイズについて回る、元に戻せない問題カスタマイズ前のバックアップは大事!だけど不便カスタマイズはまずテスト用ブログでテスト用ブログの作り方と使い方テスト用ブログを使うメリット・デメリットまとめ:カスタマイズ前は本番同等の環境で動作確認をブログのカスタマイズについて回る、元に戻せない問題ブログをカスタマイズしていてついやってしまうのがこういうミス。見た目も動作もOKっぽいので変更内容反映いざスマホやPCで実物確認・・・なんか変だ!戻さなきゃ!やべ、元のってどんなんだっけ・・・戻せない・・・いわゆる元に戻せない問題です。ぼくも何回も痛い目を見ました。カスタマイズ前のバックアップは大事!だけど不便よく言われる対策はバックアップを取っておけですよね。カスタマイズ内容(HTMLやCSS)をファイルに保存しておき、ミスったら戻せるようにしておく、という方法です。これ、言っていることは正しいんですが、いくつか不便な点があります。タイトル下や記事上下など、バックアップするものがたくさんあって面倒だし、ファイルやフォルダの管理も手間がかかるファイルへのバックアップだと、旧デザインの実際の見た目や動きを再確認できない(コピペで戻して反映させる必要がある)デザインと動作確認がPCのプレビュー画面のみで、スマホからの実機確認が困難(本番ブログに変更を反映させる必要がある)特に2つ目と3つ目は、個人的には非常に大きな制約です。細かなデザイン調整をしたい場合、新旧のデザインを並べて比較したくなるもの。バックアップしたファイルを眺めても旧デザインの実際の見た目や使い心地はわかりません。PC画面上で再現されたスマホ画面(プレビュー画面)と実際にスマホで見たときの画面は全く印象が違います。それにボタン類の大きさや要素間の間隔など、使いやすいと思う調整荷は指先で実際に動かしてることが不可欠です。カスタマイズはまずテスト用ブログでさて、ファイルへのバックアップではできないこれらのことを可能にする方法があります。多くのブログサービスでは1アカウントで複数のブログを持てるという点を利用します。自分しか見られない、カスタマイズを試すためのテスト用ブログを作ってしまう、というわけです。そこでまず試す文意は本番ブログには影響がないので安全ですよね。新しいブログを「自分のみ公開」で作るブログタイトルや説明など、本番と同じものを設定する本番ブログのデザインから、カスタマイズしたコード(HTMLやCSS)をすべてコピペする記事も5つほどコピペしておくこれで本番ブログとほぼ同じ構成、内容、見た目のブログ、テスト用ブログできました。カスタマイズの際は、まずテスト用ブログでカスタマイズを試す元に戻したくなったら本番ブログのデザインをテスト用ブログへ再度コピペし直すPCやスマホからの実機確認はテスト用ブログで行うカスタマイズが完了したらテスト用ブログのデザインを本番ブログにコピペして反映するという手順で行います。テスト用ブログを使うメリット・デメリットこうすることで、バックアップは常に本番ブログに存在するすぐにでも戻せる旧デザインの確認も簡単バックアップ用のファイルを管理しなくてよいテスト用ブログで試したカスタマイズは本番ブログは反映されない本番ブログは安全なまま実機確認もやりたい放題という、安全で便利なカスタマイズ環境ができあがります。保存できるバックアップの世代数に限界があるすでに上限数のブログを本番運用している場合この方法は使えないといったデメリットも。HTMLやCSSをファイルにバックアップする方法と併用するとバランスがよいかもしれません。まとめ:カスタマイズ前は本番同等の環境で動作確認をというわけで、テスト用ブログを使ってブログのカスタマイズを安全便利にする方法をご紹介しました。本番ブログは24時間観客のいる舞台のようなもの。そこに上がればノンストップでオンステージ。(ステップバイステップ形式でマスターできる)ソシムAmazon楽天Yahoo!ショッピングはてなブログスポンサーリンクシェアTwitterFacebookはてブPocketLINEコピーフォローNAEブログ実験室naelab関連記事はてなブログ魔改造によるはてなブログの高速化。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。管理人NAEただのブログ好き。お問合わせはこちらもしくはTwitterのDMまでどうぞ。ブログ実験室naelab.タイトルとURLをコピーしました。