Movable Type CMSプラットフォーム Movable Type
ドキュメントサイト

Movable Type 8 ManualMovable Type 8 マニュアル

ウェブページを編集する

最終更新日: 2023.11.15

ウェブページ編集画面の説明

ウェブページの編集画面の説明です。

リッチテキストフォーマットの入力画面

フォーマットをリッチテキストに設定すると、WYSIWYGモードでの編集が可能となります。

richtext_pages.jpg

入力支援ボタンの機能詳細

WYSIWYGモードの際に表示される、入力支援ボタンの機能は以下のとおりです。

ボタン 動作 タグ
icon-bold.png 文字を最強調します <strong>text</strong>
icon-italic.png 文字を強調します <em>text</em>
icon-italic.png 下線を表示します <span style="text-decoraton:under-line;">text</span>
icon-italic.png 打ち消し線を表示します <del datetime="YYYY-MM-DDTHH:MM:SS">text</del> datetime
icon-italic.png 引用を表します <blockquote></blockquote>
icon-italic.png 番号なしリストを表示をします <ul>
  <li>text</li>
</ul>
icon-italic.png 番号付きリストを表示します <ol>
  <li>text</li>
</ol>
icon-italic.png 水平線を挿入します <hr />
icon-italic.png リンクを挿入します <a href="url">text</a>
icon-italic.png リンクを解除します n/a
icon-italic.png HTMLを挿入します <a href="FileURL">File</a>
icon-italic.png アセットを挿入します 挿入時の設定に準じます
icon-italic.png 画像を挿入します 挿入時の設定に準じます
表を挿入します 挿入時の設定に準じます
icon-italic.png アンドゥを行います n/a
icon-italic.png リドゥを行います n/a
icon-italic.png テキストの文字色を設定します <span style="color:#ff0000;">Text</span>
icon-italic.png 文字の背景色を設定します <span style="background-color:#ff0000;">text</span>
icon-italic.png 書式を削除します n/a
icon-italic.png インデントをします <p style="padding-left: 30px;">text</p>
icon-italic.png インデントがあった場合、解除します インデントをひとつ解除(-30px)
インデントが0になったときは設定を消去
段落 テキストの文字サイズを選択します n/a
icon-italic.png フルスクリーンモードに切り替えます n/a

入力欄

コンテンツを入力します。

タイトル

ウェブページのタイトル

本文

このタブを選択して入力した内容が、本文となります。

続き

このタブを選択して入力した内容が、本文の続き(追記)となります。

フォーマット

入力するテキストフォーマットを選択します。

入力支援ボタン

装飾や画像の挿入などを手助けするボタンです。選択したテキストフォーマットに対応します。

タグ

編集中のウェブページにタグを設定します。

日本語のタグ、記号から始まるタグや、プライベートタグ(@マークから始まるタグ)の場合、タグの候補が自動的に更新されません。下矢印キーを押すことで、タグの候補が更新されます。

以下の入力項目は、標準では表示されません。画面右上の[表示オプション]をクリックして、チェックボックスを選択すると、表示されます。

キーワード

編集中のウェブページに、キーワードを設定します。

概要

本文を要約した概要を入力します。

WYSIWYGモード以外の編集画面

リッチテキスト以外のフォーマットを選択するか、もしくはリッチテキストでHTML編集モードを選択すると、入力支援ボタンが切り替わります。

format_for_pages.jpg

HTML編集モード

入力支援ボタンの右端にある「</>」ボタンをクリックすることで、HTML編集モードに切り替わり、html を直接編集できます。もう一度クリックすると、WYSIWYG モードに切り替わります。

テキストを選択して入力支援ボタンをクリックした場合

選択したテキストを挟んで、前後に開始タグと終了タグが挿入されます。装飾完了後は、終了タグの後ろにカーソルが移動します。

<strong>Text</strong>|

テキストを選択せずに入力支援ボタンをクリックした場合

カーソル位置の前に、開始タグが挿入されます。もう一度同じ入力支援ボタンを押すと、カーソル位置の後ろに終了タグが挿入され、カーソルが終了タグの後ろに移動します。

<strong>Text Foo Bar
<strong>Text</strong> Foo Bar

フルスクリーンモード

フルスクリーンアイコンをクリックするすることで、全画面を使ってウェブページ編集を行うフルスクリーンモードに切り替わります。もう一度クリックすると、通常の編集画面に戻ります。

通常画面

normal_screen.jpg

フルスクリーン画面

full_screen.jpg

ウィジェット

入力欄の右側に表示されるウィジェットは、ウェブページの公開や更新履歴の操作と、メタデータの入力に利用します。

更新履歴を表示

コンテンツを編集した履歴を表示します。更新履歴を有効にすると、履歴から更新履歴を復帰できます。

公開

ウェブページを公開するフォルダやURLを指定し、保存、公開、削除などをおこないます。

[ステータス] プルダウン
  • 未公開(原稿) : 公開せず、下書き保存します。
  • 公開 : ウェブページをサイトに公開します。
  • 日時指定 : 指定した日時にウェブページを公開します。ただし、日時指定を動作させるためには、別途、cronなどのスケジュールタスクの設定が必要です。詳しくは次のページをご覧ください。「指定日投稿や公開キュー等のスケジュール処理の設定
公開日

作成・公開日時です。この項目は必須です。

公開終了日

ウェブページを自動で非公開にする日時です。

[保存/公開/更新] ボタン

コンテンツを、保存、更新します。

[プレビュー] ボタン

作成中のコンテンツを、公開時のデザインで確認します。

[削除] ボタン

ウェブページを削除します。

変更メモ

更新履歴を有効にしているときに、保存する更新履歴にメモを残します。

以下の項目は、ウェブページの固有の入力項目です。

出力ファイル名

ウェブページを公開するファイル名のベースネームを指定します。自動で設定されますが、[編集] ボタンをクリックして変更できます。実際にサイトで公開する際には、アーカイブ設定で指定したファイルの拡張子が追加されます。また、アーカイブマッピングの設定に応じて、アンダースコアがハイフンに変換されます

以下はウェブページ固有の入力項目です。

ファイル名

公開する際の、ウェブページのファイル名を指定します。

フォルダ

ウェブページを保存するフォルダを指定します。サイトURL、フォルダのURL、および出力ファイル名によって公開URLが決定します。

ウェブページタグのプライベート・モード

ウェブページのタグの先頭に@をつけると、プライベート・モードとして扱われ、MTEntryTags や MTPageTags、MTTags といったコンテナ・タグの対象から除外されます。しかし、MTEntriesやタグ検索では、タグ名を正確に指定することで、利用することができます。

コメント

このウェブページでコメントを受け付けるかどうかを設定。ま

コメントを許可

このページにコメントを受け付けます。

ウェブページアセット

ウェブページの編集中に画像をアップロードした場合、このウェブページに関連づけられているアセットを一覧で表示します。

[追加] ボタン

アセットを明示的にウェブページに関連づけします。

クイック投稿

このリンクをウェブブラウザのブックマークバーにドラッグしたり、そのままブックマークに登録することで、オンラインであれば表示中のページについて、すぐに投稿することができます。

  1. 現在表示中のページについて書く場合、登録したブックマークをクリックします。もし、引用したいテキストがあれば、引用したい部分を選択してから、登録したブックマークをクリックします。
  2. Movable Type にサインインしている状態であれば、そのまま投稿画面へ。サインインしていない場合は、サインイン後投稿画面に移動します。
  3. あとは、内容を書き足すなどをして、作成できます。
目次