記事編集マニュアル：index
リンクをクリックすると、該当のページへ遷移します。1.
記事編集（wysywigエディタ）について 1-1はじめに 1-2 記事編集（wysywigエディタの利用上の注意） ※必ずお読みください。 1-３ テンプレート挿入から編集まで流れ2.
テンプレートについて 2-1 テンプレートの種類 2-2 画像の挿入 2-3 文字の装飾 2-4 リンクの挿入(PDFなどファイルの掲載)3.
ウラワザ 3-1 記事編集エリアをきれいにクリアする 3-2 編集エリアを大きくする1-1. はじめに
施設サイトの記事の編集には、「wysywigエディタ」と呼ばれるものを利用しています。 wysywig = what you see is what you get の略ですが、
ブログ記事などを書くときに多く利用されるもので、見出しや色を変更したり文中にリンクをはったり…と いったことをボタン一つで簡単に操作ができる機能です。
施設サイトでは、お知らせの作成・編集、部門・診療科・医師の詳細ページの作成・編集、
1-2.記事編集（wysywigエディタ利用上の注意）
新規で記事を作成するときは、必ずテンプレートを選択してから記事を編集します。 テンプレートを選択せずに直接記入した記事は、レイアウトが崩れたり、太字や赤字などの装飾が 表示されませんのでご注意ください。 × 白いエリアに直接記入するのはNGです。 ◎必ず、テンプレートを選択してから編集します。 白いエリアに直接記入した例。 左上の「テンプレート挿入」からテンプレートを選択し、 白いエリアに表示されたテンプレートを編集します。 余白などがうまくとれず、 レイアウトが崩れます。 きれに表示されます。テンプレートを選択し、編集する手順は以下のとおりです。
1-3.テンプレート挿入から編集まで流れ-1
1. 「テンプレート挿入」ボタンをクリック。 2. 左図のようなポップアップ画面が立ち上がります。 ポップアップ画面の「テンプレート選択」の プルダウンメニューから、使用したいテンプレー トを選択します。 ※テンプレートの種類については 2-1.テンプレートの種類を参照。1-3.テンプレート挿入から編集まで流れ-2
３. 選択したテンプレートが「プレビュー」画面に 表示されます。 選択したテンプレートでよければ左下の「挿入」 ボタンをクリックします。 4. 白いエリアに選択したテンプレートが挿入されま した。こちらの文字をドラッグし、文字を書き換 えます。 ※ドラッグ： マウスの左側のボタンを押したままマウスを移動 させて文字などを選択することです。1-3.テンプレート挿入から編集まで流れ-3
5. テンプレートを追加したいとき テンプレート挿入時に同時に表示される赤枠の 注釈部分にカーソルあわせ、ふたたび「テンプ レート挿入」ボタンから使用したいテンプレート を追加します。 6. テンプレートを削除したいとき IEの場合、左図のようにテンプレートをクリック するとテンプレートを囲む枠が表示されます。 この状態で「DELETE」ボタンを押すとテンプ レートが削除されます。 ※注釈も同様に削除できますが、注釈は残っていても 表には表示されませんので気にしなくてもOKです。 その他モダンブラウザ（GoogleChrome,FireFox 等）の場合、赤枠の注釈の頭にカーソルをあわせ、 DELETEすると削除できます。2-1.テンプレートの種類-1
テンプレートには、以下の種類があります。 中見出し 小見出し リード文 文章2-1.テンプレートの種類-2
画像（Ｌ）1枚 画像（Ｍ）2枚 画像（S）3枚 画像と画像下に入れるキャプション（画 像の説明文）のセットがテンプレートに なっています。 キャプションが不要な場合は、キャプ ション部分をドラッグ選択して削除して ください。 ※以下、画像２枚、３枚レイアウト時も同様。 ※画像の挿入方法については、 2-2.画像の挿入参照。2-1.テンプレートの種類-3
画像（左）＋文章（右） 文章（左）＋画像（右） 画像と画像下に入れるキャプション（画 像の説明文）、および文章のセットです。 写真が左にレイアウトされます。 画像と画像下に入れるキャプション（画 像の説明文）、および文章のセットです。 写真が右にレイアウトされます。 ※画像の高さよりも文章が長くなる場合は、自動 的に画像の下に文章がまわりこむようになってい ます。 ※画像の挿入方法については、 2-2.画像の挿入参照。2-1.テンプレートの種類-4
表（項目セル左） 表（項目セル上） 項目名のセルが左の縦列となる表です。 項目名には、右図のように背景色がつき、 名称が太字になっています。 いずれの表も、行の追加、行の削除が可能です。 項目名のセルが上にくる表です。 項目名には、右図のように背景色がつき、 名称が太字になっています。 追加・削除したい行の先頭にカーソル 行の追加・削除ボタン 行が追加されました。2-1.テンプレートの種類-5
リンクリスト（１列） リンクリスト（2列） リンクを並べたいときに利用します。 名称が長いものが並ぶ場合は、 １列のものを利用してください。 リンクリスト（3列） リンク（同じサイト内のページへ） リンク（外部サイトへ） リンクをひとつだけ加えたいときに利用 します。 リンクをひとつだけ加えたいときに利用 します。2-1.テンプレートの種類-6
お問い合わせ先 関連リンク お問い合わせ先を目立たせたいときに 使えるテンプレートです。 Q＆A 「よくあるご質問」ページのQ&Aを追加 したいときに使います。 関連リンクを設置したいときに使います。 2-2 画像の挿入画像を挿入する手順は以下のとおりです。
2-2.画像の挿入-1
1. 「テンプレート挿入」から画像を表示させるテン プレートを選択します。 画像を含むテンプレートは以下のいずれかです。 ・画像（L）1枚 ・画像（M）2枚 ・画像（S）3枚 ・画像（左）＋文章（右） ・文章（右）＋画像（左） 2. テンプレートを選択したら、ダミー画像部分を クリックします。 その後、「イメージを挿入」ボタンをクリック。2-2.画像の挿入-2
3. 「画像・ファイルアップロード」のポップアップ 画面が表示されます。 「選択」ボタンを押すと、PC内に保存されている 画像を選択できますので、挿入したい画像を選択 し、「アップロード」ボタンをクリックします。 ４. アップロード完了すると、ポップアップ画面の 下にプレビューが表示されますので、画像に間違 いがないか、確認してください。 必要であれば、画像のキャプションを入力し、 「決定」ボタンをクリックすると、wysywigエリ アのテンプレート画像が選択した画像に変わって いるのが確認できます。文字を装飾する手順は以下のとおりです。
2-3.文字の装飾
1. 「テンプレート挿入」から文章関連のテンプレー トを選択します。 文章関連のテンプレートは以下のいずれかです。 ・文章 ・画像（左）＋文章（右） ・文章（右）＋画像（左） 2. 装飾したい文字列をドラッグし、装飾ボタンを選 択します。 装飾の種類は、 「太字（強調）」「赤字（注意）」「斜体」です。 文字の装飾ボタンリンクを挿入する手順は以下のとおりです。
