ブログ管理画面リニューアルのご案内
本マニュアルでは、今回のリニューアルにより、従来のブログ管理画面から変更になった動作および操作についてご案内いたします。
全体的な操作説明については、別冊の必読マニュアルその１～ブログの基礎知識～必読マニュアルその２～初めての更新ガイド～必読マニュアルその３～よく使う操作ガイド～をご覧ください。

このたび、今までのブログ管理画面に、「お知らせ」画面と「見ながら更新」画面の２つの画面が新たに追加されました。
「お知らせ」画面は、ログイン後最初に表示される画面で、新着のお知らせ情報やオンラインマニュアルへのリンクなどがご確認いただけます。
「見ながら更新」画面は、従来の「ページ管理」機能に新たに追加された画面で、記事の新規作成や編集など、今までの記事・ページに関する操作が、より直感的にできるようになっています。
１．ブログ管理画面
ブログ管理画面リニューアル
管理画面リニューアルのリニューアルの概要「お知らせ」画面と「見ながら更新」画面の概要について説明します。
２．今までの操作までの操作のここが操作のここが変のここが変わります「見ながら更新」画面により、今までの記事・ページに関する５つの操作が、より直感的にできるように変わりました。
それぞれどのように変わったのか、詳しく説明します。
３．従来の従来の画面について画面について従来の画面も今までどおりご利用いただけます。
逆に、「見ながら更新」画面では対応していない機能について、ここで確認します。
４．リニューアルにリニューアルに伴う操作上の操作上の注意事項
その他、今回のリニューアルに伴う操作上の注意事項を補足説明します。

ブログ管理画面リニューアルのご案内ブログ管理画面リニューアルのご案内

目次

１． ブログ管理画面
ブログ管理画面リニューアル
管理画面リニューアルのリニューアルの概要 ...................................................
................................................... 2
１-１ 「お知らせ」画面 ................................................................. 2
１-２ 「見ながら更新」画面 ............................................................. 3
２． 今までの操作までの操作のここが操作のここが変のここが変わります .....................................................
..................................................... 4２-１ 今までの操作で変わるところ ....................................................... 4２-２ 既存記事編集 ..................................................................... 5２-３ 新規記事作成 ..................................................................... 7２-４ 新規ページ作成 ................................................................... 8２-５ 記事の表示順変更 ................................................................. 9２-６ 記事の削除 ...................................................................... 10３． 従来の従来の画面について画面について................................
について................................................................
................................................................ 11３-１ 新旧ブログ管理画面のタブ構成 .................................................... 11３-２ 「見ながら更新」画面では対応していない機能について .............................. 12３-２-１ ページの修正 ..................................................................................................................... 12３-２-２ 画像やファイルの管理....................................................................................................... 13３-２-３ 部品の追加、編集、削除 ................................................................................................... 13
４． リニューアルにリニューアルに伴う操作上の操作上の注意事項 ................................................
................................................ 14４-１ 強制更新「Ｆ５」キーの利用 ...................................................... 14
４-２ リンク文字の動作確認 ............................................................ 14
４-３ 動画の動作確認 .................................................................. 14
４-４ 「見ながら更新」で部品は表示されません .......................................... 14４-５ 「見ながら更新」では個別記事ページは編集できません .............................. 14

1

ブログ管理画面リニューアルのご案内

１．ブログ管理画面
ブログ管理画面リニューアル
管理画面リニューアルのリニューアルの概要
今までのブログ管理画面に、次の２つの画面が新たに追加されました。
「お知らせ」画面（ログイン時初期画面）「見ながら更新」画面（ページ管理）

１-１「お知らせ」画面
ブログ管理画面へのログイン後の初期画面として、「お知らせ」画面が表示されることになりました。
従来は、「ページ管理」の「新規記事作成」画面が表示されていました。
「お知らせ」画面には、最新お知らせ情報やサーバーの残容量、各種ボタンが掲載されます。

**************のお知らせ******************************************************************************************************【 お知らせ 】
最新のお知らせが５つ表示されます。

【 ファイル容量の使用状況 】
サーバーの残容量を確認できます。

【 各種ボタン 】
オンラインマニュアルや各サイトを確認できます。

【 オンラインマニュアル 】
操作方法をオンラインマニュアルで確認できます。

2

ブログ管理画面リニューアルのご案内

１-２「見ながら更新」画面「ページ管理」に「見ながら更新」が加わりました。記事の作成や編集など、記事・ページに関する操作が直感的にできるようになりました。

内容を表示する ｜ 一覧を表示する「 ＋ ここに記事を追加する 」ボタン

「 × 削除する 」ボタン

「 選択する 」ボタン ※「 ▼ この記事を編集する 」ボタン

ページ選択ボックス（非表示ページの選択）

前の６件を表示

次の６件を表示【 記事編集エリア 】
各ページに保存されている記事の追加・編集・削除などができます。

【 サイドメニュー選択エリア 】
記事を作成・編集したいページを選択できます。

※ メニューやサイドバー用部品の追加・修正は、今までどおり「デザイン管理」-「レイアウト変更」画面で行います。「見ながら更新」画面では行えません。ご注意ください。
3

ブログ管理画面リニューアルのご案内

２．今までの操作
までの操作のここが操作のここが変のここが変わります「見ながら更新」画面により、今までの記事・ページに関する５つの操作が、より直感的にできるようになりました。

２-１今までの操作で変わるところ操作
既存記事編集

新規記事作成新規ページ作
成

新手順

従来の手順

・「見ながら更新」で目的のページのサイドメニューを選択
・該当記事の「この記事を編集する」ボタンから編集・「見ながら更新」で目的のページのサイドメニューを選択・「ここに記事を追加する」ボタンから新規作成・「デザイン管理」－「レイアウト変更」から「サイドメニュー」部品を追加
・「見ながら更新」で目的のサイドメニューを選択
・ページ名を登録「ページ管理」－「記事編集（一覧）」または「記事編集（ページ別）」

記事の表示順変更

・「見ながら更新」で目的のページをサイドメニューから選択・「一覧を表示する」リンクから記事一覧画面を表示し、表示順を変更

記事削除

・「見ながら更新」で目的のページをサイドメニューから選択
・該当記事の「削除する」ボタンで削除

4

本章説明項
２－２
（ｐ５～６）「ページ管理」－「新規記事作成」

２－３
（ｐ７）

・「ページ管理」－「ページ追加・編集」から新規ページ作成
・「デザイン管理」－「レイアウト変更」から「サイドメニュー」部品を追加・作成済みのページをリン
ク先で指定・「ページ管理」－「記事編集（ページ別）」からページを指定
・記事の一覧から表示順を変更「ページ管理」－「記事編集（一覧）」から記事の削除チェックボックスをチェック
または、「記事の作成・編集」画面から「この記事を削除する」ボタンで削除

２－４
（ｐ８）

２－５
（ｐ９）

２－６
（ｐ１０）

ブログ管理画面リニューアルのご案内

２-２既存記事編集＜従来の手順＞① 「ページ管理」－「記事編集（ページ別）」で、目的のページを検索
または、「ページ管理」－「記事編集（一覧）」② 記事一覧から該当の記事の「編集する」リンクで選択＜新手順＞① 「見ながら更新」画面のサイドメニュー選択エリアから、記事編集したいページのサイドメニューを選択。
→ 記事編集エリアに、選択したサイドメニューの記事が表示される。

サイドメニュー と 選択する ボタン「サイドメニュー」や「選択する」ボタンから、目的のページを開きます。

ページ選択ボックス
サイドメニューにはないページの記事を編集する場合、「ページ選択」ボックスから目的のページを選択します。

5

ブログ管理画面リニューアルのご案内② 記事編集エリアの「 ▼ この記事を編集する」ボタンをクリック。
→ 「記事の作成・編集」ウィンドウが開く。

記事の編集が終わったら、画面下部の「保存する」ボタンをクリックいます。

③ 記事の保存完了後、ウィンドウ上部の「見ながら更新に戻る」をクリック。
→ 「記事の作成・編集」ウィンドウが閉じる。

6ブログ管理画面リニューアルのご案内

２-３新規記事作成＜従来の手順＞① 「ページ管理」－「新規記事作成」で記事の作成・編集画面を開く。
② ページ名選択で格納したいページを選択して保存。
＜新手順＞① 「見ながら更新」画面のサイドメニュー選択エリアから、新規記事を作成したいページのサイドメニューを選択（ｐ4 参照）。
→ 記事編集エリアに、選択したサイドメニューの記事が表示される。
② 記事を追加したい場所の「 + ここに記事を追加する」ボタンをクリック。
→ 「記事の作成・編集」ウィンドウが開く。

記事の作成が終わったら、画面下部の「保存する」ボタンをクリックします。

記事の記事の並び順設定
ページ設定で記事の並び順が日付順で設定されている場合は、「＋ ここに記事を追加する」ボタンは常に「記事編集エリア」の左上に１つだけ表示されます。
既存の記事と記事の間に、新しい記事を挿入することはできません。

③ 記事の保存完了後、ウィンドウ上部の「見ながら更新に戻る」をクリック。
→ 「記事の作成・編集」ウィンドウが閉じる。

7

ブログ管理画面リニューアルのご案内

２-４新規ページ作成＜従来の手順＞① 「ページ管理」－「ページ追加・編集」から新規ページ作成。
② 「デザイン管理」－「レイアウト変更」から「サイドメニュー」部品を追加。
③ 「サイドメニュー」部品のリンク先設定で①で作成したページを指定。
＜新手順＞① 「デザイン管理」－「レイアウト変更」から「サイドメニュー」部品を追加（マニュアルその３ ～よく使う操作ガイド～ 」ｐ３０参照）。
② 「見ながら更新」画面のサイドメニュー選択エリアから①で作成したサイドメニューを選択。
→ 記事編集エリアに「ページ追加フォーム」画面が表示される。
③ 「ページ追加フォーム」に必要項目を入力して「追加」ボタンをクリック。
新しく追加されたサイドメニューが表示されます。

必要な項目を入力し、画面下部の「追加」ボタンをクリックします。

「選択する」ボタンが、「選択中」ボタンへ変わります。

「見ながら更新ながら更新」
更新」画面では画面では、では、サイドメニューのサイドメニューの追加・追加・編集ができません
編集ができません「見ながら更新」画面では、サイドメニューの追加や編集ができません。
サイドメニューを追加・編集する場合は、今までどおり「デザイン管理」-「レイアウト変更」画面で行います。
ページを作成する場合も、「レイアウト変更」画面でサイドメニューを追加してから、「見ながら更新」画面でページを作成します。

8ブログ管理画面リニューアルのご案内

２-５記事の表示順変更＜従来の手順＞① 「ページ管理」－「記事編集（ページ別）」でページを選択。
② 「記事一覧（ページ別）」で表示順を変更。
＜新手順＞① 「見ながら更新」画面のサイドメニュー選択エリアから目的のページを選択（ｐ4 参照）。
② 「一覧を表示する」をクリック。
③ 「記事一覧（ページ別）」で表示順を変更。

ページの設定により「表示順」か「作成日時」で、並び順を変更します。

表示順を変更後「保存する」ボタンをクリックします。

記事の記事の表示順変更
表示順変更が変更が終わったら「内容を表示する」をクリックし、元の「見ながら更新」画面に戻しましょう。
画面を戻さずに、他のメニューの「修正」ボタンをクリックすると、そのページの「記事一覧（ページ別）」画面が表示されますのでご注意ください。

9ブログ管理画面リニューアルのご案内

２-６記事の削除＜従来の手順＞① 「ページ管理」－「記事編集（一覧）」② 「記事一覧」から目的の記事の「削除」チェックボックスをチェック。
または、目的の記事の「記事の追加・編集」から「この記事を削除する」ボタンをクリック。
＜新手順＞① 「見ながら更新」画面のサイドメニュー選択エリアから目的のページを選択（ｐ4 参照）。
② 削除したい記事の「 × 削除する 」ボタンをクリック。

「この記事を削除します」チェックボックスにチェックを入れ、「ＯＫ」ボタンをクリックします。

「再構築を実行する」ボタンをクリックします。

③ 再構築終了後、ウィンドウ上部の「見ながら更新に戻る」をクリック。
→ 「記事の作成・編集」ウィンドウが閉じる。

10ブログ管理画面リニューアルのご案内

３．従来の従来の画面について画面について３-１新旧ブログ管理画面のタブ構成
今回のリニューアルで追加された「お知らせ」画面と「見ながら更新」画面は、従来のブログ管理画面のタブ構成に新たなタブとして追加されたものです。
したがって、今までの画面は、従来のタブからそのまま利用できます。

▼従来のブログ管理画面のタブ構成▼リニューアル後のブログ管理画面のタブ構成

11

ブログ管理画面リニューアルのご案内

３-２「見ながら更新」画面では対応していない機能について次の機能は「見ながら更新」画面では対応していません。

ページの修正画像やファイルの管理



部品の追加、編集、削除

３-２-１ ページの修正
ページの修正は、従来どおり、「ページ管理」－「ページ追加・編集」で行います。

12

ブログ管理画面リニューアルのご案内

３-２-２ 画像やファイルの管理
画像やファイルのアップロードや管理は、今までどおり「画像／ファイル一覧」で行います。

３-２-３ 部品の追加、編集、削除
サイドメニューなど、部品の追加、編集、削除は、従来どおり「デザイン管理」－「レイアウト変更」から行います。

13

ブログ管理画面リニューアルのご案内

４．リニューアルにリニューアルに伴う操作上の操作上の注意事項
４-１強制更新「Ｆ５」キーの利用「デザイン管理」でデザイン変更を行った後に、「ページ管理」－「見ながら更新」に戻ると、変更したデザインが反映されずに前のデザインのまま表示される場合があります。
これは、パソコンの画面が、パソコン内に記憶されている過去の情報のまま表示していることが原因として考えられますので、「Ｆ５」キーを押下し、強制的にパソコン画面を更新してください。

４-２リンク文字の動作確認「見ながら更新」では、リンク文字、追記設定、フォーム、買い物カゴの動作確認ができません。
リンク文字、追記設定、フォーム、買い物カゴの動作確認を行う場合は、「サイトの確認」で確認してください。

４-３動画の動作確認「見ながら更新」では、YouTube やフラッシュなどの動画を再生確認できません。
「サイトの確認」で、再生確認してください。

４-４「見ながら更新」で部品は表示されません「見ながら更新」では、「固定スペース」部品や「新着記事表示」部品などは表示されません。
部品を編集するには、「デザイン管理」-「レイアウト変更」で編集してください。また、「新着記事表示」の記事を編集するには、保存したぺージをサイドメニューから選択し、編集します。

４-５「見ながら更新」では個別記事ページは編集できません「見ながら更新」では、サイドメニューにリンク設定している個別記事ページを表示することができますが、編集することができません。
記事を保存したページをサイドメニューから選択し、編集します。

14

ブログ管理画面リニューアルのご案内

新管理画面の操作方法は、動画やオンラインマニュアルでもご案内しております。
ご活用ください。

▼ オンラインマニュアル
http://help.busblog.jp/m/15