デザイン設定の変更を「ステージング」として保存し、ブログに公開する前に全体をプレビューで確認できる機能です。
本機能は、はてなブログの有料プラン(はてなブログPro、はてなブログ for DevBlog、はてなブログBusiness、はてなCMS)でご利用いただけます。
できること
- デザインの変更をステージング（下書き状態）として保存できます
- ステージングの状態のまま、ブログ全体のデザインをプレビューで確認できます
- 問題がなければ「変更を公開する」ボタンで変更をブログに反映できます
- ステージングへの保存操作は編集履歴に記録されます（デザインの編集履歴）
使い方
1. デザインをステージングとして保存する
- ダッシュボードの デザイン から、デザイン設定画面を開きます
- デザインを編集したあと、画面右上の 「保存する」 ボタンをクリックします
- 変更がステージングとして保存され、編集履歴に記録されます
※ステージングに保存しただけでは、ブログの見た目は変わりません。
2. ステージングのデザインをプレビューする
- ステージングへの保存が完了すると、 「プレビュー」 ボタンがクリックできます
- 「プレビュー」をクリックすると、別タブでプレビューが表示されます
- プレビュー画面では、ステージング状態のデザインが適用されたブログを確認できます
3. デザインを公開する
プレビューで確認して問題がなければ、画面右上の 「変更を公開する」 ボタンをクリックします。変更がブログに反映されます。
画面の見かた
ボタンの種類
| ボタン名 | 説明 |
| プレビュー | ステージング状態のデザインを別タブでプレビューします。ステージング保存後にクリックできますステージング状態のデザインを別タブでプレビューします。ステージング保存後にクリックできます |
| 保存する | デザインをステージングとして保存します。ブログへの反映はされません |
| 変更を公開する | ステージングの内容をブログに反映（公開）します |
ラベルの種類
| ラベル名 | 説明 |
| 未公開のデザイン | ステージング状態のデザインを表示しています。 |
| 公開中のデザイン | 本番環境に反映(公開)されているデザインを表示しています |
| 未保存の変更があります | 保存されていない変更内容がある場合に表示されます。ページ遷移やブラウザのリロードを行うと変更内容は破棄されますのでご注意ください。 |
ご注意
- この機能は はてなブログPro または 法人向けプランのご契約が必要です
- ステージングとして保存した内容は、「変更を公開する」を実行するまでブログには反映されません
- ステージング保存の操作は編集履歴に記録されます
- 「プレビュー」は、ステージングへの保存が完了するまで利用できません
