Movable Typeで管理するホームページ操作マニュアル（ユーザ …“作マニュアル（ユーザ編）.pdf · ＜ホームページ設定の前提環境＞ CMS

Movable Type で管理する

ホームページ操作マニュアル

（ユーザ編）

2009 年 1 月 5 日版

＜ホームページ設定の前提環境＞

●CMS ツール Movable Type 4.21～4.23 オープンソース版

操作マニュアル（ユーザ編）

－ 3 －無断転載禁止 Copyright All rights reserved (C)2008 Teana Consulting

目次

第１章操作の全体的な流れ･････････････････････････････････････････････････････ 5 １－１．操作の全体的な流れ･･････････････････････････････････････････････ 6 １－２．ログイン････････････････････････････････････････････････････････ 7 １－３．ログアウト････････････････････････････････････････････････････････ 8

第２章カテゴリ（メニュー）の編集･････････････････････････････････････････････ 9

２－１．カテゴリ（メニュー）の登録･･････････････････････････････････････ 10 ２－２．カテゴリ名（メニュー表示内容）の変更････････････････････････････ 12 ２－３．カテゴリ（メニュー）の削除･･･････････････････････････････････････ 14

第３章記事（ブログ）の編集･･･････････････････････････････････････････････････ 16

３－１．記事（ブログ）の作成････････････････････････････････････････････ 17 ３－１－１．記事（ブログ）の編集方法････････････････････････････ 18 ３－１－２．画像の挿入方法･･････････････････････････････････････ 18 ３－１－３．他ページにリンクする方法････････････････････････････ 20 ３－１－４．HTML を利用して編集する方法･･･････････････････････ 21 ３－１－５．Word のデータを記事に掲載する方法･･････････････････ 21 ３－１－６．Word や PDF などのファイルをアップロードする方法･････ 22 ３－１－７．記事の表示順番を変更する方法･････････････････････････ 23 ３－１－８．記事の公開日を指定する方法･･････････････････････････ 24 ３－２．記事（ブログ）の修正・変更･･････････････････････････････････････ 26 ３－３．記事（ブログ）の削除･･････････････････････････････････････････････ 27

第４章アイテム（イラスト・写真・ファイル等）の編集･････････････････････････････ 29

４－１．アイテムのアップロード･･････････････････････････････････････････ 30 ４－１－１．画像（イラスト・写真）をアップロードする場合････････ 30 ４－１－２．ファイルをアップロードする場合･･････････････････････ 31 ４－２．カテゴリ（メニュー）の削除･･････････････････････････････････････ 33

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

５－１．ウェブページの作成･･････････････････････････････････････････････ 35 ５－２．ウェブページの修正・変更･･････････････････････････････････････････ 36 ５－３．ウェブページの削除･･････････････････････････････････････････････ 37



第６章その他の編集･･･････････････････････････････････････････････････････････ 39 ６－１．サブタイトルの設定･･････････････････････････････････････････････ 40 ６－２．ロゴ画像の設定･･････････････････････････････････････････････････ 42 ６－３．トップメイン画像の設定･･････････････････････････････････････････ 45 ６－４．ウェルカムメッセージの設定･･････････････････････････････････････ 48 ６－５．会社概要の設定･･････････････････････････････････････････････････ 50 ６－６．記事（ブログ）をトップページに表示するための設定････････････････ 52



第１章操作の全体的な流れ



１－１．操作の全体の流れ

ホームページ編集の全体的な基本的流れを説明いたします。

ログイン

カテゴリ編集

記事編集

アイテム編集

ログアウト

ホームページの編集を行う場合、管理画面にログインします。

ページの左側にあるメニューの追加・変更・

削除を行う場合に使用します。

ページの記事（ブログ）の追加・変更・削除

を行う場合に使用します。

記事を編集しながら、アイテム（イラスト・写真・ファイル

等）を追加する場合は、「３－１」を参照します。

アイテム（イラスト・写真・ファイル等）の

追加・削除を行う場合に使用します。記事編集では、アイテムの追加しかできない

ため、不要になったアイテムを整理する場合

に、使用します。

ウェブページ編集

その他の編集

ウェブページの追加・変更・削除を行う場合

に使用します。

ホームページの記事（ブログ）・カテゴリー

以外の編集を行う場合に使用します。

編集が終了したら、管理画面を終了します。

日常的に利用する機能の流れ補助的に利用する機能の流れ



１－２．ログイン

ホームページの管理ページにログインする方法を説明します。

ホームページに記事を投稿したり、変更するためには、管理画面にログインする必要があります。

１．ホームページの URL に、MTOS を加えたアドレスのページを開きます。。

例えば、ホームページアドレスが「http://www.●●●●.jp」の場合

http://www.●●●●.jp/MTOS

にアクセスします。

２．「ログイン」をクリックします。

２．「ユーザ名」と「パスワード」を入力します。３．「サインイン」をクリックします。４．右図の画面が表示されたら、ログイン完了です。ブログ名称が表示されていることを確認して

ください。

ブログ名称



１．「システムメニュー」→「ブログ」をクリックします。２．「ブログ名」から、編集を行うブログを選択します。３．ブログ名が表示されたら、変更完了です。

１－３．ログアウト

編集が終了した場合、ログアウトを行う必要があります。その方法を説明します。

１．右上の「ログアウト」をクリックします。

２．ログイン画面になれば、ログアウトは完了です。

編集するブログを変更したい場合

ブログ名称



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



２－１．カテゴリ（メニュー）の登録

カテゴリ（メニュー）の登録方法を説明します。

１．「一覧」→「カテゴリ」をクリックします。

２．「トップレベルカテゴリを作成」をクリックします。３．カテゴリの入力欄が表示されるのでカテゴリ名を入力します。このとき、必ず、カテゴリ名の前に数字を入れてください。例えば、「０１．支援メニュー」番号は、メニューの表示順番を表しており「．（ピリオド）」は区切りを表しています。番号がないと、適切な表示ができません。４．「新規作成」をクリックします。５．カテゴリ管理の一覧に、追加したカテゴリが表示されていることを確認し、追加したカテゴリ名をクリックします。



６．下記の項目を登録します。 ①名前：３．で登録した内容が表示されていることを確認します。 ②説明：ホームページに表示するメニューの名称を入力します。この項目が未入力でしたら、空欄でメニューが表示されてしまう

ので、必ず、入力してください。 ③「変更を保存」をクリックします。７．「再構築」をクリックします。

カテゴリは再構築しなければ、メニューとして反映されません。

８．「再構築」をクリックします。９．左図の画面が表示されている間は何もせずにお待ちください。また、パソコンの環境によっては、

ページが真っ白になる場合もございますが、プリーズしたわけではありませんので、そのまま、お待ちください。

10．再構築が終了したら、「閉じる」をクリックします。

②

①

③



11．右図のボタンをクリックし、サイトを表示して、再構築結果を確認します。

２－２．カテゴリ名（メニュー表示内容）の変更

カテゴリ名（メニュー表示内容）の変更方法を説明します。


２．編集したいカテゴリー名をクリックします。３．「説明」の内容を変更します。ここは、ホームページで表示されるメニューの名称を示しています。 ※「名称」は、管理画面で表示されるカテゴリーの表示名称を示しています。４．「変更を保存」をクリックします。



５．「再構築」をクリックします。カテゴリは再構築しなければ、メニューとして反映されません。

６．「再構築」をクリックします。７．左図の画面が表示されている間は何もせずにお待ちください。また、パソコンの環境によっては、


８．再構築が終了したら、「閉じる」をクリックします。９．右図のボタンをクリックし、サイトを

表示して、再構築結果を確認します。



２－３．カテゴリ（メニュー）の削除

カテゴリ（メニュー）の削除方法を説明します。


２．削除したいカテゴリー名のチェックボックスを

クリックします。３．「削除」をクリックします。４．「OK」をクリックします。



５．カテゴリが消えていることを確認します。６．「再構築」をクリックします。

カテゴリは再構築しなければ、メニューとして反映されません。

７．「再構築」をクリックします。８．左図の画面が表示されている間は何もせずにお待ちください。また、パソコンの環境によっては、


９．再構築が終了したら、「閉じる」をクリックします。 10．右図のボタンをクリックし、サイトを




第 3 章記事（ブログ）の編集



３－１．記事（ブログ）の作成

ホームページに登録する記事（ブログ）の作成方法を説明します。

ブログとして作成したものは、サイトマップに一覧として表示されます。

１．「新規作成」→「ブログ記事」をクリックします。

２．下記の項目を入力します。 ①「タイトル」を入力します。タイトルは、記事の題名に当たるもの

です。 ②「本文」を入力します。 ③「カテゴリ」を選択します。カテゴリとは、ホームページの

メニューを示しており、どのメニューの内容を掲載するのかを指定します。複数指定が可能です。

④編集が終了したら、「保存」をクリックします。

編集の詳細方法については、次頁を参照してください。

①

②

④

③



３－１－１．記事（ブログ）の編集方法本文の内容を編集するにあたって、下記の機能を利用することができます。 Word 等のワープロソフトとほぼ同様の操作で利用することができます。ただし、上記の記載機能以外はございませんので、表や色等の編集はできません。表や色等の編集を行いたい場合は、「２－５．Word のデータを記事に掲載する方法」を参照してくだ

さい。３－１－２．画像の挿入方法１．画像を挿入する先頭行にカーソルを移動します。カーソルがある位置が、画像の先頭となります。 ←ここが先頭２．をクリックします。

文字を小さくします。

文字を大きくします。

太字設定

斜体設定

斜線

取消し線左寄せ

中央

右寄せ

段落記号

段落番号

タブ設定

タブ取消



３．すでにアップしてある画像の一覧が表示されます。＜すでにアップロード済みの画像を利用する場合＞ ①画像を選択します。ファイル名をチェックすることで、画像イメージが右側に表示されます。 ②「次へ」をクリックします。 ③４．へ進んでください。＜画像をアップロードして利用する場合＞ ①「新しい画像をアップロード」をクリックします。 ②「参照」をクリックします。 ③ホームページに掲載するファイルを選択し、「開く」をクリックします。 ④「アップロード」をクリックします。

⑤４．へ進んでください。



４．「ブログ記事に画像を表示」をチェックします。５．画像の位置を設定します。６．「完了」をクリックします。７．画像が本文に表示されたら、完了です。３－１－３．他ページにリンクする方法１．リンクを行う文字を選択します。２．をクリックします。３．リンク先のアドレスを入力します。４．「OK」をクリックします。５．編集画面に戻れば、完了です。

ここは、新規アップロードをした場合のみ表示されます。



３－１－４．HTML を利用して編集する方法他サイトの地図や動画などを挿入する場合に、HTML を利用しなければ編集できません。 HTML を利用して編集する場合は、下記のボタンをクリックします。３－１－５．Word のデータを記事に掲載する方法 Word で編集した内容を、「本文」へコピーすることができます。 Word を利用することによって、HTML などの言語を知らなくても、表や文字の装飾が可能になりま

す。ただし、画像や図形等のデータは、コピーすることができません。１．記事（ブログ）の編集画面を開きます。２．Word の文章を開き、コピーしたい範囲を指定します。図形や画像以外は、コピーができます。３．コピーします。４．記事（ブログ）の編集画面に戻り、コピー位置にカーソルを移動します。５．本文の入力位置にマウスを移動し、右クリックします。右のメニューが表示されますので、「貼り付け」をクリックします。６．コピーした内容が表示されれば、コピーは完了です。ただし、Word で編集したものと、若干、異なった

場合、Word の本文を修正しながら、コピー＆ペース

ト（貼付）を繰り返しながら、編集してください。

リッチテキスト編集へ戻る。ワープロ感覚での編集画面。

HTML 編集



３－１－６．Word や PDF などのファイルをアップロードする場合１．ファイルをリンクする箇所にカーソルを移動します。２．をクリックします。３．すでにアップしてあるファイル・画像の一覧が

表示されます。＜すでにアップロード済みのファイルを利用する場合＞ ①ファイルを選択します。ファイル名をチェックすることで、画像イメージが右側に表示されます。 ②「次へ」をクリックします。 ③４．へ進んでください。＜ファイルをアップロードして利用する場合＞ ①「新規ファイルのアップロード」をクリックします。 ②「参照」をクリックします。



③ホームページに掲載するファイルを選択し、「開く」をクリックします。 ④「アップロード」をクリックします。

⑤４．へ進んでください。４．「完了」をチェックします。５．ファイル名がリンク形式で本文に表示されたら、

完了です。３－１－７．記事の表示順番を変更する場合ブログの仕組みを前提として作成されているため、記事の作成順で記事の表示順番が決まります。

（標準は、記事の新しいものから上位に表示されていきます）。そのため、記事を思う順番に表示でき

ないことがあります。その場合、記事の作成日付を変更することで、記事の表示順番の調整を行いま

す。この説では、記事の作成日付の変更の方法を説明します。１．記事（ブログ）の編集画面を開きます。



２．公開日と日付を直接変更します。３．「保存」をクリックします。３－１－８．記事の公開日を指定する場合記事を事前に作成しておき、期日まで公開したくない場合があった場合、公開日を指定することが

できます。公開日を指定することによって、公開日まで非表示をなります。この説では、記事の公開日の指定をする方法を説明します。１．記事（ブログ）の編集画面を開きます。２．公開状態に「日時指定」を選択します。



３．公開日時を設定します。４．「保存」をクリックします。



３－２．記事（ブログ）の修正・変更

ホームページに登録されている記事の修正・変更方法を説明します。

１．「一覧」→「ブログ記事」をクリックします。

２．変更・修正を行いたい記事のタイトルをクリックします。３．下記の手順で変更・修正を行います。

①「タイトル」を変更します。タイトルは、記事の題名に当たるもの

です。 ②「本文」を変更します。 ③編集が終了したら、「保存」をクリックします。

※ 編集の詳細は３－１を参照してください。

①

②

③



３－３．記事（ブログ）の削除

ホームページに登録されている記事の削除方法を説明します。

１．「一覧」→「ブログ記事」をクリックします。

２．削除をしたい記事にチェックボックスを

クリックします。３．「削除」をクリックします。４．「OK」をクリックします。５．記事が消えていることを確認します。



６．（再構築）をクリックします。







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



４－１．アイテムのアップロード

アイテムとは、ホームページ上に表示するイラスト・写真等の画像ファイル、Word や PDF などのファイル

などを示しています。ここでは、これらのアイテムをアップロード（ホームページ上に公開するために、アイテ

ムの管理を行うための場所に保存すること）を行う方法を説明します。

4－１－1．画像（イラスト・写真）をアップロードする場合

１．「新規作成」→「ファイルアップロード」をクリックします。

２．「参照」をクリックします。３．アップロードするファイルを選択し、「開く」をクリックします。４．「アップロード」をクリックします。５．「ブログ記事に画像を表示」のチェックを外します。。６．「完了」をクリックします。

ここは、新規アップロードをした場合のみ表示されます。



７．アップロードしたアイテム一覧が表示されたら、完了です。

4－１－２．ファイルをアップロードする場合


２．「参照」をクリックします。３．アップロードするファイルを選択し、「開く」をクリックします。４．「アップロード」をクリックします。



５．「ブログ記事に画像を表示」のチェックを外します。 6．「完了」をクリックします。７．アップロードしたアイテム一覧が表示されたら、完了です。



４－２．アイテムの削除

アイテム（イラスト・写真・ファイル等）の削除方法を説明します。

１．「一覧」→「アイテム」をクリックします。

３．削除をしたい記事にチェックボックスを

クリックします。３．「削除」をクリックします。４．「OK」をクリックします。５．アイテムが消えていることを確認します。



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



５－１．ウェブページの作成

ウェブページとは、カテゴリー（メニュー）の記事として表示されないページを示します。カテゴリに分類さ

れないため、サイトマップにも表示されません。

ここでは、ウェブページとして作成するページ（記事）を作成する方法を説明します。

１．「新規作成」→「ウェブページ」をクリックします。

２．下記の項目を入力します。 ①「タイトル」を入力します。タイトルは、記事の題名に当たるもの

です。 ②「本文」を入力します。

③編集が終了したら、「保存」をクリックします。

編集の詳細方法については、「３－１．記事（ブログ）の作成」を参照してください。

①

②

③



5－２．ウェブページの修正・変更

ウェブページの修正・変更方法を説明します。

１．「一覧」→「ウェブページ」をクリックします。

２．変更・修正を行いたいウェブページのタイトルをクリックします。３．下記の手順で変更・修正を行います。

①「タイトル」を変更します。タイトルは、記事の題名に当たるもの

です。 ②「本文」を変更します。 ③編集が終了したら、「保存」をクリックします。

編集の詳細方法については、「３－１．記事（ブログ）の作成」を参照してください。

①

②

③



５－３．ウェブページの削除

ウェブページの削除方法を説明します。

１．「一覧」→「ウェブページ」をクリックします。

４．削除をしたいウェブページのチェックボックスを

クリックします。３．「削除」をクリックします。４．「OK」をクリックします。５．ウェブページが消えていることを確認します。



６．（再構築）をクリックします。







第 6 章その他の編集



６－１．サブタイトルの設定

各ページのヘッダタイトルに表示する文

章・タイトルの設定方法を説明します。

１．「設定」→「全般」をクリックします。

２．「説明」がサブタイトルになります。「説明」を編集してください。３．「変更を保存」をクリックします。４．（再構築）をクリックします。

ヘッダタイトル



５．「再構築」をクリックします。６．左図の画面が表示されている間は何もせずにお待ちください。また、パソコンの環境によっては、


７．再構築が終了したら、「閉じる」をクリックします。８．右図のボタンをクリックし、サイトを




６－２．ロゴ画像の設定

各ページのロゴ画像の設定方法を説明

します。


２．「参照」をクリックします。３．ロゴ画像ファイルを選択し、「開く」をクリックします。４．「アップロード」をクリックします。

ロゴ画像



５．タグに「ロゴ画像」と入力します。。６．「ブログ記事に画像を表示」のチェックを外します。７．「完了」をクリックします。８．アップロードしたアイテムが表示されていることを確認します。９．（再構築）をクリックします。 10．「再構築」をクリックします。 11．左図の画面が表示されている間は何もせずにお待ちください。また、パソコンの環境によっては、


ロゴ画像

ロゴ画像



12．再構築が終了したら、「閉じる」をクリックします。 13．右図のボタンをクリックし、サイトを




６－３．トップメイン画像の設定

トップページのトップメイン画像の設定

方法を説明します。


２．「参照」をクリックします。３．トップメイン画像ファイルを選択し、「開く」を

クリックします。４．「アップロード」をクリックします。

トップメイン画像



５．タグに「トップメイン画像」と入力します。。６．「ブログ記事に画像を表示」のチェックを外します。７．「完了」をクリックします。８．アップロードしたアイテムが表示されていることを確認します。９．（再構築）をクリックします。 10．「再構築」をクリックします。 11．左図の画面が表示されている間は何もせずにお待ちください。また、パソコンの環境によっては、






12．再構築が終了したら、「閉じる」をクリックします。 13．右図のボタンをクリックし、サイトを




６－４．ウェルカムメッセージの設定

トップページのウェルカムメッセージの

設定方法を説明します。

このウェルカムメッセージはウェブページで作

成されているため、あらかじめ、ウェルカムメッセ

ージ用のウェブページを作成しておく必要があ

ります。

（ウェブページ作成の方法は、第５章を参照のこ

と）

１．「ウェルカムメッセージ」として、設定を行うウェブページの編集画面を開きます。

（ウェブページ編集画面の表示方法は、第５章を参照のこと）２．タブに「ウェルカムメッセージ」と入力します。３．「保存」をクリックします。４．（再構築）をクリックします。５．「再構築」をクリックします。

ウェルカムメッセー

ジ



６．左図の画面が表示されている間は何もせずにお待ちください。また、パソコンの環境によっては、






６－５．会社概要の設定

各ページの会社概要の設定方法を説

明します。

この会社概要はウェブページで作成されてい

るため、あらかじめ、会社概要用のウェブページ

を作成しておく必要があります。

（ウェブページ作成の方法は、第５章を参照のこ

と）

１．「会社概要」として、設定を行うウェブページの編集画面を開きます。

（ウェブページ編集画面の表示方法は、第５章を参照のこと）２．タブに「会社概要」と入力します。３．「保存」をクリックします。４．（再構築）をクリックします。５．「再構築」をクリックします。

ウェルカムメッセー

ジ









６－６．記事（ブログ）をトップページに表示するための設定

新着情報など、トップページに掲載した

い記事（ブログ）があるとき、その記事をト

ップページにも、各カテゴリにも表示する

方法を説明します。

このページは記事（ブログ）で作成されている

必要があります。（記事（ブログ）作成の方法は、

第３章を参照のこと）

１．トップ記事掲載を行う記事（ブログ）の編集画面を開きます。

（ウェブページ編集画面の表示方法は、第３章を参照のこと）２．タブに「トップ記事」と入力します。３．「保存」をクリックします。４．（再構築）をクリックします。５．「再構築」をクリックします。

トップ表示記事









当マニュアルに関するお問い合わせは、[email protected] まで、お願いいたします。なお、当マニュアルの前提環境と異なる場合は、応じられない場合がございますことをご了承ください。 Teana Consulting（ティナ・コンサルティング）下城園代 URL：http://www.teana.jp

Documents

Movable Typeで管理する ホームページ操作マニュアル （ユーザ …“作マニュアル（ユーザ編）.pdf · ＜ホームページ設定の前提環境＞ CMS

Movable Typeで管理するホームページ操作マニュアル（ユーザ …“作マニュアル（ユーザ編）.pdf · ＜ホームページ設定の前提環境＞ CMS