必読マニュアル その３～よく使う操作ガイド～
ver 2

操作に入る前に、ブログ管理画面にログインしましょう。
ログイン方法は、【～はじめての更新ガイド～】 をご確認下さい。

よく使う操作ガイド

目

次

1.

文字を
文字を装飾する
装飾する................................
する................................................................
....................................................................
.................................... 3

2.

文字に文字にリンクをリンクを張る ................................................................
................................................................ 6

3.

入力欄の
入力欄のボタンのボタンの種類................................
種類 .............................................................
............................................................. 10

4.

記事の記事の並び順を変更する
変更する ...........................................................
........................................................... 125.

表を作成する作成する ................................................................
....................................................................
.................................... 15

6.
画像を画像を挿入する
挿入する................................
する................................................................
...................................................................
................................... 196.1.
画像を並べる方法 .............................................................. 25
7.
メニューを
メニューを増やす................................
やす................................................................
.................................................................
................................. 29
7.1.
サイドメニューを増やす方法 .................................................... 29
7.2.
ヘッダー・フッターメニューを増やす方法 ........................................ 35
8.
ブログのブログの認証設定................................
認証設定................................................................
.................................................................
................................. 41
8.1.
ブログ全体に認証を設定する .................................................... 41
8.2.
認証設定を解除する ............................................................ 431よく使う操作ガイド

ヘッダーメニューを増やす方法
３７ ページへ

サイドメニューを増やす方法
３０ページへ文字を装飾する方法
３ ページへ

画像（写真）を貼り付ける方法
２０ ページへ
画像を並べる方法
２６ ページへ

文字にリンクを貼る
６ ページへフッダーメニューを追加する方法３７ ページへ2よく使う操作ガイド

1. 文字を
文字を装飾する
装飾する
記事や部品の入力欄には、文字を装飾するためのボタンがあります。文字の大きさや色を変更する、太文
字にすることなどができます。ここでは、記事内の文字を装飾する方法をご説明します。

＜操作手順＞
1.

「ページ管理」をクリックします。

→ 「見ながら更新」画面が表示されます。

2.

メニュー選択エリアから、文字を装飾したい記事が存在するページのサイドメニュー、または「選択する」ボタンをクリックします。
サイドメニューまたは、→ 「選択する」ボタンが「選択中」に変わります。

3.

目的の記事の「▼この記事を編集する」ボタンをクリックします。

→ 記事の作成・編集画面が表示されます。

3よく使う操作ガイド

4.

装飾したい文字列を、マウスカーソルで範囲選択します。
→ 選択した文字部分が反転します。

5.

装飾のボタンをクリックします。
（ここでは、太字にするためのボタン：「太字」ボタンをクリックします。）

ボタンのボタンの種類と種類と機能について機能について「太字」以外にも、複数のボタンがあります。詳しくは、『３．入力欄のボタンの種類』をご参照ください。

→ 選択した文字列が､太字になりました。

6.

記事を保存します。「保存する」ボタンをクリックしてください。

→ 再構築が始まります。再構築とは、ブログ管理画
面とブログの同期作業のことです。

4よく使う操作ガイド

7.

「見ながら更新に戻る」をクリックします。

→

8.

記事作成・編集画面が閉じられ、「見ながら更新」画面に戻ります。

「サイトの確認」をクリックします。

→ ブログが開きます。
記事を確認し、装飾した内容が反映されていることを確認します。

思った通った通りに装飾
りに装飾できなかったら書式クリア）
装飾できなかったら（できなかったら（書式クリア
クリア）
思った通りに装飾ができなかった場合は、一度装飾をクリアな状態に戻すことをお勧めいたします。装飾を設定した文字列を範囲選択し、「書式クリア」ボ
タンをクリックします。

5よく使う操作ガイド

2. 文字に文字にリンクをリンクを張る
表示されている文字をクリックしたときに、別のページへジャンプすることを「リンク」といいます。
ここでは、記事内の文字にリンクを張る方法をご説明します。
＜事前準備＞
先にリンク先のページ（文字をクリックした後に表示させたいページ）の URL を調べておきます。
URL をコピーして、メモ帳などに貼りつけておきましょう。
自分のブログの別のページにジャンプする場合は、
http://から始まるＵＲＬ全てコピーするのではなく、後半の「/category/******* .html」だけをコピーしてください。

http://＊＊＊.＊＊＊＊＊＊↑コピーをして、←メモ帳に貼り付けておくと便利です

なぜ、「
なぜ、「/category/*******、「/category/******* .html」.html」だけをコピー
だけをコピーするのコピーするの？
するの？
自分のブログ内でのリンクであれば、この短縮したＵＲＬだけでリンクを張ることができます。http://から始まる URL でもリンクの設定は可能ですが、ドメイン変更などの理由で、御社のブログの URL に変更が生じた場合、リンクを設定した箇所を全て手作業で書き換えることになり、たいへんな手間がかかります。短縮した
ＵＲＬを利用しておけば、ＵＲＬが変更になっても問題はありません。なお、他のホームページやブログにジャンプする場合は、必ず http://から始まる全 URL をコ
ピーしましょう。

＜操作手順＞
9.

「ページ管理」をクリックします。

6よく使う操作ガイド→ 「見ながら更新」画面が表示されます。

10. メニュー選択エリアから、文字にリンクをつけたい記事が存在するページのサイドメニュー、
または「選択する」ボタンをクリックします。
サイドメニューまたは、→ 「選択する」ボタンが「選択中」に変わります。

11. 目的の記事の「▼この記事を編集する」ボタンをクリックします。

→ 記事の作成・編集画面が表示されます。

1.

リンクを設定したい文字を、マウスカーソルで範囲選択します。

→ 選択した文字部分が反転します。

7

よく使う操作ガイド

2.

「リンク」ボタンをクリックします。
→ リンクの設定画面開きます。

ボタンのボタンの種類と種類と機能について機能について「太字」以外にも、複数のボタンがあります。詳しくは、『３．入力欄のボタンの種類』をご参照ください。

3.

リンクの設定を行います。

・「リンク先 URL」：＜事前準備＞で調べておいた URL を
貼り付けます。

・「ウィンドウ設定」：
クリックしたときの動作を選びます。

4.

設定が終わったら、「挿入」ボタンをクリックします。
→ リンクの設定画面が閉じます。

5.

記事を保存します。「保存する」ボタンをクリックしてください。

8よく使う操作ガイド→ 再構築が始まります。

6.

「見ながら更新に戻る」をクリックします。

→

7.

記事作成・編集画面が閉じられ、「見ながら更新」画面に戻ります。

「サイトの確認」をクリックします。

→ ブログが開きます。
リンクの設定がきちんとされているかを、実際にクリックして確認します。

9よく使う操作ガイド

3. 入力欄の入力欄のボタンのボタンの種類
文字を装飾するためのボタン以外にも、入力欄にはいろいろな用途のボタンがあります。
文字の装飾や書式設定に関するボタン
太字

範囲範囲選択した文字を太字で表示します。

斜体

範囲選択した文字を斜体で表示します。

下線

範囲選択した文字に下線が引かれます。

打消

範囲選択した文字に打ち消し線が引かれます。

文字色

範囲選択した文字の色を指定します。
（右側の矢印で、色を選びます。）

背景色

範囲選択した文字の背景の色を指定します。
（右側の矢印で、色を選びます。）

サイズ

範囲選択した文字のサイズを変更します。
（右側の矢印で、サイズを選びます。）

フォントファミリ

範囲選択した文字のフォントの種類を変更します。
（右側の矢印で、フォントを選びます。）

上付

下付
書式クリア

範囲選択した文字を上付きで表示します。

範囲選択した文字を下付きで表示します。

範囲選択した文字に対して設定されている書式を無効にします。

文章の配置（表示位置）に関するボタン

左寄せ

選択した文字、画像などを左寄せで表示します。

中寄せ選択した文字、画像などを中央寄せで表示します。

右寄せ

選択した文字、画像などを右寄せで表示します。

インデント

段落全体を、右側に字下げして表示します。

インデント解除

段落に設定されているインデントを解除します。

いろいろな挿入に関するボタン
リンク

文字や画像にリンクを設定します。

リンク解除

設定済みのリンクを解除します。

10よく使う操作ガイド
ページ内リンク先

任意の箇所へリンクをはる場合、リンク先の目印として使用します。

画像設定

追加済みの画像に対する設定を行います。
（※このボタンでは、画像を追加することはできません。）

絵文字

絵文字を挿入します。

水平線

水平線（区切り線）を挿入します。

箇条書き

文章を箇条書きで表示します。

段落番号

文頭に数字を付けた箇条書きで表示します。

表の作成に関するボタン

表組み

表を作成したいときに利用します。

上行挿入

カーソルの置かれたマスの上に、一行追加します。

下行挿入

カーソルの置かれたマスの下に、一行追加します。

左列挿入

カーソルの置かれたマスの左側に、一列追加します。

右列挿入

カーソルの置かれたマスの右側に、一列追加します。

行の削除

カーソルの置かれたマスを含む行を、一行削除します。

列の削除

カーソルの置かれたマスを含む列を、一列削除します。

結合

２つ以上のマスを結合します。

分割

マスの結合を解除して、分割します。

マス設定

マスに対する設定を行います。

表設定

表全体に対する設定を行います。

その他

切り取り

選択した文字、画像、表などを切り取ります。

コピー

選択した文字、画像、表などをコピーします。

貼り付け「切取」や「コピー」したものを、表示させるときに使います。

検索

文章中の任意の文字列を検索します。

戻る

直前の操作を取り消すときに使います。

進む「戻る」ボタンの逆で、戻ったことを取り消すときに使います。

HTML

HTML タグを編集したい場合にクリックします。
（※上級者向けの操作となりますので、通常は使用しません。）

11よく使う操作ガイド

4. 記事の記事の並び順を変更する
変更する
同じページに記事が複数表示されているとき、記事の並び順（上下の順番）を変更することができます。
ページ内の記事の順番を変更する方法をご説明します。

＜操作手順＞
1.

「ページ管理」をクリックします。

→ 「見ながら更新」画面が表示されます。

2.

メニュー選択エリアから、記事の並び順を変更したいページのサイドメニュー、または「選択する」
ボタンをクリックします。
サイドメニューまたは、→ 「選択する」ボタンが「選択中」に変わります。

3.

「一覧を表示する」ボタンをクリックします。

一覧を一覧を表示する表示する

12よく使う操作ガイド→ 「記事一覧（ページ別）」画面が表示されます。

4.

希望する並び順にあわせて、「表示順」の番号を変更します。

ページのページの設定が設定が、「日付、「日付の日付の古い順」「日付」「日付の日付の新しい順
しい順」の場合
ページの設定が、「日付の古い順」「日付の新しい順」の場合、記事の並び順の変更は、「作成日時」の日時を修正します。

5.

「保存する」ボタンをクリックします。

→ 表示順が変更された状態で「記事一覧（ページ別）」画面上部に「再構築を実行する」ボタンが表示されます
6.

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

13よく使う操作ガイド→ 再構築が始まります。

→ 「再構築が完了しました」と表示されまるまで
お待ちください。

7.

「サイトの確認」をクリックします。

→ ブログが開きます。該当のページを閲覧し、記事の並び順が変更されているか確認します。

表示順を
表示順を変更したら変更したら次の操作に入る前に、画面を元に戻しましょう。
元に戻さず作業すると、他のサイドメニューの修正画面も、記事一覧が表示されます。表
示順変更が終わったら、元に戻しましょう。
「内容を表示する」をクリックすると、元の画面に戻ります。

14

よく使う操作ガイド

5. 表を作成する
作成する
ブログの「記事」や「部品」のなかには、表を入れることができます。
ここでは、記事の中に「表」を作成する方法をご説明します。

＜操作手順＞
8.

「ページ管理」をクリックします。

→ 「見ながら更新」画面が表示されます。

9.

メニュー選択エリアから、表を挿入したい記
事が存在するページのサイドメニュー、または「選択する」ボタンをクリックします。
サイドメニューまたは、→ 「選択する」ボタンが「選択中」に変わります。

1.

目的の記事の「▼この記事を修正する」ボタンをクリックします。

→ 記事の作成・編集画面が表示されます。

15

よく使う操作ガイド

2.

表を入れたい場所をクリックします。

3.

「表組」ボタンをクリックします。

→ 前面に、表の設定画面が開きます。

4.

表の設定を行います。
※これらの設定は、後で変更することも可能です。

・「表の列数」：
これから作る表の列数を入力します。
（左から右に並ぶのが 「列」です）

・「表の行数」：
これから作る表の行数を入力します。
（上から下に並ぶのが 「行」です。）

・

表の幅：
これから作る表の横幅を設定します。
表を挿入する記事（または部品）の横幅を 100％としたときに、表全体の横幅を何パーセントにするか設定します。
例えば、記事の入力欄に対して半分の横幅の表を作成するときは、「50％」とします。

16

よく使う操作ガイド

5.

「挿入」ボタンをクリックします。

→ 内容欄に表が入りました。

6.

マスのなかをクリックして､必要な文字などを入力します。

17

よく使う操作ガイド

7.

「保存する」ボタンをクリックします。

→ 再構築が始まります。

8.

「見ながら更新に戻る」をクリックします。

→

9.

記事作成・編集画面が閉じられ、「見ながら更新」画面に戻ります。

「サイトの確認」をクリックします。

→ ブログ画面が開きます。
作成した記事を確認し、表を確認します。

18

よく使う操作ガイド

6. 画像を
画像を挿入する
挿入する
ブログの「記事」や「部品」のなかには、写真や図などの「画像」を表示することができます。
ここでは、画像ファイルの準備方法と、記事に画像を入れる方法をご説明します。

ステップ１：画像ファイルを入手する
ブログに写真や図などを表示させたい場合、まずは写真や図などの「画像ファイル」を用意しておく必要があります。一般的に、下記のような入手方法があります。

■ 写真・デジタルカメラで撮影し、パソコンに取り込む
・スキャナで読み取って、パソコンに取り込む■ 図やイラスト・無料でダウンロードできるイラストなどの素材集をダウンロードして利用する・パソコンショップ、大手家電量販品店などで販売している、画像の素材集を購入して利用する・画像作成用ソフトなどを利用して、自分で作成する・イラストや図を作成してくれる専門業者に依頼する入手した画像ファイルをパソコン上に保存するときは、下記の点に留意しましょう。

■ 画像ファイルを保存しておくときのポイント・ファイル形式は「jpeg」または「gif」という形式で保存する・ファイル名は「半角英数字」のみでつける・用意した画像ファイルは「デスクトップ」、「マイドキュメント」などのわかりやすい場所に保存しておく「jpeg」（
jpeg」（ジェイペグ
gif」（ジフ」（ジェイペグ）
ジェイペグ）と「gif」（」（ジフ）ジフ）の違いどちらも画像ファイルの圧縮形式です。「Jpeg」は、色数が多い写真などに向いている形式
で、「Gif」は、色数が少ないイラストに向いている形式です。

ステップ２：画像ファイルを準備する
ブログの各エリアは、「「横幅の横幅のサイズ」
サイズ」が決まっています。ところが、デジタルカメラやスキャナで用意した写真などは、ブログの「横幅のサイズ」よりも大きいことが多いので、そのままブログに入れると、収まりきらず、
表示崩れが発生します。
これを防ぐためには、画像ファイルのサイズを事前に調整しておくことが必要です。

19

よく使う操作ガイド■ ブログの横幅サイズ

画像の画像の横幅の
横幅のポイント
左図は、最大横幅サイズです。
このサイズよりも大きい画像を配置すると、ブログに表示崩れが起きますので、ご注意ください。
なお、表内に画像を貼り付けたり、画像の左右に半角スペースが入ったりなどにより、最大横幅
サイズを超えてしまう場合があります。
そのため、画像を貼り付ける場合は、やや小さめに加工することをおすすめします。

「ピクセル」
ピクセル」って何って何？ １ピクセルは
ピクセルは何ミリくらいなのミリくらいなの？
くらいなの？
「ピクセル」とは、パソコンやデジタルカメラなどで画像を扱うときの単位です。画像の幅や高さを表します。「ピクセル」を、センチメートルやミリメートルに変換することはできません。
パソコンの性能や設定、閲覧するモニターのサイズなどにより、１ピクセルがどのくらいのサ
イズで見えるかが異なるためです。

サイドバーエリアがサイドバーエリアが左右にあるとき左右にあるとき、にあるとき、メインエリアの
メインエリアの横幅は
横幅は狭くなります
サイドバーを左右両方に表示させているときは、上の図で「500 ピクセル」としているメイン
エリアの横幅が、「300 ピクセル」になります。サイドバーの横幅は、左右ともに 165 ピクセ
ルです。

■ 画像ファイルの加工方法
画像ファイルのサイズを調整するためには、画像編集用ソフトが必要です。

20

よく使う操作ガイド

ステップ３：記事に画像を入れる
準備しておいた画像ファイルを、記事の中に入れる方法をご説明します。

＜操作手順＞
1.

「ページ管理」をクリックします。

→ 「見ながら更新」画面が表示されます。

2.

メニュー選択エリアから、表を挿入したい記
事が存在するページのサイドメニュー、または「選択する」ボタンをクリックします。
サイドメニューまたは、→ 「選択する」ボタンが「選択中」に変わります。

3.

目的の記事の「▼この記事を修正する」ボタンをクリックします。

→ 記事の作成・編集画面が表示されます。

21よく使う操作ガイド

4.

内容欄の下にある「新しい画像ファイルの追加・貼付」の、「参照」ボタンをクリックします。

→ 「ファイルの選択」画面が開きます。

5.

追加したい画像ファイルを選択し、「開く」ボタンをクリックします。

→ 参照ボタンの左に、ファイルの場所を示す文字
列が入りました。
6.

「アップロードする」ボタンをクリックします。

→ アップロードが完了しました。
前面に、画像追加の設定画面が開きます。

22よく使う操作ガイド

7.

画像の表示に関する設定を行います。

・「回り込み指定」：
画像の横に文字を表示させたい場合に、「左回り込み」または、「右回り込み」を選択します。

・「縮小画像で貼り付ける」：
縮小表示（サムネイル表示）させたいときに、チェックを入れます。

縮小画像（
縮小画像（サムネイル）
サムネイル）とは「縮小表示（サムネイル）」を設定した場合、記事内には、150 ピクセルに調整された画像が挿入されます。（画像の高さ・横幅のうち長い方が 150 ピクセルに調整されます。）
サムネイルで挿入した画像はクリックできるようになり、クリックすると元のサイズの画像が別ウィンドウで開きます。（※初期設定で決められたサムネイルサイズ 150 ピクセルは変更することができます。詳しい操作方法は、オンラインマニュアルをご参照ください。）

8.

設定が終わったら、画像を入れたい場所をクリック
します。

9.

「ファイル貼付」ボタンをクリックします。

→ 内容欄に画像が入ります。

23よく使う操作ガイド

10. 「画面を閉じる」をクリックします。
→ 画像の設定画面が閉じます。

11. 「保存する」ボタンをクリックします。

→ 再構築が始まります。
「記事の作成が完了しました」と表示されるまでお待ちください。

12. 「見ながら更新に戻る」をクリックします。

→

記事作成・編集画面が閉じられ、「見ながら更新」画面に戻ります。

13. 「サイトの確認」をクリックします。

→ ブログ画面が開きます。
内容が反映されていることを確認しましょう。
24

よく使う操作ガイド

6.1.画像を並べる方法
画像を奇麗に並べるにはいろいろな方法がありますが、表を利用すると便利です。
ただし、画像を横に２つ以上並べる場合は、サイズにご注意ください。（ｐ２１参照）

表の枠線と画像の間に、自動的に余白が 8px 入ります。

◆ 画像を横に２２つ並べる場合

最大 ２３０ px

最大 ２３０ px◆ 画像を横に３３つ並べる場合

最大 １４５ px

最大 １４５ px

最大 １４５ px＜事前準備＞「見ながら更新」画面で画像を並べる記事の編集画面を開いておきましょう。

25

よく使う操作ガイド＜操作手順＞
1.

記事の作成に必要な項目を入力・選択します。
必要な場合には、「内容」欄にも文書など入力しておきます。（表を入れた後に入力することもで
きます。）

2.

画像を入れたい場所をクリックします。

3.

「表組」ボタンをクリックします。

→ 前面に、表の設定画面が開きます。

4.

お好みの列数と行数を入力し、「挿入」ボタンをクリックします。
※ 画像を横に２つ並べる場合は列数「２」※ 画像を横に３つ並べる場合は列数「３」※ 列数や行数は、後から追加や削除ができます。

→内容欄に表が挿入されます。

26

よく使う操作ガイド

5.

内容欄の下にある「新しい画像ファイルの追加・貼付」の、「参照」ボタンをクリックします。

→ 「ファイルの選択」画面が開きます。

6.

追加したい画像ファイルを選択し、「開く」
ボタンをクリックします。

→ 参照ボタンの左に、ファイルの場所を示す文
字列が入ります。

7.

「アップロードする」ボタンをクリックします。

→ アップロードが完了しました。
前面に、画像追加の設定画面が開きます。
※ 「回り込み指定」は「回り込み指定無し」のままにしましょう。
※ 「縮小画像（サムネイル）で貼り付ける」は必要に応じてチェックを入れて下さい。

8.

画像を貼り付けたいマス内でクリックします。

9.

「ファイル貼付」ボタンをクリックし、「画面を閉じる」をクリックします。
→ マス内に画像が貼りつきます。複数画像を並べる場
合は、手順５～９を繰り返します。

10. 全て画像を貼り付けたら、「保存する」ボタンをクリックし、記事を保存します。

27

よく使う操作ガイド

表の線や背景色を
背景色を消す方法
きれいに画像を並べたいけれど、表の線やマスを表示させたくない場合、表の線や背景色を消すことができます。

＜操作手順＞
1.

2.

表内でクリックし、表内にカーソ
ルを置きます。
「表組」ボタンをクリします。
→表の設定画面が開きます。

3.

「外枠の幅」に 「 ０ 」 を入力します。

4.

「詳細」タブをクリックします。

5.

背景色欄に
「 ｔｒａｎｓｐａｒｅｎｔ 」と入力します。

6.

「挿入」ボタンをクリックします。

7.

続けて「マス設定」ボタンをクリックします。

8.

「一般」タブをクリック、マスの枠線幅に 「 0 」を入力します。

9.

左下「表のすべてのセルを変更」を指定し、「挿入」ボタンをクリックします。

→ 表の線や背景色が消えると、編集画面では枠線が点線で表示されます。

28よく使う操作ガイド

7. メニューを
メニューを増やす
ここでは、サイドメニューやヘッダー･フッターメニューを追加する方法をご説明します。

「見ながら更新
ながら更新」
更新」画面ではできません
画面ではできません
サイドメニューを追加、修正、削除は、「見ながら更新」画面では行えません。ご注意ください。

7.1.サイドメニューを増やす方法
ステップ１：サイドメニューを追加する＜操作手順＞
1.

「デザイン管理」－「レイアウト変更」をクリックします。

→ 「レイアウト変更」画面が表示されます。

2.

「サイドバー用部品」の追加欄にて、「サイドメニュー」を選び、「追加」ボタンをクリックします。

→ 「サイドバーエリア」に「サイドメニュー」という部品が追加されました。

3.

「サイドメニュー」という文字の部分をクリックします。

29よく使う操作ガイド→ 設定画面が開きます。

4.

「メニュー項目の追加」欄の「メニュー項目名」に、追加したいメニュー名を入力します。

5.

「メニュー区分」を選びます。

メニュー区分
メニュー区分では
区分では、では、何を選べばいいの？
べばいいの？
メニュー区分を３種類から選べます。
「大項目」と「小項目」は、それぞれデザインが異なります。
・「大項目（リンクあり）」 ：クリックしてページを開くことができます。
・「大項目（リンクなし）」 ：クリックできません。見出しとして利用します。
・「小項目」 ：クリックしてページを開くことができます。
新しく作成したページへ誘導するためのメニューの場合、「大項目（リンクあり）」または、「小項目」
を選びます。

大項目の例

小項目の例

30

よく使う操作ガイド

6.

「ウィンドウ設定」にて、ウィンドウの開き方を選びます。

7.

「設定」ボタンをクリックします。

→ 「設定を完了しました」と表示されます。
「設定済みメニュー一覧」に、設定内容が追加されました。

8.

「部品配置画面に戻る」をクリックします。

31

よく使う操作ガイド→ 設定画面が閉じました。
（「サイドメニュー」だったメニュー名が、設定したメニュー名に変わりました。）

9.

必要に応じて、部品の並び順を変更します。
（１）移動したい部品の青い帯上に、マウスカーソルをあわせます。
→ マウスカーソルの形が「十字」に変わります。

（２）マウスの左ボタンをクリックしたまま、左ボタンを離さずにマウスを動かします。
→ 選択していた部品が、マウスカーソルにあわせて動きます。

（３）部品が希望する場所に移動したら、マウスの左ボタンを離します。
→ 部品ボックスの位置が変わりました。

サイドバーエリアがサイドバーエリアが長いときはサイドバーエリアが縦に長いと、一度の操作で希望する位置に動かすことが難しくなります。そのようなときは、何回かドラック＆ドロップを繰り返して、希望する位置に移動させましょう。

32

よく使う操作ガイド

10. 「部品の変更を保存する」ボタンをクリックします。

→ 「設定を変更しました」と表示されます。
11. 再構築する範囲にて「ブログ全体」を選び、「再構築を実行する」ボタンをクリックします。

→ 再構築が始まります。
「再構築が完了しました」と表示されるまでお待ちください。

12. 「サイトの確認」をクリックします。

→ ブログが開きます。作成したサイドメニューが表示されていることを確認します。※※ この時点ではまだ、ページができていません。メニューをクリックしても、ページを表示できません。
ご注意下さい。

次に、メニューをクリックしたときに開く「ページ」を作成します。
33

よく使う操作ガイド

ステップ２：ページを追加する＜操作手順＞
1.

「ページ管理」をクリックします。

→ 「見ながら更新」画面が表示されます。

2.

「ステップ１」で追加した、サイドメニュー、
または「選択する」ボタンをクリックします。
サイドメニューまたは、→ 「選択する」ボタンが「選択中」に変わります。

1.

「ページ追加」の「ページ名（必須）」欄に、任意のページ名を入力します。

2.

「記事表示順の設定（必須）」欄で、任意の設定を
選びます。

「記事の
記事の表示順の表示順の設定」設定」とはこれから作成するページに複数の記事を作成したとき、どのように並べるのかを設定する項目です。後から設定を変更することも可能です。

34よく使う操作ガイド

3.

「追加」ボタンをクリックします。

→ 「見ながら更新」画面に戻り、新しいページが表示されます。
必要に応じて「+ここに記事を追加する」ボタンから記事を作成します。

7.2.ヘッダー・フッターメニューを増やす方法
ここでは、ヘッダー･フッターメニューを追加する方法をご説明します。

ステップ１：ページを追加する
ヘッダー・フッターメニューを追加する前に、リンク先ページを作成しておく必要があります。

＜操作手順＞
1.

「ページ管理」－「ページ追加・編集」メニューをクリックします。
→ 「ページ追加・編集」画面が表示されます。

2.

「ページ追加」の「ページ名（必須）」欄に、任意のページ名を入力します。

3.

「記事表示順の設定（必須）」欄で、任意の設定を
選びます。

35

よく使う操作ガイド「記事の記事の表示順の表示順の設定」設定」とはこれから作成するページに複数の記事を作成したとき、どのように並べるのかを設定する項目です。後から設定を変更することも可能です。

4.

「追加」ボタンをクリックします。

→ 「ページ追加/編集が完了しました」と表示されます。
「ページ一覧」の一番下に、新しく作成したページが追加されました。

5.

再構築する範囲で「ブログ全体」を選び、「再構築を実行する」ボタンをクリックします。

→ 再構築が始まります。
「再構築が完了しました。」と表示されるまでお待ちください。

36よく使う操作ガイド

6.

「ページ一覧」で、作成したページの「ページを見る」をクリックします。

→ 新しく作成したページが表示されたことを確認します。

ステップ２：ヘッダー・フッターメニューを追加する
ここでは、ヘッダーメニューを追加する方法を解説します。ヘッダーメニューとフッターメニューは、メニューを追加する前に、ページを作成しておく必要があります。

＜操作手順＞
1.

「デザイン管理」－「レイアウト変更」をクリックします。

→ 「レイアウト変更」画面が表示されます。

37よく使う操作ガイド

2.

ヘッダーメニューを追加するときは、「ヘッダーエリ
ア」を参照し、「ヘッダーメニュー」をクリックします。
フッターメニューを追加するときは、「フッターエリ
ア」を参照し、「フッターメニュー」をクリックします。

→ 設定画面が開きます。

3.

「メニュー項目の追加」欄の「メニュー項目名」に、追加したいメニュー名を入力します。

4.

「リンク先」欄にて、「ページ名選択」をクリックした状態で、リンク先に設定するページ名を選びます。

→ 「リンク先」を指定する前に、リンク先ページを先に作っておく必要があります。

5.

「ウィンドウ設定」にて、ウィンドウの開き方を選びます。

6.

「追加」ボタンをクリックします。

38よく使う操作ガイド→ 「設定を完了しました」と表示されます。

7.

「設定済みメニュー一覧」の一番下に、追加されたことを確認します。

8.

表示する順番を変更する場合は、「表示順」で番号を選びなおし、「設定」ボタンをクリックします。

→ 「設定を完了しました」と表示されます。

9.

「部品配置画面に戻る」をクリックします。
→ 設定画面が閉じます。

39

よく使う操作ガイド

10. 「部品の変更を保存する」ボタンをクリックします。

→ 「設定を変更しました」と表示されます。

11. 再構築する範囲にて「ブログ全体」を選び、「再構築を実行する」ボタンをクリックします。

→ 再構築が始まります。
「再構築が完了しました」と表示されまるまで
お待ちください。

12. 「サイトの確認」をクリックします。

→ ブログが開きます。
作成したサイドメニューが表示されていることと、クリックしたときに、新しく作成したページが開くことを確認します。

40

よく使う操作ガイド

8. ブログのブログの認証設定
ここでは、ブログの認証に関する操作方法をご説明します。

8.1.ブログ全体に認証を設定する
認証設定をかけると、ブログを閲覧するときにユーザー名とパスワードを求められるようになります。
設定したユーザー名とパスワードを入力した人だけが、ブログを確認することができます。
ここでは、ブログ全体に認証を設定する方法をご説明します。

＜操作手順＞
1.

「全体管理」－「ページ認証」をクリックします。

→ 「ページ認証」画面が表示されます。

2.

「ページ認証設定」にて、ブログ全体の「設定する」
をクリックします。

→ 設定画面が表示されます。

3.

「ユーザー名・パスワード認証フォーム」に、任意のユーザー名、パスワードを入力します。
ユーザー名とパスワードは、1 文字以上 100 文字以内の半角英数字で入力してください。

4.

「保存する」ボタンをクリックします。

41

よく使う操作ガイド→「ページ認証を設定しました」と表示されます。

5.

「サイトの確認」をクリックします。

6.

ユーザー名・パスワードが聞かれますので、設定したユーザー名とパスワードを入力し、「OK」をクリックします。

→ ブログがきちんと表示されることを確認しましょう。

「ページ認証
ページ認証」
認証」では完全では完全に完全に認証設定できません
認証設定できません
機密性の高い情報を個別のページ認証で秘匿することは避けてください。
認証設定をかけることができるページは、「サブページ」 （ＵＲＬに、/category/が含まれるページ）のみです。 「個別記事ページ」 や 「月（日）別ページ」 （ＵＲＬに、/article/が含まれるページ）には認証設定をかけることができません。
したがって、検索エンジンなどから漏洩する場合があります。
※ 個別記事ページ・月（日）別ページは、必読マニュアル その１～ブログの基礎知識～をご覧ください。

42

よく使う操作ガイド

8.2.認証設定を解除する
ここでは、認証を解除する方法をご説明します。

＜操作手順＞
1.

「全体管理」－「ページ認証」をクリックします。

→ 「ページ認証」画面が表示されます。

2.

「ページ認証設定」にて、ブログ全体の「解除する」をクリックします。

→ 「ページ認証を解除しました」と表示されます。

3.

「サイトの確認」をクリックし、ユーザー名・パスワードを求められずに、閲覧することができるか確認しましょう。

43