Microsoft Word MT操作マニュアル（ユーザ編）.doc

Transcription

1 Movable Type で管理する ホームページ操作マニュアル ( ユーザ編 ) 2009 年 1 月 5 日版

2 < ホームページ設定の前提環境 > CMS ツール Movable Type 4.21~4.23 オープンソース版

3 目次 第 1 章操作の全体的な流れ 操作の全体的な流れ ログイン ログアウト 8 第 2 章カテゴリ ( メニュー ) の編集 カテゴリ ( メニュー ) の登録 カテゴリ名 ( メニュー表示内容 ) の変更 カテゴリ ( メニュー ) の削除 14 第 3 章記事 ( ブログ ) の編集 記事 ( ブログ ) の作成 記事 ( ブログ ) の編集方法 画像の挿入方法 他ページにリンクする方法 HTML を利用して編集する方法 Word のデータを記事に掲載する方法 Word や PDF などのファイルをアップロードする方法 記事の表示順番を変更する方法 記事の公開日を指定する方法 記事 ( ブログ ) の修正 変更 記事 ( ブログ ) の削除 27 第 4 章アイテム ( イラスト 写真 ファイル等 ) の編集 アイテムのアップロード 画像 ( イラスト 写真 ) をアップロードする場合 ファイルをアップロードする場合 カテゴリ ( メニュー ) の削除 33 第 5 章ウェブページの編集 ウェブページの作成 ウェブページの修正 変更 ウェブページの削除

4 第 6 章その他の編集 サブタイトルの設定 ロゴ画像の設定 トップメイン画像の設定 ウェルカムメッセージの設定 会社概要の設定 記事 ( ブログ ) をトップページに表示するための設定

5 第 1 章操作の全体的な流れ - 5 -

6 1-1. 操作の全体の流れ ホームページ編集の全体的な基本的流れを説明いたします ログイン ホームページの編集を行う場合 管理画面にログインします カテゴリ編集 ページの左側にあるメニューの追加 変更 削除を行う場合に使用します 記事編集 ページの記事 ( ブログ ) の追加 変更 削除を行う場合に使用します 記事を編集しながら アイテム ( イラスト 写真 ファイル等 ) を追加する場合は 3-1 を参照します アイテム編集 アイテム ( イラスト 写真 ファイル等 ) の追加 削除を行う場合に使用します 記事編集では アイテムの追加しかできないため 不要になったアイテムを整理する場合に 使用します ウェブページ編集 ウェブページの追加 変更 削除を行う場合に使用します その他の編集 ホームページの記事 ( ブログ ) カテゴリー以外の編集を行う場合に使用します ログアウト 編集が終了したら 管理画面を終了します 日常的に利用する機能の流れ補助的に利用する機能の流れ - 6 -

7 1-2. ログイン ホームページの管理ページにログインする方法を説明します ホームページに記事を投稿したり 変更するためには 管理画面にログインする必要があります 1. ホームページの URL に MTOS を加えたアドレスのページを開きます 例えば ホームページアドレスが の場合 にアクセスします 2. ログイン をクリックします 2. ユーザ名 と パスワード を入力します 3. サインイン をクリックします 4. 右図の画面が表示されたら ログイン完了です ブログ名称が表示されていることを確認してください ブログ名称 - 7 -

8 編集するブログを変更したい場合 1. システムメニュー ブログ をクリックします 2. ブログ名 から 編集を行うブログを選択します 3. ブログ名が表示されたら 変更完了です ブログ名称 1-3. ログアウト 編集が終了した場合 ログアウトを行う必要があります その方法を説明します 1. 右上の ログアウト をクリックします 2. ログイン画面になれば ログアウトは完了です - 8 -

9 第 2 章カテゴリ ( メニュー ) の編集 - 9 -

10 2-1. カテゴリ ( メニュー ) の登録 カテゴリ ( メニュー ) の登録方法を説明します 1. 一覧 カテゴリ をクリックします 2. トップレベルカテゴリを作成 をクリックします 3. カテゴリの入力欄が表示されるのでカテゴリ名を入力します このとき 必ず カテゴリ名の前に数字を入れてください 例えば 01. 支援メニュー 番号は メニューの表示順番を表しており.( ピリオド ) は区切りを表しています 番号がないと 適切な表示ができません 4. 新規作成 をクリックします 5. カテゴリ管理の一覧に 追加したカテゴリが表示されていることを確認し 追加したカテゴリ名をクリックします

11 6. 下記の項目を登録します 1 名前 :3. で登録した内容が表示されて いることを確認します 2 説明 : ホームページに表示するメニューの名称を入力します この項目が未入力でしたら 空欄でメニューが表示されてしまうので 必ず 入力してください 変更を保存 をクリックします 3 7. 再構築 をクリックします カテゴリは再構築しなければ メニューとして反映されません 8. 再構築 をクリックします 9. 左図の画面が表示されている間は何もせずにお待ちください また パソコンの環境によっては ページが真っ白になる場合もございますが プリーズしたわけではありませんので そのまま お待ちください 10. 再構築が終了したら 閉じる をクリックします

12 11. 右図のボタンをクリックし サイトを 表示して 再構築結果を確認します 2-2. カテゴリ名 ( メニュー表示内容 ) の変更 カテゴリ名 ( メニュー表示内容 ) の変更方法を説明します 1. 一覧 カテゴリ をクリックします 2. 編集したいカテゴリー名をクリックします 3. 説明 の内容を変更します ここは ホームページで表示されるメニューの名称を示しています 名称 は 管理画面で表示されるカテゴリーの表示名称を示しています 4. 変更を保存 をクリックします

13 5. 再構築 をクリックします カテゴリは再構築しなければ メニューと して反映されません 6. 再構築 をクリックします 7. 左図の画面が表示されている間は何もせずにお待ちください また パソコンの環境によっては ページが真っ白になる場合もございますが プリーズしたわけではありませんので そのまま お待ちください 8. 再構築が終了したら 閉じる をクリックします 9. 右図のボタンをクリックし サイトを表示して 再構築結果を確認します

14 2-3. カテゴリ ( メニュー ) の削除 カテゴリ ( メニュー ) の削除方法を説明します 1. 一覧 カテゴリ をクリックします 2. 削除したいカテゴリー名のチェックボックスをクリックします 3. 削除 をクリックします 4. OK をクリックします

15 5. カテゴリが消えていることを確認します 6. 再構築 をクリックします カテゴリは再構築しなければ メニューとして反映されません 7. 再構築 をクリックします 8. 左図の画面が表示されている間は何もせずにお待ちください また パソコンの環境によっては ページが真っ白になる場合もございますが プリーズしたわけではありませんので そのまま お待ちください 9. 再構築が終了したら 閉じる をクリックします 10. 右図のボタンをクリックし サイトを表示して 再構築結果を確認します

16 第 3 章記事 ( ブログ ) の編集

17 3-1. 記事 ( ブログ ) の作成 ホームページに登録する記事 ( ブログ ) の作成方法を説明します ブログとして作成したものは サイトマップに一覧として表示されます 1. 新規作成 ブログ記事 をクリックします 2. 下記の項目を入力します 1 タイトル を入力します タイトルは 記事の題名に当たるものです 1 2 本文 を入力します 3 カテゴリ を選択します カテゴリとは ホームページのメニューを示しており どのメニューの内容を掲載するのかを指定します 複数指定が可能です 編集が終了したら 保存 をクリックします 編集の詳細方法については 次頁を参照してください

18 記事 ( ブログ ) の編集方法 本文の内容を編集するにあたって 下記の機能を利用することができます Word 等のワープロソフトとほぼ同様の操作で利用することができます 文字を小さくします 文字を大きくします 太字設定 段落記号 段落番号 斜体設定 タブ設定 中央 右寄せ 斜線 取消し線 タブ取消 左寄せ ただし 上記の記載機能以外はございませんので 表や色等の編集はできません 表や色等の編集を行いたい場合は 2-5.Word のデータを記事に掲載する方法 を参照してください 画像の挿入方法 1. 画像を挿入する先頭行にカーソルを移動します カーソルがある位置が 画像の先頭となります ここが先頭 2. をクリックします

19 3. すでにアップしてある画像の一覧が表示されます <すでにアップロード済みの画像を利用する場合 > 1 画像を選択します ファイル名をチェックすることで 画像イメージが右側に表示されます 2 次へ をクリックします 34. へ進んでください < 画像をアップロードして利用する場合 > 1 新しい画像をアップロード をクリックします 2 参照 をクリックします 3ホームページに掲載するファイルを選択し 開く をクリックします 4 アップロード をクリックします 54. へ進んでください

20 4. ブログ記事に画像を表示 をチェックします 5. 画像の位置を設定します ここは 新規アップロードをした場合のみ表示されます 6. 完了 をクリックします 7. 画像が本文に表示されたら 完了です 他ページにリンクする方法 1. リンクを行う文字を選択します 2. をクリックします 3. リンク先のアドレスを入力します 4. OK をクリックします 5. 編集画面に戻れば 完了です

21 3-1-4.HTML を利用して編集する方法 他サイトの地図や動画などを挿入する場合に HTML を利用しなければ編集できません HTML を利用して編集する場合は 下記のボタンをクリックします リッチテキスト編集へ戻る ワープロ感覚での編集画面 HTML 編集 Word のデータを記事に掲載する方法 Word で編集した内容を 本文 へコピーすることができます Word を利用することによって HTML などの言語を知らなくても 表や文字の装飾が可能になります ただし 画像や図形等のデータは コピーすることができません 1. 記事 ( ブログ ) の編集画面を開きます 2.Word の文章を開き コピーしたい範囲を指定します 図形や画像以外は コピーができます 3. コピーします 4. 記事 ( ブログ ) の編集画面に戻り コピー位置にカーソルを移動します 5. 本文の入力位置にマウスを移動し 右クリックします 右のメニューが表示されますので 貼り付け をクリックします 6. コピーした内容が表示されれば コピーは完了です ただし Word で編集したものと 若干 異なった場合 Word の本文を修正しながら コピー & ペースト ( 貼付 ) を繰り返しながら 編集してください

22 3-1-6.Word や PDF などのファイルをアップロードする場合 1. ファイルをリンクする箇所にカーソルを移動します 2. をクリックします 3. すでにアップしてあるファイル 画像の一覧が表示されます <すでにアップロード済みのファイルを利用する場合 > 1ファイルを選択します ファイル名をチェックすることで 画像イメージが右側に表示されます 2 次へ をクリックします 34. へ進んでください <ファイルをアップロードして利用する場合 > 1 新規ファイルのアップロード をクリックします 2 参照 をクリックします

23 3ホームページに掲載するファイルを選択し 開く をクリックします 4 アップロード をクリックします 54. へ進んでください 4. 完了 をチェックします 5. ファイル名がリンク形式で本文に表示されたら 完了です 記事の表示順番を変更する場合 ブログの仕組みを前提として作成されているため 記事の作成順で記事の表示順番が決まります ( 標準は 記事の新しいものから上位に表示されていきます ) そのため 記事を思う順番に表示できないことがあります その場合 記事の作成日付を変更することで 記事の表示順番の調整を行います この説では 記事の作成日付の変更の方法を説明します 1. 記事 ( ブログ ) の編集画面を開きます

24 2. 公開日と日付を直接変更します 3. 保存 をクリックします 記事の公開日を指定する場合 記事を事前に作成しておき 期日まで公開したくない場合があった場合 公開日を指定することができます 公開日を指定することによって 公開日まで非表示をなります この説では 記事の公開日の指定をする方法を説明します 1. 記事 ( ブログ ) の編集画面を開きます 2. 公開状態に 日時指定 を選択します

25 3. 公開日時を設定します 4. 保存 をクリックします

26 3-2. 記事 ( ブログ ) の修正 変更 ホームページに登録されている記事の修正 変更方法を説明します 1. 一覧 ブログ記事 をクリックします 2. 変更 修正を行いたい記事のタイトルをクリックします 3. 下記の手順で変更 修正を行います 1 タイトル を変更します タイトルは 記事の題名に当たるものです 2 本文 を変更します 編集が終了したら 保存 をクリックします 3 編集の詳細は 3-1 を参照してください

27 3-3. 記事 ( ブログ ) の削除 ホームページに登録されている記事の削除方法を説明します 1. 一覧 ブログ記事 をクリックします 2. 削除をしたい記事にチェックボックスをクリックします 3. 削除 をクリックします 4. OK をクリックします 5. 記事が消えていることを確認します

28 6. ( 再構築 ) をクリックします 7. 再構築 をクリックします 8. 左図の画面が表示されている間は何もせずにお待ちください また パソコンの環境によっては ページが真っ白になる場合もございますが プリーズしたわけではありませんので そのまま お待ちください 9. 再構築が終了したら 閉じる をクリックします 10. 右図のボタンをクリックし サイトを表示して 再構築結果を確認します

29 第 4 章アイテム ( イラスト 写真 ファイル等 ) の管理

30 4-1. アイテムのアップロード アイテムとは ホームページ上に表示するイラスト 写真等の画像ファイル Word や PDF などのファイル などを示しています ここでは これらのアイテムをアップロード ( ホームページ上に公開するために アイテムの管理を行うための場所に保存すること ) を行う方法を説明します 画像 ( イラスト 写真 ) をアップロードする場合 1. 新規作成 ファイルアップロード をクリックします 2. 参照 をクリックします 3. アップロードするファイルを選択し 開く をクリックします 4. アップロード をクリックします 5. ブログ記事に画像を表示 のチェックを外します ここは 新規アップロードをした場合のみ表示されます 6. 完了 をクリックします

31 7. アップロードしたアイテム一覧が表示されたら 完了です ファイルをアップロードする場合 1. 新規作成 ファイルアップロード をクリックします 2. 参照 をクリックします 3. アップロードするファイルを選択し 開く をクリックします 4. アップロード をクリックします

32 5. ブログ記事に画像を表示 のチェックを外します 6. 完了 をクリックします 7. アップロードしたアイテム一覧が表示されたら 完了です

33 4-2. アイテムの削除 アイテム ( イラスト 写真 ファイル等 ) の削除方法を説明します 1. 一覧 アイテム をクリックします 3. 削除をしたい記事にチェックボックスをクリックします 3. 削除 をクリックします 4. OK をクリックします 5. アイテムが消えていることを確認します

34 第 5 章ウェブページの編集

35 5-1. ウェブページの作成 ウェブページとは カテゴリー ( メニュー ) の記事として表示されないページを示します カテゴリに分類さ れないため サイトマップにも表示されません ここでは ウェブページとして作成するページ ( 記事 ) を作成する方法を説明します 1. 新規作成 ウェブページ をクリックします 2. 下記の項目を入力します 1 タイトル を入力します タイトルは 記事の題名に当たるものです 2 本文 を入力します 編集が終了したら 保存 をクリックします 編集の詳細方法については 3-1. 記事 ( ブログ ) の作成 を参照してください

36 5-2. ウェブページの修正 変更 ウェブページの修正 変更方法を説明します 1. 一覧 ウェブページ をクリックします 2. 変更 修正を行いたいウェブページのタイトルをクリックします 3. 下記の手順で変更 修正を行います 1 タイトル を変更します タイトルは 記事の題名に当たるものです 1 2 本文 を変更します 2 3 編集が終了したら 保存 をクリックします 3 編集の詳細方法については 3-1. 記事 ( ブログ ) の作成 を参照してください

37 5-3. ウェブページの削除 ウェブページの削除方法を説明します 1. 一覧 ウェブページ をクリックします 4. 削除をしたいウェブページのチェックボックスをクリックします 3. 削除 をクリックします 4. OK をクリックします 5. ウェブページが消えていることを確認します

38 6. ( 再構築 ) をクリックします 7. 再構築 をクリックします 8. 左図の画面が表示されている間は何もせずにお待ちください また パソコンの環境によっては ページが真っ白になる場合もございますが プリーズしたわけではありませんので そのまま お待ちください 9. 再構築が終了したら 閉じる をクリックします 10. 右図のボタンをクリックし サイトを表示して 再構築結果を確認します

39 第 6 章その他の編集

40 6-1. サブタイトルの設定 各ページのヘッダタイトルに表示する文 章 タイトルの設定方法を説明します ヘッダタイトル 1. 設定 全般 をクリックします 2. 説明 がサブタイトルになります 説明 を編集してください 3. 変更を保存 をクリックします 4. ( 再構築 ) をクリックします

41 5. 再構築 をクリックします 6. 左図の画面が表示されている間は何もせずにお待ちください また パソコンの環境によっては ページが真っ白になる場合もございますが プリーズしたわけではありませんので そのまま お待ちください 7. 再構築が終了したら 閉じる をクリックします 8. 右図のボタンをクリックし サイトを表示して 再構築結果を確認します

42 6-2. ロゴ画像の設定 各ページのロゴ画像の設定方法を説明 します ロゴ画像 1. 新規作成 ファイルアップロード をクリックします 2. 参照 をクリックします 3. ロゴ画像ファイルを選択し 開く をクリックします 4. アップロード をクリックします

43 5. タグに ロゴ画像 と入力します ロゴ画像 6. ブログ記事に画像を表示 のチェックを外します ロゴ画像 7. 完了 をクリックします 8. アップロードしたアイテムが表示されていることを確認します 9. ( 再構築 ) をクリックします 10. 再構築 をクリックします 11. 左図の画面が表示されている間は何もせずにお待ちください また パソコンの環境によっては ページが真っ白になる場合もございますが プリーズしたわけではありませんので そのまま お待ちください

44 12. 再構築が終了したら 閉じる をクリックします 13. 右図のボタンをクリックし サイトを表示して 再構築結果を確認します

45 6-3. トップメイン画像の設定 トップページのトップメイン画像の設定 方法を説明します トップメイン画像 1. 新規作成 ファイルアップロード をクリックします 2. 参照 をクリックします 3. トップメイン画像ファイルを選択し 開く をクリックします 4. アップロード をクリックします

46 5. タグに トップメイン画像 と入力します トップメイン画像 6. ブログ記事に画像を表示 のチェックを外します トップメイン画像 7. 完了 をクリックします 8. アップロードしたアイテムが表示されていることを確認します 9. ( 再構築 ) をクリックします 10. 再構築 をクリックします 11. 左図の画面が表示されている間は何もせずにお待ちください また パソコンの環境によっては ページが真っ白になる場合もございますが プリーズしたわけではありませんので そのまま お待ちください

47 12. 再構築が終了したら 閉じる をクリックします 13. 右図のボタンをクリックし サイトを表示して 再構築結果を確認します

48 6-4. ウェルカムメッセージの設定 トップページのウェルカムメッセージの設定方法を説明します このウェルカムメッセージはウェブページで作成されているため あらかじめ ウェルカムメッセージ用のウェブページを作成しておく必要があります ( ウェブページ作成の方法は 第 5 章を参照のこと ) ウェルカムメッセージ 1. ウェルカムメッセージ として 設定を行うウェブページの編集画面を開きます ( ウェブページ編集画面の表示方法は 第 5 章を参照のこと ) 2. タブに ウェルカムメッセージ と入力します 3. 保存 をクリックします 4. ( 再構築 ) をクリックします 5. 再構築 をクリックします

49 6. 左図の画面が表示されている間は何もせずにお待ちください また パソコンの環境によっては ページが真っ白になる場合もございますが プリーズしたわけではありませんので そのまま お待ちください 7. 再構築が終了したら 閉じる をクリックします 8. 右図のボタンをクリックし サイトを表示して 再構築結果を確認します

50 6-5. 会社概要の設定 各ページの会社概要の設定方法を説明します この会社概要はウェブページで作成されているため あらかじめ 会社概要用のウェブページを作成しておく必要があります ( ウェブページ作成の方法は 第 5 章を参照のこと ) ウェルカムメッセージ 1. 会社概要 として 設定を行うウェブページの編集画面を開きます ( ウェブページ編集画面の表示方法は 第 5 章を参照のこと ) 2. タブに 会社概要 と入力します 3. 保存 をクリックします 4. ( 再構築 ) をクリックします 5. 再構築 をクリックします

51 6. 左図の画面が表示されている間は何もせずにお待ちください また パソコンの環境によっては ページが真っ白になる場合もございますが プリーズしたわけではありませんので そのまま お待ちください 7. 再構築が終了したら 閉じる をクリックします 8. 右図のボタンをクリックし サイトを表示して 再構築結果を確認します

52 6-6. 記事 ( ブログ ) をトップページに表示するための設定 新着情報など トップページに掲載したい記事 ( ブログ ) があるとき その記事をトップページにも 各カテゴリにも表示する方法を説明します このページは記事 ( ブログ ) で作成されている必要があります ( 記事 ( ブログ ) 作成の方法は 第 3 章を参照のこと ) トップ表示記事 1. トップ記事掲載を行う記事 ( ブログ ) の編集画面を開きます ( ウェブページ編集画面の表示方法は 第 3 章を参照のこと ) 2. タブに トップ記事 と入力します 3. 保存 をクリックします 4. ( 再構築 ) をクリックします 5. 再構築 をクリックします

53 6. 左図の画面が表示されている間は何もせずにお待ちください また パソコンの環境によっては ページが真っ白になる場合もございますが プリーズしたわけではありませんので そのまま お待ちください 7. 再構築が終了したら 閉じる をクリックします 8. 右図のボタンをクリックし サイトを表示して 再構築結果を確認します

54 当マニュアルに関するお問い合わせは まで お願いいたします なお 当マニュアルの前提環境と異なる場合は 応じられない場合がございますことをご了承ください Teana Consulting( ティナ コンサルティング ) 下城園代 URL: