WebDAVサーバー運用マニュアル

(1)

笑顔セラピーＤＶＤセミナー

Ｗｅｂサイト運用マニュアル

(2)

更新履歴

変更日時変更者内容 2012/6/12 野坂新規作成

(3)

1.このマニュアルについて ...1 2.このWebサイトの特徴...2 2.1.編集...2 2.2.ブログ ...2 2.3.デザインを選べる ...3 3.ご利用にあたってのご注意 ...3 4.構成と機能 ...4 5.管理画面へのアクセス...5 5.1.ユーザ情報を準備する ...5 5.2.管理画面にログインする ...5 6.デザインを選ぶ ...7 6.1.管理画面にログインします...7 6.2.テーマを選択し有効化します ...7 6.3.デザインが反映されているか確認します ...8 7.トップページを編集する ...9 7.1.トップページ編集画面を開く ...9 8.固定ページを編集する...11 8.1.固定ページ編集画面を開く...11 8.2.文章を編集する...13 8.3.リンクを設置する ...13 8.4.画像を挿入する...14 8.5.変更したページの見栄えを確認し更新する...17 9.ブログを投稿する...18 9.1.新規に記事を作成する ...18 9.2.カテゴリーを選択する ...20 9.4.作成した記事の見栄えを確認し投稿する ...21 9.3.カテゴリーを新しく作成する ...22 9.5.掲載済みの記事を編集、削除する ...24 10.コメントについて...25 10.1.スパムコメントフィルター...25 10.2.承認制 ...25 10.3.コメントを承認・拒否する...26 10.4.投稿されたコメントに対して返信する ...29

(4)

1.このマニュアルについて

このマニュアルは笑顔セラピーDVD セミナー用の WEB サイトの基礎知識、運営していくための手順を記載したものです。基本的な知識や手順を記載したものですのですべての項目を網羅していません。随時追加していくか、もしくはサポートサイトに投稿していきます。このマニュアルに関して、もしくはサイト自体についての質問や不明点があればサポートサイトの掲示板に書き込みをお願いします。

(5)

2. この

Webサイトの特徴

ここでは本Web サイトの特徴を紹介します。 ※概要のみのご紹介ですので詳細な手順につきましては別ページを参照ください。・文字や画像の編集がご自分でできます・ブログができます 2.1.編集ホームページの詳しい知識がなくても、ブログを更新する感覚であらゆる編集が可能です。インターネットにつながるPC があれば、下記のような Web 管理画面から各種編集が可能です。 2.2.ブログ本Web サイトはブログ機能がついており、毎日の日記やセミナーのレポート等を作成することができます。もともと別のサービス（アメブロ等）でブログをしている方は、このブログ機能を HP のお知らせのみに利用して、既存のブログをHP からリンクさせることもできます

(6)

2.3.デザインを選べる 2 種類のデザインテンプレートから選んでいただけます。え

3.ご利用にあたってのご注意

 表示速度が遅くなる場合があります理由：このサイトで利用しているサーバ（HP が保管されている場所）は不特定多数の利用者と共有しており、混雑する場合があるため（ある程度の費用をかければ、もう少し環境がよいサーバもある）  画像や文字の変更は可能ですが、大幅なレイアウトの変更等はできません（大幅な変更をご希望の方は野坂までご相談ください。）

(7)

4.構成と機能

本 Web サイトは５つの要素から構成されています。構成内容と各ページの機能の概略を以下にまとめます # ページ名機能編集可否 1 トップページ・セミナー概要・各ページへの案内（ナビゲーション）・最新ブログ、兼お知らせの案内・笑顔セラピーねっとへの案内編集できます 2 セミナー・セミナーの詳細な内容・セミナースケジュール ※他自由に追記できます編集できます ※カレンダーの大きさ等は編集できません 3 講師紹介・講師のプロフィール等 ※他自由に追記できます編集できます 4 お問合せ・フォームよりお問い合わせ可能・お問い合わせがあったことを管理者へメール通知・お客様へサンキューメール送信編集できません ※希望時は野坂まで 5 ブログ・ブログの投稿・外部ユーザによるコメント投稿編集できます ※２，３のセミナー案内や講師紹介等のページのことを「固定ページ」を呼びます

(8)

5.管理画面へのアクセス

各ページを編集するために管理画面にアクセスする必要があります。ここではその手順を記載します。 5.1.ユーザ情報を準備する事前に取得しているWeb サイト管理画面のログイン情報を準備しておきます・管理画面URL ・ログインID ・ログインパスワード 5.2.管理画面にログインする 1) ブラウザー（インターネットエクスプローラ）を立ち上げてアドレスバーに事前に取得した管理画面のURLを入力し、キーボードの「Enter」を押す 2) ログイン画面が表示されるので、事前に取得したIDとパスワードを入力し「ログイン」をクリックする

(9)

↓次のような画面が表示されれば成功です。【管理画面の機能】 ①管理画面トップ・・・本画面です ②投稿・・・ブログの記事を編集、投稿する ③固定ページ・・・「セミナー」「講師紹介」ページの内容を編集する ④コメント・・・ブログのコメントを管理（承認、削除）する ⑤お問い合わせ・・・お問い合わせフォームやサンキューメールの文言などを編集する ※ご希望時は野坂までお問い合わせください ⑥外観・・・デザインの変更、トップページの編集する ⑦ダッシュボード・・・WEB サイトの状態が記載されています ① ② ③ ④ ⑤ ⑥ ⑦

(10)

6.デザインを選ぶ

外観デザインをテンプレートの中から選びます。ここではその変更手順を記載します。 ★本マニュアルではテンプレートのことを「テーマ」を記載します 6.1.管理画面にログインします ※手順は「5.管理画面へのアクセス」参照 6.2.テーマを選択し有効化します 1) 「外観」をクリックします

(11)

※すでに有効化されている場合、上記作業は不要です。「利用できるテーマ」下記になります。 hc.works_egao-therapy-dvd_simple hc.works_egao-therapy-dvd ※上記以外のテーマもありますが利用できません。 6.3.デザインが反映されているか確認します実際に反映されたかどうか、サイトにアクセスして確認してください。 2) 利用したいテーマの「有効化」をクリックします現在利用中のテーマ選択可能なテーマ利用不可利用不可利用不可

(12)

7.トップページを編集する

ここでは、トップページの画像や文章の変更の手順を記載します 7.1.トップページ編集画面を開く

1) 管理画面にログインする。 ※手順は「5.管理画面へのアクセス」参照

(13)

① ロゴ画像・・・PC からロゴ画像をアップロードし変更できます ② メイン画像・・・PC から画像をアップロードし変更できます ③ サイトタイトルとキャッチフレーズ・・・お好きな文言に変更できます。※両方とも空欄はさけてください。SEO の観点からこの文言は絶対に入力しているようにお願いします。 ④ メニューエリア・・・各メニューの内容（見出し、画像、概要）を変更できます ⑤ ブログエリア・・・ブログの見出しのみ変更できます。ブログの抜粋記事は自動で反映されるため変更できません ⑥ サイドコンテンツ・・・見出し、画像、画用を変更できます ⑦ 色・・・背景の色を変更できます ⑧ 背景画像・・・PC から画像をアップロードし背景に配置できます。 ※ ロゴやメイン画像、背景画像等は他にも用意しています。詳しくはサポートサイトの画像素材ページを参照ください。 http://egao-therapy.ciao.jp/sample 3) 編集したい項目をクリックし、文言や画像を変更します。 4) 文言や画像の変更が完了しましたら「保存して公開」をクリックします ① ② ③ ④ ⑤ ⑥ ⑧ ⑦ ① ② ③ ④ ⑤ ⑥ ⑧ ⑦

(14)

8.固定ページを編集する

ここでは、固定ページ（「セミナー」、「講師紹介」のこと）を編集する手順を記載します 8.1.固定ページ編集画面を開く

1) 管理画面を開きます ※手順は「5.管理画面へのアクセス」参照 2) メニューの記事から「固定ページ」をクリックします

(15)

① セミナー・・・セミナーのご案内ページです。文言や画像を自由に編集できます。 ② 講師紹介・・・セミナーのご案内ページです。文言や画像を自由に編集できます。 ③ お問合せ・・・お問合せフォームページです。編集しないでください。 ④ 送信完了・・・お問合せフォームからメール送信完了時に表示されるページです。自由に画像や文言を編集できます。 ⑤ ブログ・・・ブログの記事一覧ページです。編集しないでください。個別の記事を編集、追加する場合は「ブログを投稿する」を参照ください。 3) 編集したいページをクリックします ① ② ③ ④ ⑤

(16)

8.2.文章を編集する【改行が2 種類あります】「Enter」・・・・・・・・・大きな改行「Shift」＋「Eenter」・・・・通常の改行 8.3.リンクを設置するある文字をクリックした時に指定のサイト(ページ)を表示させたい場合に利用します 1) 赤枠の中の文章を編集します 1) リンクを設定したい文字を入力します 2) 入力した文字をドラッグして選択した状態で、「リンク」ボタンをクリックします

(17)

①URL・・・・リンクさせたいサイトのアドレス ②タイトル・・・リンクさせたいサイトのタイトル ③リンクを∼・・・チェックを入れない場合は同一ページに表示されます ④または既存の∼・・・本Web サイト内のページをリンクさせたい場合に利用します 8.4.画像を挿入する画像を掲載したい場合の手順を説明します 3) リンクしたいサイトの情報を入力し「リンク追加」をクリックします 1) 掲載したい画像をPCに用意します 2) 固定ページ編集画面の「アップロード/挿入」ボタンをクリックします ② ① ③ ④

(18)

※すでにアップロード済みの画像は「メディアライブラリ」に保存されています 3) 「ファイルを選択」をクリックします

(19)

① リンクURL ・・・画像をクリックした時に別のページに移動させたい場合にそのページのアドレスを指定します。通常は空欄で問題ありません。 ② 配置・・・・・・・画像をページのどの位置に配置するかを指定します ③ サイズ・・・・・・画像のサイズを指定します 5) 画像がアップロードされたら各設定を実施し、「投稿に挿入」をクリックします 6) 画像が挿入されたことを確認します ① ② ③

(20)

8.5.変更したページの見栄えを確認し更新する

以上で、固定ページの編集は完了です

1) 固定ページ編集画面の右上にある「変更をプレビュー」をクリックします

2) ブラウザーが起動して実際の画面が表示されるので見栄えを確認します 3) 固定ページ編集画面に戻り「更新」をクリックします

(21)

9.ブログを投稿する

ここでは、ブログを投稿する手順を記載します 9.1.新規に記事を作成する

1) 管理画面メニューの記事から「投稿」をクリックします

(22)

【留意事項】 ※リンクの設置は「8.3.リンクを設置する」を参照してください ※画像の挿入は「8.4.画像を挿入する」を参照してください ※改行が2 種類あります「Enter」・・・・・・・・・大きな改行「Shift」＋「Eenter」・・・・通常の改行 3) 記事のタイトルと本文を入力しますタイトル本文

(23)

9.2.カテゴリーを選択するカテゴリーとは、ブログの記事のグループ分けです。これを実施することでブログを見た人が記事を探しやすくなります初期状態では４つのカテゴリーを作成しています・お知らせ・・・Web サイトを通じてお知らせしたいこと・セミナー情報・・・セミナーに関する情報・セミナーレポート・・・過去のセミナーの様子・ブログ・・・日記 1) 左側のカテゴリーメニューから該当のカテゴリーにチェックを入れます

(24)

9.4.作成した記事の見栄えを確認し投稿する

以上で、新規記事投稿は完了です

1) 右上の公開メニューの「プレビュー」をクリックします

2) ブラウザー起動して記事が表示されますので問題ないか確認します 3) 問題なければ記事投稿画面に戻り「公開」をクリックします

(25)

9.3.カテゴリーを新しく作成するお好みで新しく追加することができます

1) 「投稿」をクリックします

(26)

① 名前・・・カテゴリーの名前を入れてください ② スラッグ・・・名前を英訳、もしくはローマ字にしたものを半角小文字で入力してください ③ 親・・・カテゴリーは親子関係にすることができます。通常は不要ですこれでブログの投稿画面のカテゴリー欄にも表示されるようになります。 3) 各項目を入力して「新規カテゴリーを追加」をクリックします 4) 新しくカテゴリーが作成されたことを確認します ① ② ③

(27)

9.5.掲載済みの記事を編集、削除する編集・・・通常の編集画面が表示されますクイック編集・・・タイトルやカテゴリー等、本文以外を編集しますゴミ箱・・・記事を削除します表示・・・記事をブラウザーで表示します 1) 管理メニューから「投稿」をクリックします 2) 編集、削除したい記事のタイトルにマウスカーソルをあてるとメニューが表示されるので、作業したいメニューをクリックします

(28)

10.コメントについて

ここでは、コメントの取り扱いについて記載しますブログの投稿記事にはコメント欄があり、外部の閲覧者がコメントを記載することができます。無いこと望みますが誹謗中傷や記事とは関係ないスパムと呼ばれるコメントを防ぐために２つの仕組みを利用しています。 10.1.スパムコメントフィルター自動で該当にコメントを防ぐアプリケーションを利用しています。状況は管理画面のダッシュボードに「スパム」を表示されいます。クリックすると内容を確認することができます。 10.2.承認制閲覧者がコメントを投稿しても、管理者が承認しなければWeb サイトに反映はされません。コメントが投稿されたらWeb サイトより管理者へ通知メールが送信されます。そこで内容を確認し問題なければ承認してもらいことで、初めてWeb サイトへ表示されるようになります。「DISQUS」というシステムを利用しています。【コメント承認フロー】１．閲覧者がコメント投稿２．管理者へ確認メール送信３．管理者が承認・拒否 1) 閲覧者がコメント投稿した直後のWebサイト画面は以下のようになります

(29)

10.3.コメントを承認・拒否する

2) 下記のような通知メールが管理者の登録されたアドレスへ送信されます。

1) 管理画面にログインします ※手順は「5.管理画面へのアクセス」参照 2) メニューから「コメント」をクリックします

(30)

3) 「DISQUS」のログイン画面が表示されるのでID/PWを入力し「Sign in」をクリックします

4) 「Pending」をクリックします

(31)

万が一、内容に問題があり掲載させたくない場合は「Delete」をクリックします

※コメント投稿者が「Facebook」などの身元が分かるアカウントでコメントした場合、承認フローは適用されません。

(32)

10.4.投稿されたコメントに対して返信する

※管理画面ではなくホームページの投稿記事を開きます

1) ブログの記事を開き投稿されたコメントの下にある「返信」をクリックします

(33)

3) 下記のような画面が表示されるので「Disqus」をクリックします

4) ID/PWを入力して「Login」をクリックします