0 記 事 編 集 マニュアル:index リンクをクリックすると 該 当 のページへ 遷 移 します 1. 記 事 編 集 (wysywigエディタ)について 1-1はじめに 1-2 記 事 編 集 (wysywigエディタの 利 用 上 の 注 意 ) 必 ずお 読 みください 1-3 テンプレート 挿 入 から 編 集 まで 流 れ 2. テンプレートについて 2-1 テンプレートの 種 類 2-2 画 像 の 挿 入 2-3 文 字 の 装 飾 2-4 リンクの 挿 入 (PDFなどファイルの 掲 載 ) 3. ウラワザ 3-1 記 事 編 集 エリアをきれいにクリアする 3-2 編 集 エリアを 大 きくする
1 1-1. はじめに 施 設 サイトの 記 事 の 編 集 には wysywigエディタ と 呼 ばれるものを 利 用 しています wysywig = what you see is what you get の 略 ですが ブログ 記 事 などを 書 くときに 多 く 利 用 されるもので 見 出 しや 色 を 変 更 したり 文 中 にリンクをはったり と いったことをボタン 一 つで 簡 単 に 操 作 ができる 機 能 です 施 設 サイトでは お 知 らせの 作 成 編 集 部 門 診 療 科 医 師 の 詳 細 ページの 作 成 編 集 および 初 期 にCONCENT 社 にて 作 成 済 みのページを 編 集 したいときにこのエディタを 利 用 します
2 1-2. 記 事 編 集 (wysywigエディタ 利 用 上 の 注 意 ) 新 規 で 記 事 を 作 成 するときは 必 ずテンプレートを 選 択 してから 記 事 を 編 集 します テンプレートを 選 択 せずに 直 接 記 入 した 記 事 は レイアウトが 崩 れたり 太 字 や 赤 字 などの 装 飾 が 表 示 されませんのでご 注 意 ください 白 いエリアに 直 接 記 入 するのはNGです 必 ず テンプレートを 選 択 してから 編 集 します 白 いエリアに 直 接 記 入 した 例 左 上 の テンプレート 挿 入 からテンプレートを 選 択 し 白 いエリアに 表 示 されたテンプレートを 編 集 します 余 白 などがうまくとれず レイアウトが 崩 れます きれに 表 示 されます
3 1-3.テンプレート 挿 入 から 編 集 まで 流 れ-1 テンプレートを 選 択 し 編 集 する 手 順 は 以 下 のとおりです 1. テンプレート 挿 入 ボタンをクリック 2. 左 図 のようなポップアップ 画 面 が 立 ち 上 がります ポップアップ 画 面 の テンプレート 選 択 の プルダウンメニューから 使 用 したいテンプレー トを 選 択 します テンプレートの 種 類 については 2-1.テンプレートの 種 類 を 参 照
4 1-3.テンプレート 挿 入 から 編 集 まで 流 れ-2 3. 選 択 したテンプレートが プレビュー 画 面 に 表 示 されます 選 択 したテンプレートでよければ 左 下 の 挿 入 ボタンをクリックします 4. 白 いエリアに 選 択 したテンプレートが 挿 入 されま した こちらの 文 字 をドラッグし 文 字 を 書 き 換 えます ドラッグ: マウスの 左 側 のボタンを 押 したままマウスを 移 動 させて 文 字 などを 選 択 することです
5 1-3.テンプレート 挿 入 から 編 集 まで 流 れ-3 5. テンプレートを 追 加 したいとき テンプレート 挿 入 時 に 同 時 に 表 示 される 赤 枠 の 注 釈 部 分 にカーソルあわせ ふたたび テンプ レート 挿 入 ボタンから 使 用 したいテンプレート を 追 加 します 6. テンプレートを 削 除 したいとき IEの 場 合 左 図 のようにテンプレートをクリック するとテンプレートを 囲 む 枠 が 表 示 されます この 状 態 で DELETE ボタンを 押 すとテンプ レートが 削 除 されます 注 釈 も 同 様 に 削 除 できますが 注 釈 は 残 っていても 表 には 表 示 されませんので 気 にしなくてもOKです その 他 モダンブラウザ(GoogleChrome,FireFox 等 )の 場 合 赤 枠 の 注 釈 の 頭 にカーソルをあわせ DELETEすると 削 除 できます
6 2-1.テンプレートの 種 類 -1 テンプレートには 以 下 の 種 類 があります 中 見 出 し 小 見 出 し リード 文 文 章
7 2-1.テンプレートの 種 類 -2 画 像 (L)1 枚 画 像 と 画 像 下 に 入 れるキャプション( 画 像 の 説 明 文 )のセットがテンプレートに なっています キャプションが 不 要 な 場 合 は キャプ ション 部 分 をドラッグ 選 択 して 削 除 して ください 以 下 画 像 2 枚 3 枚 レイアウト 時 も 同 様 画 像 (M)2 枚 画 像 (S)3 枚 画 像 の 挿 入 方 法 については 2-2. 画 像 の 挿 入 参 照
8 2-1.テンプレートの 種 類 -3 画 像 ( 左 )+ 文 章 ( 右 ) 画 像 と 画 像 下 に 入 れるキャプション( 画 像 の 説 明 文 ) および 文 章 のセットです 写 真 が 左 にレイアウトされます 文 章 ( 左 )+ 画 像 ( 右 ) 画 像 と 画 像 下 に 入 れるキャプション( 画 像 の 説 明 文 ) および 文 章 のセットです 写 真 が 右 にレイアウトされます 画 像 の 高 さよりも 文 章 が 長 くなる 場 合 は 自 動 的 に 画 像 の 下 に 文 章 がまわりこむようになってい ます 画 像 の 挿 入 方 法 については 2-2. 画 像 の 挿 入 参 照
9 2-1.テンプレートの 種 類 -4 表 ( 項 目 セル 左 ) 項 目 名 のセルが 左 の 縦 列 となる 表 です 項 目 名 には 右 図 のように 背 景 色 がつき 名 称 が 太 字 になっています 表 ( 項 目 セル 上 ) 項 目 名 のセルが 上 にくる 表 です 項 目 名 には 右 図 のように 背 景 色 がつき 名 称 が 太 字 になっています いずれの 表 も 行 の 追 加 行 の 削 除 が 可 能 です 行 の 追 加 削 除 ボタン 追 加 削 除 したい 行 の 先 頭 にカーソル 行 が 追 加 されました
10 2-1.テンプレートの 種 類 -5 リンクリスト(1 列 ) リンクを 並 べたいときに 利 用 します 名 称 が 長 いものが 並 ぶ 場 合 は 1 列 のものを 利 用 してください リンクリスト(2 列 ) リンクリスト(3 列 ) リンク( 同 じサイト 内 のページへ) リンクをひとつだけ 加 えたいときに 利 用 します リンク( 外 部 サイトへ) リンクをひとつだけ 加 えたいときに 利 用 します
11 2-1.テンプレートの 種 類 -6 お 問 い 合 わせ 先 お 問 い 合 わせ 先 を 目 立 たせたいときに 使 えるテンプレートです 関 連 リンク 関 連 リンクを 設 置 したいときに 使 います 2-2 画 像 の 挿 入 Q&A よくあるご 質 問 ページのQ&Aを 追 加 したいときに 使 います
12 2-2. 画 像 の 挿 入 -1 画 像 を 挿 入 する 手 順 は 以 下 のとおりです 1. テンプレート 挿 入 から 画 像 を 表 示 させるテン プレートを 選 択 します 画 像 を 含 むテンプレートは 以 下 のいずれかです 画 像 (L)1 枚 画 像 (M)2 枚 画 像 (S)3 枚 画 像 ( 左 )+ 文 章 ( 右 ) 文 章 ( 右 )+ 画 像 ( 左 ) 2. テンプレートを 選 択 したら ダミー 画 像 部 分 を クリックします その 後 イメージを 挿 入 ボタンをクリック
13 2-2. 画 像 の 挿 入 -2 3. 画 像 ファイルアップロード のポップアップ 画 面 が 表 示 されます 選 択 ボタンを 押 すと PC 内 に 保 存 されている 画 像 を 選 択 できますので 挿 入 したい 画 像 を 選 択 し アップロード ボタンをクリックします 4. アップロード 完 了 すると ポップアップ 画 面 の 下 にプレビューが 表 示 されますので 画 像 に 間 違 いがないか 確 認 してください 必 要 であれば 画 像 のキャプションを 入 力 し 決 定 ボタンをクリックすると wysywigエリ アのテンプレート 画 像 が 選 択 した 画 像 に 変 わって いるのが 確 認 できます
14 2-3. 文 字 の 装 飾 文 字 を 装 飾 する 手 順 は 以 下 のとおりです 1. テンプレート 挿 入 から 文 章 関 連 のテンプレー トを 選 択 します 文 章 関 連 のテンプレートは 以 下 のいずれかです 文 章 画 像 ( 左 )+ 文 章 ( 右 ) 文 章 ( 右 )+ 画 像 ( 左 ) 文 字 の 装 飾 ボタン 2. 装 飾 したい 文 字 列 をドラッグし 装 飾 ボタンを 選 択 します 装 飾 の 種 類 は 太 字 ( 強 調 ) 赤 字 ( 注 意 ) 斜 体 です
15 2-4.リンクの 挿 入 (PDFなどのファイルの 掲 載 )-1 リンクを 挿 入 する 手 順 は 以 下 のとおりです 1. テンプレート 挿 入 から 画 像 を 表 示 させるテン プレートを 選 択 します リンクを 挿 入 するテンプレートは 以 下 です リンク( 同 じサイト 内 のページへ) リンク( 外 部 サイトへ) ファイル 掲 載 の 場 合 は 後 者 リンク( 外 部 サイトへ) を 選 択 します 2. テンプレートを 選 択 したら ダミー 部 分 を クリックします その 後 イメージを 挿 入 ボタンをクリック IE 互 換 モードの 場 合 : 以 下 のように 四 角 で 囲 まれていると 選 択 されている 状 態 Firefoxやchromeなどモダンブラウザの 場 合 : 以 下 のように 文 字 をドラッグで 選 択 状 態
16 2-4.リンクの 挿 入 (PDFなどのファイルの 掲 載 )-2 3. 画 像 ファイルアップロード のポップアップ 画 面 が 表 示 されます 選 択 ボタンを 押 すと PC 内 に 保 存 されている 画 像 を 選 択 できますので 挿 入 したい 画 像 を 選 択 し アップロード ボタンをクリックします 4. アップロード 完 了 すると ポップアップ 画 面 の 下 にファイルアイコン(PDFの 場 合 はPDFアイコ ン)が 表 示 されます ファイルタイプに 間 違 いが 無 いことを 確 認 し 決 定 ボタンをクリックします アップロードできるファイルタイプは 以 下 です PDF Excel(.xls) word(.doc).xlsx.docx はアップロードできません ご 了 承 ください
17 2-4.リンクの 挿 入 (PDFなどのファイルの 掲 載 )-3 5. ファイルのアップロードが 完 了 すると 左 図 の ようにファイルアイコンが 表 示 されます 6. リンク 先 の 名 称 が 入 ります となっている ダミー 部 分 をファイル 名 などに 書 き 換 えたら 完 了 です 書 き 換 える 際 は ダミー 文 言 リンク 先 の 名 称 が 入 ります のおしりにカーソルを 置 き backspaceキーでダミー 文 言 を 削 除 して 書 き 換 えてください 例 ) 応 募 要 項 来 月 の 外 来 診 療 予 定 表
18 3-1. 記 事 編 集 エリアをきれいにクリアする 記 事 の 編 集 をしていて 表 示 がおかしくなったりテンプレートがうまく 編 集 できなくなったりした 場 合 記 事 自 体 を 削 除 してしまうこともできますが 編 集 エリアをまっしろに 戻 すことも 可 能 です HTML というボタンを 押 すとWEBページを 表 示 させるための HTML というコードが 表 示 されます こちらを 全 部 選 択 して 削 除 更 新 すると 記 事 編 集 エリアがすっきりクリアになります HTMLボタン この 中 の 文 字 を 全 部 削 除 して 更 新 をクリック すっきりクリアに
19 3-2. 編 集 エリアを 大 きくする 記 事 編 集 エリアは ご 利 用 のPCモニターの 制 限 もありますが 編 集 ページ 上 でできる 限 り 大 きくすること も 可 能 です wysywigエディタ 右 下 にある 三 角 形 のエリアをひっぱってみてください ここをひっぱる 編 集 エリアが 伸 びます