0 更新のフローについて 概要 更新のフローについて 概要 編集者のアカウント でログイン ブログ記事編集画面 にてぺ ジを編集 管理者へ承認を確認 公開 ( 承認待ち ) を選び 保存ボタンを押すことにより管理者へ 承認依頼 メールが送信されます 管理者が差し戻しを選ぶと編集者に 差し

Transcription

1 目次 目次 更新のフローについて 1 概要 各ページの説明 サーバにログインする ブログ記事一覧について ブログ記事一覧について ブログ記事編集ページについて 5 トップページ ブログ記事編集ページについて 6 スタッフページ ブログ記事の承認依頼について 7 ページの編集について 8 A. テキスト部分 リスト表示 9 B. 画像の挿入 画像挿入について 10 C. 表の作成 表作成について 11 D. リンク リンクについて 13 E. アンカー ( しおり ) アンカー ( しおり ) について 14 F. ブログ記事の並び順 15 ブログ記事編集後の保存について説明します ブログ記事の順番を替えるには 作業途中ブログ記事の保存 ブログ記事の承認依頼 公開中のブログ記事の削除依頼 編集領域の説明 各種ボタンの説明 テンプレート ( 雛形 ) の使用方法について スタイル指定について その他 23 ブログシステムご利用の皆様へ 2012 年 9 月からブログシステムがバージョンアップされました それに伴い 操作方法等が以前と一部変更となりました 文章中の 印がついた部分は 注意が必要な部分になりますのでご確認下さい

2 0 更新のフローについて 概要 更新のフローについて 概要 編集者のアカウント でログイン ブログ記事編集画面 にてぺ ジを編集 管理者へ承認を確認 公開 ( 承認待ち ) を選び 保存ボタンを押すことにより管理者へ 承認依頼 メールが送信されます 管理者が差し戻しを選ぶと編集者に 差し戻し通知 メールが届きます 承認プロセス管理者へ 承認依頼 メールが届き 編集された内容を管理者が確認後 承認を選び保存ボタンを押します 管理者による差し戻し 承認 公開 承認プロセスによりページが公開されると 編集者へ 承認通知 メールが送信されます

3 0 更新のフローについて各ページの説明 0-0 各ページの説明 更新作業を行うにあたり 必要になる主なページをご紹介いたします 複数のブログを管理されている場合は 左上のメニューで切り替えます ブログ記事一覧ページ 編集マニュアル PDF ただ今ご覧頂いている編集マニュアルの PDF を表示いたします アイテム一覧ページ ブログ記事編集ページ 2

4 0 更新のフローについて サーバにログインするブログ記事一覧について 0-1 サーバにログインする MovableType5: ログイン名パスワードを入力しログインします 資料 : アカウント一覧参照 0-2 ブログ記事一覧について ブログ記事ひとつが 公開中のページのひとつの項 目になります 下記のように公開中の項目とブログ記事が一つ一つ 対応いたします 各ブログ記事は ブログ記事の投 稿日時の新しい物から順に並びます 対応する公開中のページ ( 部分 ) 新しい ブログ記事一覧 ( 部分 ) 日付順 古い 3

5 0 更新のフローについてブログ記事一覧について 0-2 ブログ記事一覧について ブログ記事を編集するには 記事のタイトルのリンクをクリッ クして下さい 編集画面へ移動します ブログ記事タイトルから ブログ記事編集画面へ移 動します 記事が多い時 は残りの一覧 を表示します 4

6 0 更新のフローについて ブログ記事編集ページについて 0-3 ブログ記事編集ページについて 各種編集ツールを使いページを編集します トップページを編集する場合をご紹介します トップページを編集する場合は 続き に入力をしないで下さい 続き に文字や画像がある場合自動的にスタッフページに公開されます ブログ記事タイトル 過去の記事を編集する際は フォーマット : なし になるため フォーマット : リッチテキスト を 選んで下さい 公開中のページ内の見出し ブログ記事の内容編集領域 文章を編集ツールを使用 して 修正等を行います HTML の知識のない方で も 操作方法はワープロ ソフトに似ているので 覚えるのはとても簡単で す 公開 ( 下書き ) は作業途中で保存する場合に使用します 非公開にしたい場合は 承認者に依頼して下さい 公開 ( 承認待ち ) は編集者から管理者に承認依頼をする時に使用します 公開 ( 承認待ち ) を選ぶと 承 認 の枠が表示されます 承認依頼 作業が終了したらステータスを 公開 ( 承認待ち ) を選び 承認 の枠内の メ ルに追加するメッセージ 内に依頼内容を入力し保存ボタンを押して下さい 承認依頼をすると承認者が 承認 か 差し戻し をするまで記事の編集が出来なくなりますので編集内容を確認の上 保存ボタン を押して下さい ブログ記事は日付順に並びます 日付を修正したい場合は 承認者に依頼して下さい 5

7 0 更新のフローについて ブログ記事編集ページについて 0-3 ブログ記事編集ページについて スタッフページを編集する場合をご紹介します スタッフページを編集したい場合は 続き に入力すると自動的にスタッフページになります ブログ記事の 本文 にはスタッフの表を 続き にはスタッフの写真を張り込んで下さい 以前のカテゴリーで STAFF_PAGE を選ぶ方法は廃止されました 続き 内に画像や文字が入力されていると自動的にスタッフページにて公開されます スタッフ名 スタッフのお名前部分になります ブログ記事の 本文 編集領域 スタッフの表を入力します 続き 編集領域 続き にスタッフの写真を張り込んで下さい 写真が無い場合は 全角スペース文字を入力して下 さい 6

8 0 更新のフローについて ブログ記事の承認依頼について 0-4 ブログ記事の承認依頼について ブログ記事編集後 管理者に承認を依頼します 公開枠のステータス : 未公開 ( 承認待ち ) を選び 変更メモ に修正内容を メールに追加するメッセージ に依頼内容を入力し 保存ボタン を押します 保存ボタンを押した時点で サーバー内で管理者に承認依頼のメールが送信されます ステータスが 未公開 ( 承認待ち ) の状態でグレーになり承認者が 承認 か 差し戻し するまで変更できなくなります 編集者 メールに追加するメッセージ 例 ) 承認をお願いします 順番入れ替えのため :56:50 にして下さい 記事を削除して下さい 記事を非公開にしてください 承認依頼診療内容のご紹介 - 循環器内科 呼吸器内科 ( 第二内科 ) といったタイトルのメールが管理者へ送信されます ページが更新または新規作成されたことが メールで管理者に伝えられます 承認 管理者は編集された内容を確認し問題がなければ ステータスを 承認 にして 更新 ボタンを押します 更新 ボタンが押されると ページの公開が行われ サーバーから編集者に公開終了のメールが送信されます 差し戻し 管理者が 承認しない場合は ステータスを 差し戻し にして保存します サーバーから編集者に差し戻しのメールが送信されます 管理者による承認 差し戻し 承認 ページが承認され公開されたことが メールで編集者に伝えられます 承認通知診療内容のご紹介 - 循環器内科 呼吸器内科 ( 第二内科 ) といったタイトルのメールが編集者へ送信されます 差し戻し ページは公開されず 差し戻し の内容がメールで編集者に伝えられます 差し戻し通知診療内容のご紹介 - 循環器内科 呼吸器内科 ( 第二内科 ) といったタイトルのメールが編集者へ送信されます 7

9 1 ページの編集についてテキスト部分 ページの編集について A. テキスト部分 編集における各機能について 実際に掲載されている 診療内容のご紹介 を例に説明します このページで使用されている機能は 段落と改行小見出しのスタイル指定リスト表示です 最終の状態 段落 一行目が一字下げになります小見出し 決められたスタイルを指定しますリスト表示 箇条書きになります 1-1 段落 改行について 文章を入力する際 enter キーで改行することにより段落が変わります また 各段落は自動的に 一文字目が一字落ちになります 段落中に改行をしたい場合は shift+enter キーで改行することができます 段落 enter キー 通常の改行 shift+enter キー enter enter enter shift + enter shift + enter shift + enter enter enter 8

10 1 ページの編集について テキスト部分 1-2 小見出しのスタイル指定 小見出しにしたい段落のどこかにカーソル移動し スタイルメ ニューから midashi を選択します enter 小見出しにしたい文字列全てを選ぶのではなく 指定した い段落にカーソルを入れるのがポイントです 1-3 リスト表示 箇条書き表示にしたい項目を ひと固まりずつ選び リストボタンをクリックして箇条書きにしていきます ( 各行の改行は shift+enter にして段落にしてください ) リストボタン テキストを箇条書きにします 9

11 1 ページの編集について 画像の挿入 B. 画像の挿入 画像の挿入方法について説明します 画像は ページごとに関連づけられたフォルダに格 納されています 新規で追加する場合は 所定のフォルダ files にアップロードしてください 画像の挿入ウィンドウ 新たな画像を追加するには新しい画像をアップロードを選びます 画像の挿入ボタン 画像を挿入することができます パソコンから追加したい画像をアップロードしてください ファイルの挿入ボタン ファイルを挿入することができます 1-4 画像 ファイルの挿入について 画像を挿入する場合は 画像の挿入ボタン をクリックし 画像の挿入ウィンドウ を表示します 新たに画像を挿入したい場合は 新しい画像をアップロード を 既存の画像を挿入したい場合はリストから選択し 画像を挿入します ファイルを挿入する場合は ファイルの挿入ボタン をクリックし アイテムの挿入ウィンドウ を表示します 新たにファイルを挿入したい場合は 新規ファイルのアップロード を 既存のファイルを挿入したい場合はリストから選択し ファイルを挿入します アイテムの挿入ウィンドウ 新たなファイルを追加するには新規ファイルアップロードを選びます パソコンから追加したいファイルををアップロードしてください 各ブログ毎に画像 ファイルアップ先のフォルダ files があります 他のブログの画像を利用する場合は 他のブログで左メニュー アイテム > 一覧 で表示されるリストから対象の画像をクリックし表示されるアイテムの編集画面の下にある アイテムの埋め 込み の URL をコピーします 編集画面の イメージ ボタンを使用して先ほどの URL をペーストして OK を押しで使用できます イメージ ボタンを使用すると画像の URL 指定 することにより画像を配置できます 10

12 1 ページの編集について表の作成 C. 表の作成 簡単な表の作成方法について説明します 1-5 表作成について 新規で表を作成する場合は 表作成ボタン を使用し必 要な行と列の数を指定し 挿入してください 表作成ボタン 新規表を作成できます 表の設定ウィンドウ 表の行と列の数を指定し新規表を作成ます 必要があれば適宜詳細を指定します 3 行 7 列の表が作成されました セルの設定ウィンドウ 右クリックで呼び出し セルに関する設定を行います 必要に応じて詳細を指定します 11

13 1 ページの編集について表の作成 セルの結合 選択した複数のセルを 1 つに結合できます カーソルのあるセルと その下のセルの 2 行が 結合が結合されます セルの分割 結合されたセルを分割できます セルの結合が解除されます 12

14 1 ページの編集について リンク D. リンク 編集方法について 実際の スタッフ紹介 を例に説明します 最終の ( スタッフ一覧 の文字にリンクを張った ) 状態 1-6 リンクについて リンクを張りたい文字列を選択し リンクボタンをクリックします ハイパーリンクウィンドウが表示されますので URL 欄にリンク先のアドレス ( 例 shinryoka/dai2naika/staff.html) を入力し更新ボタンを押してください リンク先を別ウィンドウで開く場合は ターゲット 欄から 新しいウィンドウで開く (_blank) を選択して下さい リンクボタン ハイパーリンクを作成します リンク解除ボタン ハイパーリンクを削除します リンクの設定ウィンドウ 別のページや 画像 PDF などにリンクできます 13

15 1 ページの編集についてアンカー ( しおり ) E. アンカー ( しおり ) アンカーについて実際の 薬剤部の紹介 薬剤部業務の紹介 を例に説明します 1-7 アンカー ( しおり ) について アンカーを作成したい場所にカーソルを挿入し アンカー追加ボタンをクリックしアンカー名を指定します なおブログ記事タイトルの前にはアンカーは作成できないので 一つ前のブログ記事の最後にアンカーを挿入する様にして下さい 省略 /shoukai/index.html 省略 /shoukai/index.html#02 省略 /shoukai/index.html#03 リンク先を の様に指定します 一番最初のリンク先は index.html を指定し それ以降は index. html#02 index.html#03 とアンカー名を指定していきます アンカー名は実際には表示はされません アンカー名 02 一番最初のブログ記事 内服調剤室 の最後にアンカー挿入 / 編集ボタンで 02 のアンカーを作成します 二番目のブログ記事内の最後に 03 のアンカーを作成します 以降同様に 次の番号のアンカーをブログ記事内の最後に作成します アンカー挿入 / 編集ボタン アンカーを作成できます アンカー名 03 14

16 1 ページの編集について ブログ記事の並び順ブログ記事の保存 F. ブログ記事の並び順 ブログ記事編集後の保存について説明します 1-8 ブログ記事の順番を替えるには ブログ記事の並び順は ブログ記事の投稿日時 の新しい物から 上に並びます 並びを変更したい場合は 前後のブログ記事の ブログ記事の公開日 を確認し 承認者に指定したい日付日時を メールに追加するメッセージ 内に記入し承認依頼して下さい 上にしたければ日付を新しく 下にしたければ日付を古く指定します ブログ記事編集画面右の ブ ログ記事の公開日 部分 HP 上のブログ記事の順番が変わってしまうため ブログ 記事の投稿日時は 変更できません 順番の変更 新規ブ ログ記事作成の場合は 経営企画室にご相談下さい 新しい 古い 1-9 作業途中ブログ記事の保存 編集作業の内容を作業途中で保存するには ブログ維記事編集 画面右の公開枠のステータスが 公開 ( 下書き ) になっている ことを確認の上 保存ボタン を押してください 5

17 1 ページの編集について ブログ記事の承認ブログ記事の削除 1-10 ブログ記事の承認依頼 編集作業が終了し承認を依頼するには ブログ記事編集画面右の公開枠のステータスを 公開 ( 承認待ち ) にして 保存ボタン を押してください サーバ内で管理者宛に承認依頼のメールが送信されます ステータスが 未公開 ( 承認待ち ) の状態でグレーになり承認者が 承認 か 差し戻し するまで変更できなくなります 公開 ( 承認待ち ) を 選択 必要に応じて 変更メモ に修正内容を メールに追加するメッセージ に依頼内容を入力し 保存ボタン を押します 保存ボタンを押した時点で サーバー内で管理者に承認依頼のメールが送信されます メールに追加するメッセージ 例 ) 承認をお願いします 順番入れ替えのため :56:50 にして下さい 記事を削除して下さい 記事を非公開にしてください 1-11 公開中のブログ記事の削除依頼 公開中のブログ記事を削除依頼する際は ブログ記事タイトルに 削除して下さい の文字を追加して下さい ブログ記事編集画面右の公開枠のステータスを 公開 ( 承認待ち ) にして メールに追加するメッセージ に 記事を削除して下さい と入力し 作業メモ に削除依頼と入力して 保存ボタン を押して下さい サーバ内でメールのタイトル内に 削除して下さい の文字が入った承認依頼のメールが 管理者宛に送信されます 16

18 2 編集領域の説明 編集領域の説明 2-1 編集領域の説明 サイトを編集する際は フォーマットをリッチテキストに切り替えて編集してください 書式はスタイルを御利用ください フォントの種類やサイズを指定するとサイト内の統一感がくずれる場合があります Word 文章から貼付け 体裁が崩れる恐れがありますのでご使用をお控え下さい プレーンテキスト貼付け プレーンなテキストのみ貼付けます 元に戻す やり直す 右クリックでのメニューについて 編集時 右クリックで編集内容にそったツールが表示されます 表を編集する場合等は 右クリックで表示されるメニューを使用すると便利です ( 右図 : 表を編集中に 右クリックでメニューを呼び出しだ状態 ) 7

19 2 編集領域の説明各種ボタンの説明 2-2 各種ボタンの説明 : あらかじめ用意してあるテンプレートを呼び出します : テキストや画像などを切り取ることが出来ます : テキストや画像などをコピーします : 切り取ったりコピーしたりしたものを貼り付けます : テキストとして貼り付けます :Word 文章として貼り付けます : スペルチェックを行ないます : 作業を一つ前に戻します : 作業を戻していた場合 作業を一つ前に進めます : 置き換えのための文字列を検索します : 文字列を検索し置き換えます : 全てを選択します : スタイル等指定したフォーマットを削除します : テキストを太字にします : テキストを斜体にします : テキストに下線を引きます : テキストに打ち消し線を引きます : 選択した文字列を添え字にします : 選択した文字列を上付き文字にします : 段落番号をつけます : 箇条書きにします : インデント ( 字下げ ) を解除します : インデント ( 字下げ ) を行います : 引用文に使用出来ます : テキストや画像を左に揃えます : テキストや画像を中央に揃えます : テキストや画像を右に揃えます : テキストや画像を両端から均等に配置します : ハイパーリンクを作成します : 選択範囲内のハイパーリンクを削除します : アンカーを挿入します : 画像に対して詳細設定を行います : テーブルを挿入します : 横罫線を挿入します : 特殊文字を挿入します : 画像を挿入します : ファイルを挿入します : テキストの色を変更します : テキストの背景色を変更します :HTMLタグのブロック要素を表示します : バージョン情報を表示します :HTML 形式の編集形式へ切り替えます 18

20 3 テンプレート ( 雛形 ) について 3-1 テンプレート ( 雛形 ) の使用 方法について 4 あらかじめ主な項目に合わせて作成されたテンプレートをご用意いたしました 編集領域にカーソルを入れ テンプレート ( 雛形 ) ボタンを押してテンプレートを選ぶ事により編集領域にあらかじめ用意してあるテンプレートを呼び出します スタイル指定された編集可能な状態になりますので 文字等を入れ直してご利用下さい テンプレート ( 雛形 ) 一覧

21 4 スタイル指定について 4-1 スタイル指定について 本サイト内は 共通のデザインにするために各ページで共 通のスタイルを使用しております ここでは 各スタイルをご説明します midashi 見出し用 本文中の見出しに使用します 段落にカーソルを挿入し指定します table_shinryonaiyo 診療内容部分セル table_ampm 時間帯部分セル table_yobi 曜日部分セル scheduletable 全体 table_yoyaku 予約部分セル 外来受付スケージュールの表で 5 種類のスタイルを使用しています 20

22 4 スタイル指定について pdf_link 見出し用 文字列の先頭に PDF アイコンを表示します 文字列を段落にします 文字列中にカーソルを移動します スタイルに pdf_link を指定します enter yoyaku_color 見出し用 予約可能の色ラベルに使用します enter enter 文字列を段落にします ( 段落には indent_none を指定 ) 黒の の文字を選択し スタイルに yoyaku_color を指定します indent_none 段落の一字落ち解除 段落 (enter で改行 ) は 一行目が一字落ちになりますが 一字落ちを使いたくない場合にしようします 段落内にカーソルを挿入し indent_none を指定します 21

23 4 スタイル指定について スタッフ表関係 スタッフ一覧のスタッフの表で 2 種類のスタイルを 使用しています tyuki 注記用 注記の一行目の 印が一文字飛び出る体裁になります 段落 (enter で改行 ) 内にカーソルを挿入し tyuki を指定します staff_table テーブル全体 staff_table_honbun スタッフ内容部分セル enter layout_table レイアウト調整用テーブル 表の横幅が ページの 100% になるスタイルです 複数の画像等をレイアウトする時に使用します テーブルを作成時に 表の設定 ウィンドウで指定します レイアウト例セルの幅を 120px に指定しています layout_table を指定することにより 横幅が 100% の表になります 120px 100% 22

24 5 その他 5-1 その他 大見出しをページ内で2 個以上表示させたい場合の指定方法に ついて 1. ブログ記事名を空欄にします 2. ツールの ボタンを押し HTML コードを表 示させます 3. 一行目に例の様に <h2> のタグを記述します 4. ツールの を再度押します 編集画面で文字が大きく太字になります 公開されると大見出しの体裁で表示されます HTML で編集する HTML の編集画面が表示されます 追加された大見出し 23