Movable Type で管理する ホームページ操作マニュアル ( ユーザ編 ) 2009 年 1 月 5 日版
< ホームページ設定の前提環境 > CMS ツール Movable Type 4.21~4.23 オープンソース版
目次 第 1 章操作の全体的な流れ 5 1-1. 操作の全体的な流れ 6 1-2. ログイン 7 1-3. ログアウト 8 第 2 章カテゴリ ( メニュー ) の編集 9 2-1. カテゴリ ( メニュー ) の登録 10 2-2. カテゴリ名 ( メニュー表示内容 ) の変更 12 2-3. カテゴリ ( メニュー ) の削除 14 第 3 章記事 ( ブログ ) の編集 16 3-1. 記事 ( ブログ ) の作成 17 3-1-1. 記事 ( ブログ ) の編集方法 18 3-1-2. 画像の挿入方法 18 3-1-3. 他ページにリンクする方法 20 3-1-4.HTML を利用して編集する方法 21 3-1-5.Word のデータを記事に掲載する方法 21 3-1-6.Word や PDF などのファイルをアップロードする方法 22 3-1-7. 記事の表示順番を変更する方法 23 3-1-8. 記事の公開日を指定する方法 24 3-2. 記事 ( ブログ ) の修正 変更 26 3-3. 記事 ( ブログ ) の削除 27 第 4 章アイテム ( イラスト 写真 ファイル等 ) の編集 29 4-1. アイテムのアップロード 30 4-1-1. 画像 ( イラスト 写真 ) をアップロードする場合 30 4-1-2. ファイルをアップロードする場合 31 4-2. カテゴリ ( メニュー ) の削除 33 第 5 章ウェブページの編集 34 5-1. ウェブページの作成 35 5-2. ウェブページの修正 変更 36 5-3. ウェブページの削除 37-3 -
第 6 章その他の編集 39 6-1. サブタイトルの設定 40 6-2. ロゴ画像の設定 42 6-3. トップメイン画像の設定 45 6-4. ウェルカムメッセージの設定 48 6-5. 会社概要の設定 50 6-6. 記事 ( ブログ ) をトップページに表示するための設定 52-4 -
第 1 章操作の全体的な流れ - 5 -
1-1. 操作の全体の流れ ホームページ編集の全体的な基本的流れを説明いたします ログイン ホームページの編集を行う場合 管理画面にログインします カテゴリ編集 ページの左側にあるメニューの追加 変更 削除を行う場合に使用します 記事編集 ページの記事 ( ブログ ) の追加 変更 削除を行う場合に使用します 記事を編集しながら アイテム ( イラスト 写真 ファイル等 ) を追加する場合は 3-1 を参照します アイテム編集 アイテム ( イラスト 写真 ファイル等 ) の追加 削除を行う場合に使用します 記事編集では アイテムの追加しかできないため 不要になったアイテムを整理する場合に 使用します ウェブページ編集 ウェブページの追加 変更 削除を行う場合に使用します その他の編集 ホームページの記事 ( ブログ ) カテゴリー以外の編集を行う場合に使用します ログアウト 編集が終了したら 管理画面を終了します 日常的に利用する機能の流れ補助的に利用する機能の流れ - 6 -
1-2. ログイン ホームページの管理ページにログインする方法を説明します ホームページに記事を投稿したり 変更するためには 管理画面にログインする必要があります 1. ホームページの URL に MTOS を加えたアドレスのページを開きます 例えば ホームページアドレスが http://www..jp の場合 http://www..jp/mtos にアクセスします 2. ログイン をクリックします 2. ユーザ名 と パスワード を入力します 3. サインイン をクリックします 4. 右図の画面が表示されたら ログイン完了です ブログ名称が表示されていることを確認してください ブログ名称 - 7 -
編集するブログを変更したい場合 1. システムメニュー ブログ をクリックします 2. ブログ名 から 編集を行うブログを選択します 3. ブログ名が表示されたら 変更完了です ブログ名称 1-3. ログアウト 編集が終了した場合 ログアウトを行う必要があります その方法を説明します 1. 右上の ログアウト をクリックします 2. ログイン画面になれば ログアウトは完了です - 8 -
第 2 章カテゴリ ( メニュー ) の編集 - 9 -
2-1. カテゴリ ( メニュー ) の登録 カテゴリ ( メニュー ) の登録方法を説明します 1. 一覧 カテゴリ をクリックします 2. トップレベルカテゴリを作成 をクリックします 3. カテゴリの入力欄が表示されるのでカテゴリ名を入力します このとき 必ず カテゴリ名の前に数字を入れてください 例えば 01. 支援メニュー 番号は メニューの表示順番を表しており.( ピリオド ) は区切りを表しています 番号がないと 適切な表示ができません 4. 新規作成 をクリックします 5. カテゴリ管理の一覧に 追加したカテゴリが表示されていることを確認し 追加したカテゴリ名をクリックします - 10 -
6. 下記の項目を登録します 1 名前 :3. で登録した内容が表示されて いることを確認します 2 説明 : ホームページに表示するメニューの名称を入力します この項目が未入力でしたら 空欄でメニューが表示されてしまうので 必ず 入力してください 1 2 3 変更を保存 をクリックします 3 7. 再構築 をクリックします カテゴリは再構築しなければ メニューとして反映されません 8. 再構築 をクリックします 9. 左図の画面が表示されている間は何もせずにお待ちください また パソコンの環境によっては ページが真っ白になる場合もございますが プリーズしたわけではありませんので そのまま お待ちください 10. 再構築が終了したら 閉じる をクリックします - 11 -
11. 右図のボタンをクリックし サイトを 表示して 再構築結果を確認します 2-2. カテゴリ名 ( メニュー表示内容 ) の変更 カテゴリ名 ( メニュー表示内容 ) の変更方法を説明します 1. 一覧 カテゴリ をクリックします 2. 編集したいカテゴリー名をクリックします 3. 説明 の内容を変更します ここは ホームページで表示されるメニューの名称を示しています 名称 は 管理画面で表示されるカテゴリーの表示名称を示しています 4. 変更を保存 をクリックします - 12 -
5. 再構築 をクリックします カテゴリは再構築しなければ メニューと して反映されません 6. 再構築 をクリックします 7. 左図の画面が表示されている間は何もせずにお待ちください また パソコンの環境によっては ページが真っ白になる場合もございますが プリーズしたわけではありませんので そのまま お待ちください 8. 再構築が終了したら 閉じる をクリックします 9. 右図のボタンをクリックし サイトを表示して 再構築結果を確認します - 13 -
2-3. カテゴリ ( メニュー ) の削除 カテゴリ ( メニュー ) の削除方法を説明します 1. 一覧 カテゴリ をクリックします 2. 削除したいカテゴリー名のチェックボックスをクリックします 3. 削除 をクリックします 4. OK をクリックします - 14 -
5. カテゴリが消えていることを確認します 6. 再構築 をクリックします カテゴリは再構築しなければ メニューとして反映されません 7. 再構築 をクリックします 8. 左図の画面が表示されている間は何もせずにお待ちください また パソコンの環境によっては ページが真っ白になる場合もございますが プリーズしたわけではありませんので そのまま お待ちください 9. 再構築が終了したら 閉じる をクリックします 10. 右図のボタンをクリックし サイトを表示して 再構築結果を確認します - 15 -
第 3 章記事 ( ブログ ) の編集 - 16 -
3-1. 記事 ( ブログ ) の作成 ホームページに登録する記事 ( ブログ ) の作成方法を説明します ブログとして作成したものは サイトマップに一覧として表示されます 1. 新規作成 ブログ記事 をクリックします 2. 下記の項目を入力します 1 タイトル を入力します タイトルは 記事の題名に当たるものです 1 2 本文 を入力します 3 カテゴリ を選択します カテゴリとは ホームページのメニューを示しており どのメニューの内容を掲載するのかを指定します 複数指定が可能です 4 2 3 4 編集が終了したら 保存 をクリックします 編集の詳細方法については 次頁を参照してください - 17 -
3-1-1. 記事 ( ブログ ) の編集方法 本文の内容を編集するにあたって 下記の機能を利用することができます Word 等のワープロソフトとほぼ同様の操作で利用することができます 文字を小さくします 文字を大きくします 太字設定 段落記号 段落番号 斜体設定 タブ設定 中央 右寄せ 斜線 取消し線 タブ取消 左寄せ ただし 上記の記載機能以外はございませんので 表や色等の編集はできません 表や色等の編集を行いたい場合は 2-5.Word のデータを記事に掲載する方法 を参照してください 3-1-2. 画像の挿入方法 1. 画像を挿入する先頭行にカーソルを移動します カーソルがある位置が 画像の先頭となります ここが先頭 2. をクリックします - 18 -
3. すでにアップしてある画像の一覧が表示されます <すでにアップロード済みの画像を利用する場合 > 1 画像を選択します ファイル名をチェックすることで 画像イメージが右側に表示されます 2 次へ をクリックします 34. へ進んでください < 画像をアップロードして利用する場合 > 1 新しい画像をアップロード をクリックします 2 参照 をクリックします 3ホームページに掲載するファイルを選択し 開く をクリックします 4 アップロード をクリックします 54. へ進んでください - 19 -
4. ブログ記事に画像を表示 をチェックします 5. 画像の位置を設定します ここは 新規アップロードをした場合のみ表示されます 6. 完了 をクリックします 7. 画像が本文に表示されたら 完了です 3-1-3. 他ページにリンクする方法 1. リンクを行う文字を選択します 2. をクリックします 3. リンク先のアドレスを入力します 4. OK をクリックします 5. 編集画面に戻れば 完了です - 20 -
3-1-4.HTML を利用して編集する方法 他サイトの地図や動画などを挿入する場合に HTML を利用しなければ編集できません HTML を利用して編集する場合は 下記のボタンをクリックします リッチテキスト編集へ戻る ワープロ感覚での編集画面 HTML 編集 3-1-5.Word のデータを記事に掲載する方法 Word で編集した内容を 本文 へコピーすることができます Word を利用することによって HTML などの言語を知らなくても 表や文字の装飾が可能になります ただし 画像や図形等のデータは コピーすることができません 1. 記事 ( ブログ ) の編集画面を開きます 2.Word の文章を開き コピーしたい範囲を指定します 図形や画像以外は コピーができます 3. コピーします 4. 記事 ( ブログ ) の編集画面に戻り コピー位置にカーソルを移動します 5. 本文の入力位置にマウスを移動し 右クリックします 右のメニューが表示されますので 貼り付け をクリックします 6. コピーした内容が表示されれば コピーは完了です ただし Word で編集したものと 若干 異なった場合 Word の本文を修正しながら コピー & ペースト ( 貼付 ) を繰り返しながら 編集してください - 21 -
3-1-6.Word や PDF などのファイルをアップロードする場合 1. ファイルをリンクする箇所にカーソルを移動します 2. をクリックします 3. すでにアップしてあるファイル 画像の一覧が表示されます <すでにアップロード済みのファイルを利用する場合 > 1ファイルを選択します ファイル名をチェックすることで 画像イメージが右側に表示されます 2 次へ をクリックします 34. へ進んでください <ファイルをアップロードして利用する場合 > 1 新規ファイルのアップロード をクリックします 2 参照 をクリックします - 22 -
3ホームページに掲載するファイルを選択し 開く をクリックします 4 アップロード をクリックします 54. へ進んでください 4. 完了 をチェックします 5. ファイル名がリンク形式で本文に表示されたら 完了です 3-1-7. 記事の表示順番を変更する場合 ブログの仕組みを前提として作成されているため 記事の作成順で記事の表示順番が決まります ( 標準は 記事の新しいものから上位に表示されていきます ) そのため 記事を思う順番に表示できないことがあります その場合 記事の作成日付を変更することで 記事の表示順番の調整を行います この説では 記事の作成日付の変更の方法を説明します 1. 記事 ( ブログ ) の編集画面を開きます - 23 -
2. 公開日と日付を直接変更します 3. 保存 をクリックします 3-1-8. 記事の公開日を指定する場合 記事を事前に作成しておき 期日まで公開したくない場合があった場合 公開日を指定することができます 公開日を指定することによって 公開日まで非表示をなります この説では 記事の公開日の指定をする方法を説明します 1. 記事 ( ブログ ) の編集画面を開きます 2. 公開状態に 日時指定 を選択します - 24 -
3. 公開日時を設定します 4. 保存 をクリックします - 25 -
3-2. 記事 ( ブログ ) の修正 変更 ホームページに登録されている記事の修正 変更方法を説明します 1. 一覧 ブログ記事 をクリックします 2. 変更 修正を行いたい記事のタイトルをクリックします 3. 下記の手順で変更 修正を行います 1 タイトル を変更します タイトルは 記事の題名に当たるものです 2 本文 を変更します 1 2 3 編集が終了したら 保存 をクリックします 3 編集の詳細は 3-1 を参照してください - 26 -
3-3. 記事 ( ブログ ) の削除 ホームページに登録されている記事の削除方法を説明します 1. 一覧 ブログ記事 をクリックします 2. 削除をしたい記事にチェックボックスをクリックします 3. 削除 をクリックします 4. OK をクリックします 5. 記事が消えていることを確認します - 27 -
6. ( 再構築 ) をクリックします 7. 再構築 をクリックします 8. 左図の画面が表示されている間は何もせずにお待ちください また パソコンの環境によっては ページが真っ白になる場合もございますが プリーズしたわけではありませんので そのまま お待ちください 9. 再構築が終了したら 閉じる をクリックします 10. 右図のボタンをクリックし サイトを表示して 再構築結果を確認します - 28 -
第 4 章アイテム ( イラスト 写真 ファイル等 ) の管理 - 29 -
4-1. アイテムのアップロード アイテムとは ホームページ上に表示するイラスト 写真等の画像ファイル Word や PDF などのファイル などを示しています ここでは これらのアイテムをアップロード ( ホームページ上に公開するために アイテムの管理を行うための場所に保存すること ) を行う方法を説明します 4-1-1. 画像 ( イラスト 写真 ) をアップロードする場合 1. 新規作成 ファイルアップロード をクリックします 2. 参照 をクリックします 3. アップロードするファイルを選択し 開く をクリックします 4. アップロード をクリックします 5. ブログ記事に画像を表示 のチェックを外します ここは 新規アップロードをした場合のみ表示されます 6. 完了 をクリックします - 30 -
7. アップロードしたアイテム一覧が表示されたら 完了です 4-1-2. ファイルをアップロードする場合 1. 新規作成 ファイルアップロード をクリックします 2. 参照 をクリックします 3. アップロードするファイルを選択し 開く をクリックします 4. アップロード をクリックします - 31 -
5. ブログ記事に画像を表示 のチェックを外します 6. 完了 をクリックします 7. アップロードしたアイテム一覧が表示されたら 完了です - 32 -
4-2. アイテムの削除 アイテム ( イラスト 写真 ファイル等 ) の削除方法を説明します 1. 一覧 アイテム をクリックします 3. 削除をしたい記事にチェックボックスをクリックします 3. 削除 をクリックします 4. OK をクリックします 5. アイテムが消えていることを確認します - 33 -
第 5 章ウェブページの編集 - 34 -
5-1. ウェブページの作成 ウェブページとは カテゴリー ( メニュー ) の記事として表示されないページを示します カテゴリに分類さ れないため サイトマップにも表示されません ここでは ウェブページとして作成するページ ( 記事 ) を作成する方法を説明します 1. 新規作成 ウェブページ をクリックします 2. 下記の項目を入力します 1 タイトル を入力します タイトルは 記事の題名に当たるものです 2 本文 を入力します 1 2 3 3 編集が終了したら 保存 をクリックします 編集の詳細方法については 3-1. 記事 ( ブログ ) の作成 を参照してください - 35 -
5-2. ウェブページの修正 変更 ウェブページの修正 変更方法を説明します 1. 一覧 ウェブページ をクリックします 2. 変更 修正を行いたいウェブページのタイトルをクリックします 3. 下記の手順で変更 修正を行います 1 タイトル を変更します タイトルは 記事の題名に当たるものです 1 2 本文 を変更します 2 3 編集が終了したら 保存 をクリックします 3 編集の詳細方法については 3-1. 記事 ( ブログ ) の作成 を参照してください - 36 -
5-3. ウェブページの削除 ウェブページの削除方法を説明します 1. 一覧 ウェブページ をクリックします 4. 削除をしたいウェブページのチェックボックスをクリックします 3. 削除 をクリックします 4. OK をクリックします 5. ウェブページが消えていることを確認します - 37 -
6. ( 再構築 ) をクリックします 7. 再構築 をクリックします 8. 左図の画面が表示されている間は何もせずにお待ちください また パソコンの環境によっては ページが真っ白になる場合もございますが プリーズしたわけではありませんので そのまま お待ちください 9. 再構築が終了したら 閉じる をクリックします 10. 右図のボタンをクリックし サイトを表示して 再構築結果を確認します - 38 -
第 6 章その他の編集 - 39 -
6-1. サブタイトルの設定 各ページのヘッダタイトルに表示する文 章 タイトルの設定方法を説明します ヘッダタイトル 1. 設定 全般 をクリックします 2. 説明 がサブタイトルになります 説明 を編集してください 3. 変更を保存 をクリックします 4. ( 再構築 ) をクリックします - 40 -
5. 再構築 をクリックします 6. 左図の画面が表示されている間は何もせずにお待ちください また パソコンの環境によっては ページが真っ白になる場合もございますが プリーズしたわけではありませんので そのまま お待ちください 7. 再構築が終了したら 閉じる をクリックします 8. 右図のボタンをクリックし サイトを表示して 再構築結果を確認します - 41 -
6-2. ロゴ画像の設定 各ページのロゴ画像の設定方法を説明 します ロゴ画像 1. 新規作成 ファイルアップロード をクリックします 2. 参照 をクリックします 3. ロゴ画像ファイルを選択し 開く をクリックします 4. アップロード をクリックします - 42 -
5. タグに ロゴ画像 と入力します ロゴ画像 6. ブログ記事に画像を表示 のチェックを外します ロゴ画像 7. 完了 をクリックします 8. アップロードしたアイテムが表示されていることを確認します 9. ( 再構築 ) をクリックします 10. 再構築 をクリックします 11. 左図の画面が表示されている間は何もせずにお待ちください また パソコンの環境によっては ページが真っ白になる場合もございますが プリーズしたわけではありませんので そのまま お待ちください - 43 -
12. 再構築が終了したら 閉じる をクリックします 13. 右図のボタンをクリックし サイトを表示して 再構築結果を確認します - 44 -
6-3. トップメイン画像の設定 トップページのトップメイン画像の設定 方法を説明します トップメイン画像 1. 新規作成 ファイルアップロード をクリックします 2. 参照 をクリックします 3. トップメイン画像ファイルを選択し 開く をクリックします 4. アップロード をクリックします - 45 -
5. タグに トップメイン画像 と入力します トップメイン画像 6. ブログ記事に画像を表示 のチェックを外します トップメイン画像 7. 完了 をクリックします 8. アップロードしたアイテムが表示されていることを確認します 9. ( 再構築 ) をクリックします 10. 再構築 をクリックします 11. 左図の画面が表示されている間は何もせずにお待ちください また パソコンの環境によっては ページが真っ白になる場合もございますが プリーズしたわけではありませんので そのまま お待ちください - 46 -
12. 再構築が終了したら 閉じる をクリックします 13. 右図のボタンをクリックし サイトを表示して 再構築結果を確認します - 47 -
6-4. ウェルカムメッセージの設定 トップページのウェルカムメッセージの設定方法を説明します このウェルカムメッセージはウェブページで作成されているため あらかじめ ウェルカムメッセージ用のウェブページを作成しておく必要があります ( ウェブページ作成の方法は 第 5 章を参照のこと ) ウェルカムメッセージ 1. ウェルカムメッセージ として 設定を行うウェブページの編集画面を開きます ( ウェブページ編集画面の表示方法は 第 5 章を参照のこと ) 2. タブに ウェルカムメッセージ と入力します 3. 保存 をクリックします 4. ( 再構築 ) をクリックします 5. 再構築 をクリックします - 48 -
6. 左図の画面が表示されている間は何もせずにお待ちください また パソコンの環境によっては ページが真っ白になる場合もございますが プリーズしたわけではありませんので そのまま お待ちください 7. 再構築が終了したら 閉じる をクリックします 8. 右図のボタンをクリックし サイトを表示して 再構築結果を確認します - 49 -
6-5. 会社概要の設定 各ページの会社概要の設定方法を説明します この会社概要はウェブページで作成されているため あらかじめ 会社概要用のウェブページを作成しておく必要があります ( ウェブページ作成の方法は 第 5 章を参照のこと ) ウェルカムメッセージ 1. 会社概要 として 設定を行うウェブページの編集画面を開きます ( ウェブページ編集画面の表示方法は 第 5 章を参照のこと ) 2. タブに 会社概要 と入力します 3. 保存 をクリックします 4. ( 再構築 ) をクリックします 5. 再構築 をクリックします - 50 -
6. 左図の画面が表示されている間は何もせずにお待ちください また パソコンの環境によっては ページが真っ白になる場合もございますが プリーズしたわけではありませんので そのまま お待ちください 7. 再構築が終了したら 閉じる をクリックします 8. 右図のボタンをクリックし サイトを表示して 再構築結果を確認します - 51 -
6-6. 記事 ( ブログ ) をトップページに表示するための設定 新着情報など トップページに掲載したい記事 ( ブログ ) があるとき その記事をトップページにも 各カテゴリにも表示する方法を説明します このページは記事 ( ブログ ) で作成されている必要があります ( 記事 ( ブログ ) 作成の方法は 第 3 章を参照のこと ) トップ表示記事 1. トップ記事掲載を行う記事 ( ブログ ) の編集画面を開きます ( ウェブページ編集画面の表示方法は 第 3 章を参照のこと ) 2. タブに トップ記事 と入力します 3. 保存 をクリックします 4. ( 再構築 ) をクリックします 5. 再構築 をクリックします - 52 -
6. 左図の画面が表示されている間は何もせずにお待ちください また パソコンの環境によっては ページが真っ白になる場合もございますが プリーズしたわけではありませんので そのまま お待ちください 7. 再構築が終了したら 閉じる をクリックします 8. 右図のボタンをクリックし サイトを表示して 再構築結果を確認します - 53 -
当マニュアルに関するお問い合わせは info@teana.jp まで お願いいたします なお 当マニュアルの前提環境と異なる場合は 応じられない場合がございますことをご了承ください Teana Consulting( ティナ コンサルティング ) 下城園代 URL:http://www.teana.jp - 54 -