Copyright (c) Weblab Corporation. All rights reserved. 1
1. ホームページの 構 成 と 原 稿 の 準 備 04 ( ホームページの 原 稿 準 備 のポイント ) 05 2. 基 本 設 定 06 1. 52 1-1. 1-2. 3. デザインの 選 択 09 4. オリジナルデザインの 作 成 11 5. ページの 書 き 出 し(サイトの 再 構 築 ) 12 1. 作 成 したページの 公 開 54 1-1. テストサーバ(STAGING SERVER)と 本 番 サーバ(LIVE SERVER) 1-2. 本 番 サーバ(LIVE SERVER)への 転 送 1. メニュー/ページ 編 集 画 面 について 15 ( ソート 番 号 とは ) 16 2. 新 規 ページの 作 成 2-1. 新 規 ページ 作 成 画 面 について 17 2-2. 新 規 ページの 作 成 18 2-3. 入 力 補 助 機 能 21 2-3-1. 画 像 ファイルのアップロード 22 2-3-2. 画 像 ファイルの 管 理 25 2-3-3. 太 字 /イタリック/ 文 字 拡 大 / 文 字 縮 小 26 2-3-4. リンク 27 2-3-5. 文 字 色 の 変 更 28 2-3-6. 背 景 色 の 変 更 29 2-3-7. リスト 30 2-3-8. 水 平 線 2-3-9. 引 用 31 2-3-10. 左 揃 え/ 中 央 揃 え/ 右 揃 え/ 均 等 割 付 32 2-3-11. 表 組 み(テーブル) 33 2-3-12. テンプレートの 挿 入 38 2-3-13. 特 殊 文 字 39 1. 本 番 サーバファイル 管 理 57 1. メルマガ 配 信 リスト 作 成 59 2. メルマガ 配 信 61 1.マルチアカウント 設 定 66 2-4. HTMLモードについて 40 2-5. ブロック 表 示 / 非 表 示 設 定 41 3.HOME(トップページ)の 作 成 42 4.お 知 らせページの 作 成 44 5.お 問 い 合 わせページの 作 成 (メールフォームの 設 置 ) 46 Copyright (c) Weblab Corporation. All rights reserved. 2
Copyright (c) Weblab Corporation. All rights reserved. 3
まずは サイト 職 人 を 触 る 前 に どのようなホームページを 作 るのか 全 体 の 構 成 と 各 ページの 原 稿 を 事 前 に 準 備 しておきましょう ホームページの 構 成 案 のことをよく ツリー 図 と 言 います トップページを 頂 点 として カテゴリ 詳 細 ページと 末 広 がり な 形 になるからです 手 書 きでも 良 いので まずはホームページの 全 体 像 を 考 え てみましょう ポイントはカテゴリの 作 り 方 です 今 後 ページを 増 やす 予 定 がある 場 合 は ページを 増 やしやすいようにカテゴリを 決 めましょう 次 に 各 ページの 原 稿 を 準 備 します 原 稿 は メモ 帳 など 使 い 慣 れたソフトを 使 って 準 備 します 必 ずデジタルのテキストデータで 準 備 してください 後 でサイト 職 人 でページを 作 成 する 際 に 簡 単 にコピーできるからです WordやPower pointなど 文 字 フォントの 形 式 ( MS Pゴシック Arial など)を 指 定 できるエディタの 場 合 新 たに 搭 載 されたWYSIWYG 機 能 (P.20)により そのソフトで 指 定 している 文 字 フォントの 情 報 がそのままサイト 職 人 で 作 成 したページにも 反 映 されてしまいますので メモ 帳 など シンプルなテキストエディタでの 準 備 を 推 奨 いたします Copyright (c) Weblab Corporation. All rights reserved. 4
ホームページの 原 稿 を 準 備 するにあたって 最 大 のポイントがあります それは ということです タイトル 見 出 し 文 章 の 構 造 を 意 識 した 文 章 とは 右 記 のよ うな 文 章 のことを 言 います なぜ このような 文 章 構 造 が 良 いのか 理 由 は 次 の2つです 雑 誌 をはじめ ビジネス 書 や 小 説 に 至 るまで 章 節 段 落 など で 文 章 は 構 造 化 されています 見 出 しなどがなくだらだらと 本 文 が 続 く 文 章 は 非 常 に 読 みづらく 読 み 手 はスムーズに 理 解 でき なくなります 特 に 印 刷 よりも 読 み 手 にストレスを 強 いるインター ネットでは 小 まめに 見 出 しを 入 れた 方 がより 読 みやすくなります 書 き 手 の 自 己 満 足 で 終 わってしまう 文 章 にならないためにも きちんとタイトルや 見 出 しを 入 れましょう ホームページを 立 ち 上 げたからには できるだけ 検 索 エンジンで ヒットして 欲 しいものです 検 索 エンジンは 入 力 されたキーワードを 含 むホームページを 検 索 結 果 として 表 示 します 換 言 すると キーワードが 含 まれていないホームページは 表 示 されないということです で すから キーワードを 上 手 に 文 章 の 中 に 入 れていく 必 要 があります その 際 に 1つコツがあります それは 検 索 エンジンが 本 文 よりも 見 出 しを 見 出 しよりもタイトルを 重 要 視 すると いうことです 例 えば 税 理 士 というキーワードが 本 分 にしか 無 いページよりも 見 出 しやタイトルにも 税 理 士 と いうキーワードが 入 っているページの 方 が 税 理 士 というキーワードにとってより 重 要 なページに 違 いないと 判 断 して 検 索 結 果 に 上 位 に 表 示 される 可 能 性 が 高 いということです Copyright (c) Weblab Corporation. All rights reserved. 5
それでは 実 際 にサイト 職 人 を 使 ってホームページを 制 作 していきます 各 ページの 制 作 をする 前 に まずはホームページの 基 本 的 な 設 定 を 行 います 当 社 よりお 渡 ししたお 客 様 サイト 職 人 管 理 情 報 をご 用 意 く ださい 管 理 画 面 URLにアクセスすると 右 の 画 面 が 表 示 されます ので Staging Server URLとユーザーID パスワードを 入 力 し ログイン ボタンをクリックしてください ログイン ボタンをクリックし 右 のような 管 理 者 トップ 画 面 が 表 示 されれば ログイン 成 功 です Copyright (c) Weblab Corporation. All rights reserved. 6
管 理 者 画 面 上 部 にあるメニューから 基 本 設 定 ボタ ンをクリックしてください 基 本 設 定 画 面 が 表 示 されま す ここでは ホームページ 全 体 に 関 する 基 本 的 な 事 項 を 設 定 します ホームページ 左 上 に 常 時 表 示 されるホームページ 全 体 のタイトルを 入 力 します 2で 画 像 を 指 定 する 場 合 も 入 力 が 必 要 です ( 入 力 例 ) 株 式 会 社 ABC 製 作 所 参 照 ボタンをクリックすると ダイアログボックスが 開 き あらかじめ 準 備 しておいた 画 像 をタイトル 部 分 に 表 示 させることができます ホームページのタイトル 部 分 に 会 社 のロゴマークなどを 入 れたい 場 合 に ここ で 画 像 を 指 定 します このホームページがどのようなホームページなのか 簡 潔 に 表 現 します 検 索 キーワードを 上 手 く 入 れ 込 む ことができれば 尚 良 いです ホームページの 最 下 部 に 表 示 されるコピーライト 表 記 を 入 力 します ( 入 力 例 ) ABC corporation と 入 力 すると ホーム ページには Copyright ABC corporation. All rights reserved. と 表 示 されます 入 力 が 終 了 したら この 内 容 で 保 存 する ボタンをク リックしてください この 時 点 では まだサイトの 確 認 はできません Google Analytics 等 の アクセスログ 解 析 ツールの 設 置 に 必 要 な 埋 め 込 みコード 入 力 欄 です サイト 職 人 で 作 成 したすべてのページの</body>タグ の 直 前 に 反 映 されます <head>~</head> 内 に 記 述 が 必 要 な 埋 め 込 み コード 等 には 対 応 しておりません Copyright (c) Weblab Corporation. All rights reserved. 7
ブラウザのタイトルバーに 表 示 されるページタイトルを 設 定 します ここで 入 力 した 情 報 は 新 規 のページ 作 成 時 にサイト 共 通 のページタイトルとして 反 映 されます ( 入 力 例 ) 株 式 会 社 ABC 製 作 所 ホームページの 内 容 に 関 連 するキーワードを 入 力 します ここで 入 力 した 情 報 は 新 規 のページ 作 成 時 にサイト 共 通 のキーワードとして 反 映 されます ( 入 力 例 )ABC 製 作 所, ソフトウェア,サイト 職 人,HP 制 作 ホームページの 説 明 を 設 定 します ここで 入 力 した 情 報 は 新 規 のページ 作 成 時 にサイト 共 通 のページの 説 明 として 反 映 されます ( 入 力 例 )ホームページをブログのように 簡 単 に 作 成 更 新 できるWEBコンテンツ 管 理 システム サイト 職 人 Copyright (c) Weblab Corporation. All rights reserved. 8
画 面 上 部 のメニューから デザイン 設 定 ボタンをク リックしてください デザイン 設 定 画 面 が 表 示 されます PCサイトのデザイン 設 定 の テンプレートからデザ インを 指 定 する ボタンをクリックしてください デザイ ンテンプレートの 設 定 画 面 が 表 示 されます 基 本 装 備 のデザインテンプレートには レイアウトが 違 う 左 ナビ/2カラム/3カラムの3 種 類 と それぞれに 青 / 赤 / 白 の3 種 類 のカラーがある 基 本 テンプレートの 他 に 業 種 別 のテンプレートがあります デザインテンプレート 名 または 画 像 をクリックすると ど のようなデザインかを 確 認 することができます 設 定 したいデザインが 決 まったら 選 択 したデザインに チェックを 入 れます 次 に デザインテンプレートの 反 映 方 法 を 指 定 します 下 記 テンプレートの 反 映 方 法 のいずれかを 選 択 して ください デザインのみ 反 映 する 編 集 済 みのサイトの 構 成 データを 保 持 したまま デザ インテンプレートのみを 反 映 します デザインとサイト 構 成 データを 反 映 デザインテンプレート 及 びサイトの 構 成 データを 反 映 し ます ( 基 本 設 定 メニュー/ページ 編 集 等 のサイト 構 成 データが 初 期 化 されます ) 最 後 に 上 書 き 許 可 にチェックを 入 れ この 内 容 で 保 存 する ボタンをクリックしてください 当 マニュアルの 入 力 例 では 以 後 2カラムのデ ザインを 選 択 したことを 前 提 に 解 説 していきます Copyright (c) Weblab Corporation. All rights reserved. 9
サイト 職 人 が 管 理 できるデザイ ンレイアウトにつ いては 大 きく 右 の3つのタイプが あります メニューが 左 に 入 り メイン エリアは1 列 で 構 成 されます メインメニューが 上 に 入 り TOP ページはメインエリアが2 列 で 構 成 されます 下 階 層 ページでは 左 にサブメニュー メインエリアは 右 に 入 ります メニューが 上 に 入 り TOPペー ジはメインエリアは3 列 で 構 成 されます 下 階 層 ページでは 左 にサブメニュー メインエリア は 右 に 入 ります Copyright (c) Weblab Corporation. All rights reserved. 10
オリジナルデザイン 設 計 をお 申 込 みのお 客 様 は このメニューの 修 正 は 行 わないでください デザインレイアウトが 崩 れる 可 能 性 があります HTMLとCSSの 編 集 ができる 方 は 以 下 の 方 法 でオリジナルのデザインを 作 成 することもできます まずは 一 度 基 本 装 備 のテンプレートである 程 度 入 力 をしてから 編 集 することをオススメします 1 PCサイトのデザイン 設 定 の オリジナルのデザ インを 設 定 する ボタンをクリックしてください 2HTMLとCSSの 各 テンプレートの 設 定 画 面 が 表 示 されます プルダウンで 編 集 するテンプレートを 選 択 してください スタイルシート サイト 構 成 スタイルシート ページ 編 集 画 面 表 示 用 スタイルシート スタイルシートは 任 意 の 名 前 を 設 定 し 複 数 作 成 する ことができます 基 本 HTML トップページHTML トップページお 知 らせHTML お 知 らせ 一 覧 HTML サイトマップHTML 下 層 ページHTML 下 層 ページは 作 成 したテンプレートに 任 意 の 名 前 を 設 定 し ページ 作 成 時 (P.15~)に ページごと にテンプレートを 選 択 することができます 部 分 テンプレートHTML 部 分 テンプレートHTMLで 作 成 したテンプレートは ページ 作 成 時 (P.15~)にブロック 内 に 反 映 することが できます Copyright (c) Weblab Corporation. All rights reserved. 11
デザインの 変 更 や 新 たにページを 追 加 した 場 合 サイトの 再 構 築 を 行 なうまでホームページには 入 力 内 容 が 反 映 されません 再 構 築 が 必 要 な 場 合 は 再 構 築 を 行 ってください というメッセージが 指 示 されますので その 際 は 再 構 築 を 必 ず 行 ってください 1 画 面 上 部 のメニューから サイトの 再 構 築 ボタンを クリックしてください サイトの 再 構 築 画 面 がポップ アップ 表 示 されます 2 サイトを 再 構 築 する ボタンをクリックます 3 再 構 築 の 完 了 のメッセージが 表 示 されたら 画 面 上 部 のメニューから サイトの 確 認 ボタンをクリックし ホームページを 確 認 してみましょう Copyright (c) Weblab Corporation. All rights reserved. 12
html 左 図 をご 覧 ください サイト 職 人 は 入 力 データとデザインテンプレートファイルを 別 々に 管 理 しています そして 再 構 築 の 指 示 があると デザ インテンプレートと 入 力 データをもとに ホームページの 書 き 出 しを 行 います この 仕 組 みはブログと 同 じです 入 力 内 容 によっては 再 構 築 が 必 要 な 場 合 と そうでない 場 合 がります 例 えば 新 規 にページが 増 えて メニューも 増 えた 場 合 や デザインを 変 更 したりした 場 合 は その 反 映 を 複 数 のページに いっぺんに 反 映 しなければならないので 再 構 築 が 必 要 です しかし とある1ページだけ 文 字 などを 修 正 した 場 合 は その ページを 保 存 するだけで 修 正 内 容 は 反 映 され 再 構 築 は 必 要 ありません 再 構 築 には 時 間 がかかる 場 合 もあるので 上 手 に 使 い 分 けてください サイト 職 人 は プログラムの 性 質 上 1 人 のユーザーの 利 用 を 想 定 して 作 られており 複 数 人 で 同 時 に 編 集 作 業 をする ことを 推 奨 しておりません 例 えば 下 記 のようなことが 起 こる 可 能 性 があるからです 担 当 者 Aさんが 会 社 案 内 ページを 編 集 担 当 者 Bさんも 会 社 案 内 ページを 編 集 し 始 めた Aさんは 作 業 が 終 わったので 編 集 内 容 を 保 存 し 公 開 した Bさんも 作 業 が 終 わったので 編 集 内 容 を 保 存 し 公 開 した しかし BさんはAさんの 作 業 終 了 前 のデータに 対 して 更 新 作 業 を 行 ったので Aさんが 編 集 した 内 容 は 失 われてしまった 複 数 人 で 動 作 を 行 った 場 合 例 えば 再 構 築 を 実 行 している 間 に 他 のユーザーが 保 存 ボタンをクリックした 場 合 再 構 築 が 終 了 するまで 他 のユーザーの 保 存 動 作 は 保 留 されます そのため 複 数 人 で 動 作 を 行 った 場 合 実 行 中 の 動 作 が 終 了 するまで 保 留 となるため ブラウザやサーバ 等 のタイム アウト 処 理 で 中 断 する 場 合 があることをご 了 承 ください また 実 作 業 者 の 上 司 や 監 督 者 である 人 が 作 業 内 容 を 確 認 したり サポートのために 弊 社 担 当 者 が 同 時 にアクセス する 可 能 性 がありますため 複 数 人 でアクセスすること 自 体 は 可 能 になっております Copyright (c) Weblab Corporation. All rights reserved. 13
Copyright (c) Weblab Corporation. All rights reserved. 14
メニュー/ページ 編 集 画 面 は 最 も 使 用 頻 度 の 高 い 画 面 です ページの 追 加 修 正 削 除 は 全 てこの 画 面 を 基 点 に 行 います 画 面 上 部 のメニューから メニュー/ページ 編 集 ボタ ンをクリックしてください メニュー/ページ 編 集 画 面 が 表 示 されます 入 力 作 業 を 終 えた 画 面 ページ 構 成 がサイトマップ 状 に 表 示 され 目 的 のページの 編 集 画 面 に すぐに 移 動 できます ページを 作 成 するにあた り このソート 番 号 が 重 要 です 次 項 以 降 で 詳 しく 説 明 します Copyright (c) Weblab Corporation. All rights reserved. 15
ソート 番 号 とはメニューの 並 び 順 を 決 める 番 号 のことです 例 えば 3つの 特 長, 機 能 一 覧, デザイン という3つのメニューがあったとします それぞれ 010 020 030という 番 号 を 割 り 振 ると 下 記 のように 並 びます ここで 3つの 特 長 と 機 能 一 覧 というメニューの 間 に テストメニュー というメニューを 追 加 します そのソート 番 号 を015とすると 下 記 のようになります この 場 合 ソート 番 号 は メニュー 3つの 特 長 の 010 からメニュー 機 能 一 覧 の 020 の 間 であれば どの 番 号 でも 同 じ 結 果 が 得 られます 単 純 に 番 号 の 若 いもの 順 に 並 びますので 上 記 の 例 のように 番 号 は3 桁 でなくても 構 いませんが 1,2,3,といっ た 具 合 にあまり 連 番 で 入 力 すると 後 から1と2の 間 にメニューを 追 加 することができなくなります ですから 010 020 030といった 具 合 に 今 後 のページ 追 加 も 考 慮 して 番 号 を 振 っていってください ( ソート 番 号 は 後 から 修 正 変 更 することも 可 能 です ) Copyright (c) Weblab Corporation. All rights reserved. 16
メニュー/ページ 編 集 画 面 から 新 規 のページ[ノー マル]を 追 加 する ボタンをクリックすると 個 別 のメ ニュー/ページ 作 成 編 集 画 面 が 表 示 されます 個 別 のメニュー/ページ 作 成 編 集 画 面 は 主 に 次 の 3つの 構 成 になっています 新 規 に 追 加 するページのメニューをどのように 表 示 さ せるのかの 設 定 を 行 います ページは 作 るけれども メニューには 表 示 したくないという 場 合 は メニュー 表 示 という 項 目 の 非 表 示 にする チェックボックスに チェックを 入 れます チェックを 入 れると サイトマップにも 表 示 されなくなり ます 新 規 に 追 加 するページのタイトルや 検 索 エンジン 用 の metaタグの 設 定 Google ウェブマスターツール( 旧 Google サイトマップ)の 更 新 頻 度 の 設 定 など ページ の 基 本 的 な 設 定 を 行 います 入 力 内 容 がどのように 反 映 されるかは 次 ページをご 参 照 ください ブロックとは 見 出 し 画 像 本 文 を 一 つの 塊 として 考 えたもので このブロックをいくつも 組 み 上 げてホー ムページを 作 っていきます ブロックは 任 意 の 箇 所 に 無 制 限 に 増 やすことができます Copyright (c) Weblab Corporation. All rights reserved. 17
メニューに 表 示 させたい 名 前 を 入 力 します ( 入 力 例 ) 製 品 サービス 作 成 するページの 所 属 カテゴリとカテゴリ 内 の 表 示 順 位 を 指 定 します ページは 作 るけれども メニューには 表 示 しない 場 合 非 表 示 にする の 選 択 項 目 にチェックを 入 れます チェックを 入 れると サイトマップにも 表 示 されなく なります 自 由 に 名 前 をつけられますが あなたが 管 理 の しやすい 名 前 にしましょう ディレクトリ 内 に 格 納 したい 場 合 は ディレクトリ 名 / ファイル 名 と 記 述 します ( 入 力 例 ) itemlist.html item/item01.html 2の ディレクトリ/ファイル 名 に 反 映 ボタン をクリックすると その 階 層 のディレクトリ/ファイ ル 名 が 自 動 反 映 されます 789の 入 力 内 容 は 次 のようにHTMLに 反 映 されます ブラウザのタイトルバーに 表 示 されます 例 えば 第 2 階 層 第 1 階 層 サイト 名 とルールを 決 め 統 一 した 方 が 管 理 しやすいです ( 入 力 例 ) 製 品 サービス ABC 製 作 所 このページの 内 容 に 関 連 するキーワードを 入 力 します html 内 のmetaタグに 反 映 されます ( 入 力 例 )ABC 製 作 所, ソフトウェア,サイト 職 人,HP 制 作 このページの 説 明 を 入 力 します html 内 のmetaタグに 反 映 されます ( 入 力 例 )ホームページをブログのように 簡 単 に 作 成 更 新 できるWEBコンテンツ 管 理 システム サイト 職 人 <?xml version="1.0" encoding="shift_jis"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja"> <head> <base href="http://1demo.site-shokunin.com/" /> <title>abc</title> <meta name="generator" content="site-shokunin 5.0" /> <meta http-equiv="content-type" content="text/html; charset=shift_jis" /> <meta http-equiv="content-style-type" content="text/css" /> <meta name="keywords" lang="ja" content="abc,,,hp" /> <meta name="description" lang="ja" content=" WEB " /> <link rel="stylesheet" type="text/css" media="screen" href="design/css/screen.css"/> <link rel="stylesheet" type="text/css" media="print" href="design/css/print.css" /> </head> <body> Copyright (c) Weblab Corporation. All rights reserved. 18
class スタイルシートを 編 集 してメニューを 画 像 にす る 際 などに 設 定 します 基 本 的 には 空 白 のままで 問 題 ありません デザイン 設 定 - オリジナルのデザインを 設 定 す る - 下 層 ページHTML から 下 層 ページのオリ ジナルテンプレートを 制 作 した 場 合 ページにどの テンプレートを 用 いるか 選 択 することができます Google ウェブマスターツール 用 の 設 定 項 目 です ク ローラー を 呼 び 込 みたいタイミング(ページの 更 新 頻 度 )を 指 定 してください Googleの 巡 回 ロボット ネット 上 の 文 書 や 画 像 な どを 周 期 的 に 取 得 し 自 動 的 にデータベース 化 する プログラム ブロックの 見 出 しを 入 力 します 本 文 を 入 力 します Copyright (c) Weblab Corporation. All rights reserved. 19
ブロックは 常 に 見 出 し 画 像 本 文 のセットである 必 要 はありません 例 えば 見 出 し が 無 い 形 も 可 能 ですし もちろん 画 像 が 無 い 場 合 もあります 文 章 の 一 段 落 を1ブロックと 考 えると 分 かりやすいかもしれません Copyright (c) Weblab Corporation. All rights reserved. 20
サイト 職 人 には 手 軽 に 画 像 をアップロードしたり テキストに 色 を 付 けたり 強 調 したり 等 ができる 入 力 補 助 機 能 があります また 新 たに 搭 載 されたWYSIWYG 機 能 により 装 飾 した 内 容 を 実 際 のページで 表 示 される 通 りに 確 認 することができます WYSIWYG HTML Copyright (c) Weblab Corporation. All rights reserved. 21
画 像 のアップロード ボタンをクリックしてください ポップアップウィンドウで 以 下 のような ファイルアップロード 画 面 が 表 示 されます 参 照 ボタン をクリックし アップロードする 画 像 を 指 定 します 画 像 を 格 納 する 際 のファイル 名 を 入 力 します ディレクトリ 内 に 格 納 したい 場 合 は ディレクトリ 名 /ファイル 名 と 記 述 します 空 白 の 場 合 は 指 定 ファイルの 名 前 がそのまま 付 きます 半 角 英 数 字 以 外 のファイル 名 は 文 字 化 けしま すので 避 けてください alt 画 像 の 説 明 (alt 属 性 )を 指 定 します alt 属 性 とはアクセシビリティ 確 保 のための 画 像 の 代 替 テキストで 画 像 を 閲 覧 することの 出 来 ない 環 境 にある 方 でも テキスト や 音 声 ベースで 情 報 を 得 ることが 出 来 るようになります 画 像 のキャプションを 入 力 します 入 力 すると 画 像 の 下 に 小 さな 文 字 で 説 明 文 が 入 ります 画 像 を 配 置 する 位 置 を 設 定 します 配 置 したい 箇 所 のチェックボックスにチェックを 付 けてください 画 像 をアップロードするだけの 場 合 は チェックを 入 れなくても 構 いません 右 上 に 配 置 を 設 定 した 場 合 Copyright (c) Weblab Corporation. All rights reserved. 22
画 像 をクリックして 原 寸 大 の 写 真 を 見 る 形 にしたい 場 合 は 入 力 欄 にページに 掲 載 するサムネイル 画 像 の 横 幅 を 入 力 し てください アップロードした 画 像 の 反 映 方 法 を 指 定 します ページに 反 映 本 文 にアップロードした 画 像 が 反 映 されます アップロードのみ 本 文 には 反 映 せず 画 像 のアップロードのみを 行 い ファイル 管 理 画 面 に 格 納 されます アップロードのみ を 選 択 した 場 合 4~6の 内 容 は 失 われます アップロード ボタンをクリックし 本 文 入 力 欄 に 画 像 が 表 示 または 画 像 ファイル 管 理 画 面 に 表 示 されれば 画 像 のアッ プロードは 完 了 です PDFやWORD 文 書 等 画 像 以 外 の 各 種 ファイルをアップロードする 場 合 には その 他 各 種 ファイルのアップロード から 操 作 を 行 ってください アップロード 方 法 は 基 本 的 に 画 像 と 変 わりありません ファイルアップロードには 画 像 の 説 明 (alt 属 性 )の 指 定 キャプションの 指 定 画 像 と 文 字 のレイアウト 指 定 縮 小 サムネイル 表 示 の 指 定 がなく 代 わりに ファイルの 説 明 (リンクテキスト)の 指 定 入 力 欄 があります Copyright (c) Weblab Corporation. All rights reserved. 23
画 像 のアップロード ボタンをクリックし ポップアップウィンドウで 画 像 の 一 括 アップロード を 選 択 します ファイルの 選 択 をクリックし アップロードする 画 像 を 指 定 します 指 定 した 画 像 ファイルが 並 べられますので アッ プロード をクリックします ファイル 管 理 メニューを 確 認 し 画 像 がアップ ロードされていれば 作 業 は 完 了 です Copyright (c) Weblab Corporation. All rights reserved. 24
アップロード 画 面 から ファイル 管 理 のタブをクリックすると ファイル 管 理 画 面 が 表 示 されます ファイルの 管 理 画 面 からアップロードした 画 像 の 一 覧 の 確 認 や 削 除 ページへの 反 映 を 行 うことができます 画 像 一 覧 から 削 除 したい 画 像 にチェックを 入 れて 削 除 ボタンを クリックしてください 画 像 一 覧 から 反 映 させたい 画 像 の 右 下 にある 本 文 に 反 映 ボタンを クリックしてください 画 像 一 覧 でファイル 名 または 画 像 のサムネイルをクリックすると 画 像 がオリジナルサイズでポップアップ 表 示 されます ポップアップ 画 面 から 本 文 に 反 映 ボタンをクリックしても ページの 反 映 が 可 能 です Copyright (c) Weblab Corporation. All rights reserved. 25
太 字 ( 強 調 )にしたい 文 字 を 選 択 した 状 態 で 上 のメニューの B( 太 字 ) ボタンをクリックします <strong>タグが 挿 入 され 太 字 に 設 定 されました 同 様 の 操 作 で イタリック 文 字 文 字 スタイル 変 更 拡 大 文 字 縮 小 文 字 もカンタンに 設 定 が 可 能 です イタリック 文 字 スタイル 変 更 ( 明 朝 体 ) 文 字 拡 大 文 字 縮 小 Copyright (c) Weblab Corporation. All rights reserved. 26
リンクを 張 りたいテキストもしくは 画 像 の 該 当 箇 所 を 選 択 した 状 態 で 上 のメニューの リンク ボタンをクリックします ポップアップウィンドウが 表 示 されたら 外 部 リンク 先 のURL もしくはサイト 内 のリンク 先 を 選 択 し 決 定 ボタンをクリックし ます <a>タグが 挿 入 され リンクが 設 定 されます 同 様 の 操 作 で リンク 解 除 ボタンをクリックすれば 設 定 したリンクを 解 除 することができます Copyright (c) Weblab Corporation. All rights reserved. 27
色 を 変 更 したい 文 字 を 選 択 した 状 態 で 上 のメニューの 文 字 色 ボタンをクリックします ご 希 望 の 色 を 選 択 してください その 他 の 色 をクリックするとポップアップウインドウが 開 き より 詳 細 な 色 指 定 を 行 うことができます 色 指 定 のタグが 挿 入 され 文 字 色 が 設 定 されました Copyright (c) Weblab Corporation. All rights reserved. 28
背 景 色 を 変 更 したい 文 字 を 選 択 した 状 態 で 上 のメニューの 文 字 色 ボタンをクリックします ご 希 望 の 色 を 選 択 してください その 他 の 色 をクリックするとポップアップウインドウが 開 き より 詳 細 な 色 指 定 を 行 うことができます 色 指 定 のタグが 挿 入 され 背 景 色 が 設 定 されました Copyright (c) Weblab Corporation. All rights reserved. 29
リスト( 箇 条 書 き)を 選 択 した 状 態 で 上 のメニューの 番 号 なしリスト または 番 号 つきリスト ボタンをクリックします <ul><li>~</li></ul>または<ol><li>~</li></ol>タグが 挿 入 され リストが 設 定 されました 番 号 なしリスト 番 号 つきリスト 水 平 線 を 挿 入 したい 箇 所 にカーソルを 合 わせ 水 平 線 ボタンをクリックします <hr />タグが 挿 入 され 水 平 線 が 設 定 されました Copyright (c) Weblab Corporation. All rights reserved. 30
引 用 表 現 にしたい 文 字 を 選 択 した 状 態 で 上 のメニューの 引 用 ボタンをクリックします <blockquote>タグが 挿 入 され 引 用 表 現 に 設 定 されました Copyright (c) Weblab Corporation. All rights reserved. 31
配 置 を 修 正 したい 文 章 や 画 像 を 選 択 した 状 態 で 上 のメニューの 左 揃 え 中 央 揃 え 右 揃 え 均 等 割 付 ボタンをク リックします ここでは 中 央 揃 え ボタンをクリックします <p style="text-align: center;">タグが 挿 入 され 中 央 揃 えに 設 定 されました 同 様 の 操 作 で 左 揃 え 右 揃 え 均 等 割 付 もカンタンに 設 定 が 可 能 です 均 等 割 付 文 章 の 両 端 を 揃 える 機 能 Copyright (c) Weblab Corporation. All rights reserved. 32
ここでは 使 用 頻 度 の 高 い 罫 線 付 き 表 組 み と 罫 線 なし 表 組 み の 作 成 方 法 について 説 明 します 表 を 挿 入 ボタンをクリックしてください ポップアップウィンドウで 右 のような 表 組 みの 設 定 画 面 が 表 示 されます Copyright (c) Weblab Corporation. All rights reserved. 33
表 組 みの 設 定 画 面 で 任 意 の 列 行 数 を 指 定 クラスを 縁 あり として 挿 入 ボタンをクリックしてください 以 下 のような 表 組 みの 枠 が 表 示 されますので 必 要 な 情 報 を 入 力 してください 右 の 図 のような 罫 線 付 きの 表 組 み が 完 成 します Copyright (c) Weblab Corporation. All rights reserved. 34
表 組 みの 設 定 画 面 で 任 意 の 列 行 数 を 指 定 クラスを 縁 なし として 挿 入 ボタンをクリックしてください 以 下 のような 表 組 みの 枠 が 表 示 されますので 必 要 な 情 報 を 入 力 してください このように 画 像 を 挿 入 することも 可 能 です 右 の 図 のような 罫 線 なしの 表 組 み が 完 成 します Copyright (c) Weblab Corporation. All rights reserved. 35
表 組 みについては 以 下 のような 作 成 補 助 機 能 も 用 意 されています 基 本 設 定 選 択 した 表 組 みの 基 本 設 定 を 変 更 します 行 のプロパティ 選 択 した 行 のプロパティを 変 更 します セルのプロパティ 選 択 したセルのプロパティを 変 更 します 行 を 上 に 挿 入 選 択 した 行 の 上 に 行 を 挿 入 します 行 を 下 に 挿 入 選 択 した 行 の 下 に 行 を 挿 入 します 行 の 削 除 選 択 した 行 を 削 除 します 列 を 左 に 挿 入 選 択 した 列 の 左 に 列 を 挿 入 します 列 を 右 に 挿 入 選 択 した 列 の 右 に 列 を 挿 入 します 列 の 削 除 選 択 した 列 を 削 除 します セルの 結 合 数 値 を 入 力 して セルを 結 合 させます セルの 結 合 を 解 除 セルの 結 合 を 解 除 します Copyright (c) Weblab Corporation. All rights reserved. 36
<th> 列 / 行 のタイトルにしたい 箇 所 にカーソルを 合 わせ セルのプロパティ ボタンをクリックしてください 右 の 図 のような 設 定 画 面 が 表 示 されます セル 種 別 を ヘッダ に 変 更 して 更 新 ボタンをクリック してください 選 択 したセルの<td>タグが<th>タグになり 背 景 色 文 字 のスタイルが 変 更 されます 同 様 の 操 作 を 繰 り 返 せば 表 組 みが 完 成 します Copyright (c) Weblab Corporation. All rights reserved. 37
ECサイトでの カートに 入 れる ボタン 等 使 用 頻 度 の 高 いテンプレートを 挿 入 します テンプレートの 挿 入 ボタンをクリックすると ポップアップウィンドウで 右 のような テンプレートの 挿 入 画 面 が 表 示 されます 使 用 したいテンプレートを 選 択 して 挿 入 ボタンをクリックしてくださ い カートに 入 れる 選 択 したテンプレートが 挿 入 されました カートに 入 れる 上 記 は 特 定 のショッピングカートを 導 入 した 場 合 の 一 例 です テンプレートの 挿 入 ボタンで 挿 入 できるテンプレートは デザイン 設 定 > オリジナルのデザインを 指 定 する > 部 分 テンプレートHTML で 追 加 編 集 することができます Copyright (c) Weblab Corporation. All rights reserved. 38
通 常 のテキスト 入 力 では 表 示 できない 特 殊 文 字 を 入 力 します 特 殊 文 字 入 力 ボタンをクリックすると ポップアップウィンドウで 以 下 の 画 面 が 表 示 されます 入 力 したい 特 殊 文 字 を 選 択 してください Copyright (c) Weblab Corporation. All rights reserved. 39
HTMLタグの 表 示 ボタンをクリックするとHTMLモードになり HTMLのタグ 要 素 の 確 認 記 述 をすることができます WYSIWYG ボタンをクリックするとWYSIWYGモードに 戻 ります HTML applet basefont bgsound bgsound center commemt dir frame frameset ilayer isindex layer listing menu multicol nobr noembed noframes nolayer plaintext rb rbc rp rt rtc ruby s spacer wbr xml xmp Copyright (c) Weblab Corporation. All rights reserved. 40
各 ブロックの 右 側 には 表 示 非 表 示 という 選 択 項 目 が 用 意 されています 非 表 示 を 選 択 して 入 力 内 容 を 反 映 すると そのブロックの 入 力 内 容 は 実 際 のページには 表 示 されません 先 に 入 力 内 容 を 作 成 しておき 後 から 公 開 させたいときなどに 利 用 してください Copyright (c) Weblab Corporation. All rights reserved. 41
HOME(トップページ)を 編 集 するには メニュー/ページ 編 集 画 面 からHOMEをクリックします HOMEの 編 集 画 面 は デザイン 設 定 の 項 目 で 登 場 した カラム 毎 にブロックを 入 力 する 以 外 は P15で 解 説 の 新 規 ページ 作 成 画 面 とほとんど 同 じです カラムの 数 はデザイン 設 定 画 面 で 設 定 したデザ インで 決 定 されます 利 用 できるレイアウトに の 表 記 が 入 ります Copyright (c) Weblab Corporation. All rights reserved. 42
ここでは 右 のようなレイアウトを 作 成 する 場 合 の 入 力 例 を 見 ていきます 利 用 できるレイアウトは 下 のような2カラムのものに の 表 記 が 入 っ ています Aカラム Bカラム カラム 内 の 各 ブロックの 入 力 は P15~の 新 規 ページ 作 成 方 法 と 同 じです 1 2 3 お 知 らせ を 表 示 する 設 定 は お 知 らせ 情 報 ボタンをクリックする だけです するとお 知 らせ 情 報 をトップページに 表 示 するための 一 文 が 挿 入 されます あとは お 知 らせを 更 新 すると 地 頭 的 に 当 エリア に 入 力 内 容 が 反 映 されます 具 体 的 なお 知 らせの 中 身 の 入 力 は 次 ページ 以 降 をご 参 照 ください Copyright (c) Weblab Corporation. All rights reserved. 43
画 面 上 部 のメニューから お 知 らせ 情 報 編 集 ボタンをクリックしてください お 知 らせ 情 報 編 集 画 面 が 表 示 されます 初 期 設 定 では お 知 らせ 一 覧 ページが 作 成 されていますが こ の 下 にお 知 らせトピックスを 作 っていきます 新 規 のお 知 らせ 情 報 を 追 加 する ボタンをクリックしてください 個 別 のお 知 らせ 情 報 作 成 編 集 画 面 が 表 示 されます 個 別 のお 知 らせ 情 報 作 成 編 集 画 面 は 一 覧 設 定 部 分 以 外 は P15で 解 説 の 新 規 ページ 作 成 画 面 とほとんど 同 じです P15で 解 説 の 新 規 ページ 作 成 画 面 と 同 様 です お 知 らせの 詳 細 ページを 作 成 せず HOME 及 びお 知 らせ 一 覧 にタ イトルのみ 表 示 したい 場 合 はこの 項 目 は 入 力 不 要 です P15で 解 説 の 新 規 ページ 作 成 画 面 と 同 様 です お 知 らせの 詳 細 ページを 作 成 せず HOME 及 びお 知 らせ 一 覧 にタイ トルのみ 表 示 したい 場 合 はこの 項 目 は 入 力 不 要 です Copyright (c) Weblab Corporation. All rights reserved. 44
or 新 規 でお 知 らせ 情 報 を 作 成 する 場 合 には ページの 作 成 を タイ トルのみを 表 示 させ 既 にあるページもしくは 外 部 のURLにリンク をさせたい 場 合 には 既 存 のページ 外 部 サイトへのリンク を 選 択 します お 知 らせのタイトルを 入 力 します お 知 らせの 日 付 を 入 力 します HOME HOMEのお 知 らせ 一 覧 お 知 らせ 一 覧 ページにタイトルを 表 示 させない 場 合 は それぞれ 非 表 示 にする にチェックを 入 れます 管 理 画 面 上 部 サイトの 確 認 ボタンをクリックして できあがりを 確 認 してください Copyright (c) Weblab Corporation. All rights reserved. 45
お 問 い 合 わせページ(メールフォーム)を 作 成 するには メニュー /ページ 編 集 画 面 から 新 規 のお 問 い 合 わせページを 追 加 す る をクリックします お 問 い 合 わせページ 作 成 編 集 画 面 は P15で 解 説 の 新 規 ページ 作 成 画 面 に 送 信 メールの 設 定 や 入 力 フォームに 関 す る 入 力 項 目 の 設 定 が 加 わったものです P15で 解 説 の 新 規 ページ 作 成 画 面 と 同 様 です Copyright (c) Weblab Corporation. All rights reserved. 46
ファイル 名 ページタイトル 等 基 本 的 な 設 定 は P15 で 解 説 の 新 規 ページ 作 成 画 面 と 同 様 です フォームに 入 力 した 内 容 を 確 認 するページの 有 無 を 設 定 し ます あり を 選 択 すると 確 認 画 面 を 編 集 する ボタンが 表 示 され 文 言 の 編 集 等 が 行 えます 送 信 完 了 画 面 を 別 途 作 成 する 場 合 には あり を 選 択 します あり を 選 択 すると 完 了 画 面 を 編 集 する ボタンが 表 示 され そこからコンバージョンタグの 挿 入 文 言 の 編 集 等 が 行 えます なし を 選 択 した 場 合 は デフォルトの 送 信 完 了 画 面 ( 送 信 が 完 了 しました のメッセージのみのページ)が 表 示 されます フォームからの 問 い 合 わせ 者 リストを 保 存 するかどうかを 選 択 します 保 存 したリストはCSVファイルでダウンロードでき ます Copyright (c) Weblab Corporation. All rights reserved. 47
お 問 い 合 わせメールを 受 信 する 管 理 者 のメールアドレスを 入 力 します ( 入 力 例 ) abc@weblab.co.jp お 問 い 合 わせをした 方 に 自 動 で 届 く 返 信 メールの 件 名 として 表 示 されます ( 入 力 例 )お 問 い 合 わせありがとうございます お 問 い 合 わせされた 方 に 届 くメールの 差 出 人 として 表 示 されます ( 入 力 例 )ABC 製 作 所 お 問 い 合 わせされた 方 に 届 くメールの 差 出 人 のメール アドレスとして 表 示 されます ( 入 力 例 ) abc@weblab.co.jp お 問 い 合 わせをした 方 に 自 動 で 届 く 返 信 メールにお 問 い 合 わせの 各 項 目 への 入 力 内 容 を 表 示 させるかどうかを 選 択 します お 問 い 合 わせされた 方 に 届 くメールの 入 力 内 容 確 認 文 の 前 に 挿 入 されます ( 入 力 例 ) お 問 い 合 わせありがとうございます 折 り 返 しご 連 絡 差 し 上 げますので お 待 ちください お 問 い 合 わせされた 方 に 届 くメールの 入 力 内 容 確 認 文 の 後 に 挿 入 されます 通 常 は 署 名 などを 記 入 します ( 入 力 例 ) ーーーーーーーーーーーーーーーーーーーーーーーー ABC 製 作 所 お 客 様 窓 口 東 京 都 XX 区 XX1-1-1 TEL :03-1111-2222 FAX :03-1111-3333 入 力 フォームの 上 に 表 示 される 説 明 文 を 入 力 します ( 入 力 例 ) 必 要 事 項 をご 入 力 いただき 送 信 する ボタンをクリックし てください 折 返 しご 連 絡 させていただきます Copyright (c) Weblab Corporation. All rights reserved. 48
入 力 項 目 に 指 定 したい 項 目 の 選 択 欄 にチェックを 入 れて くだい 必 須 をチェックすると 登 録 時 の 必 須 項 目 になります 表 示 する 項 目 の 名 称 を 変 更 したい 場 合 は 表 示 名 称 に 入 力 してください ソート 番 号 で 項 目 の 表 示 順 を 決 めます ソート 番 号 には3 桁 の 数 字 (010 020 030 )を 入 力 することを 推 奨 します 入 力 が 終 わったら 画 面 下 部 にある 入 力 内 容 をウェブサイ トに 反 映 する ボタンをクリックしてください Copyright (c) Weblab Corporation. All rights reserved. 49
フリー 項 目 の 作 り 方 文 字 入 力 文 字 入 力 (textarea) 単 一 選 択 (プルダウン) 単 一 選 択 (ラジオボタン) 複 数 選 択 Copyright (c) Weblab Corporation. All rights reserved. 50
Copyright (c) Weblab Corporation. All rights reserved. 51
テストサーバ(STAGING SERVER)の メニュー/ページ 編 集 データや デザイン 設 定 データ 等 のサイト 構 築 データをバックアッ プして 誤 ってページを 削 除 してしまった 時 以 前 のサイトの 状 態 に 戻 したい 時 などに データを 復 元 することができます データのバックアップはテストサーバ(STAGING SERVER)のデータのみ また お 問 い 合 わせCSVデータは 含 みません 1 画 面 上 部 のメニューから データのバックアップ をクリックしてください データのバックアップ 画 面 が 表 示 されます 2 バックアップする ボタンをクリックます 3 データのバックアップが 完 了 しました というメッセージが 表 示 されたら データの 復 元 欄 のプルダウンをクリックしてくださ い バックアップした 日 時 のデータが 保 存 されます データのバックアップは 最 新 の10 件 までの 保 存 が 可 能 です 1 データの 復 元 欄 のプルダウンから 復 元 したい 日 時 のバックアップデータ を 選 択 して 復 元 する ボタンをクリックしてください 選 択 したバックアップ 時 点 以 降 の 更 新 内 容 (バックアップデータ 含 む)は 破 棄 さ れますのでご 注 意 ください 2 データの 復 元 完 了 のメッセージが 表 示 されます 復 元 内 容 をサイトに 反 映 するには サイトの 再 構 築 が 必 要 になります 必 ず 再 構 築 を 行 ってください Copyright (c) Weblab Corporation. All rights reserved. 52
Copyright (c) Weblab Corporation. All rights reserved. 53
サイト 職 人 では テストサーバ(STAGING SERVER)と 本 番 サーバ( LIVE SERVER) 2つのサーバ 環 境 を 提 供 しています テストサーバ(STAGING SERVER)とは 管 理 者 専 用 の 確 認 用 サーバ 環 境 を 指 します 外 部 からのアクセス 制 限 が 掛 けられている ため 一 般 ユーザーには 非 公 開 になっています サイト 職 人 を 使 って 追 加 修 正 したページは まずテストサーバ 環 境 にのみ 反 映 されます 公 開 前 のページ 作 成 確 認 作 業 にお 使 いください 本 番 サーバ( LIVE SERVER)とは 一 般 ユーザーに 公 開 されるサーバ 環 境 を 指 します テストサーバ 上 で 納 得 のいくまでページ を 修 正 し 最 終 的 に 本 番 サーバ(LIVE SERVER)へファイルを 転 送 することによって 一 般 公 開 することができます テストサーバ 内 でのページ 作 成 確 認 作 業 が 終 わったら 本 番 サーバへ の 転 送 作 業 を 行 います 本 サーバへ 転 送 メニューをクリックしてください ポップアップで 右 のような 画 面 が 表 示 されます 転 送 する 部 分 と1 回 のセッションで 転 送 するファイル 数 を 選 択 して 転 送 する ボ タンをクリックしてください 転 送 するファイルを 設 定 更 新 したファイルのみ : 更 新 したファイルのみを 転 送 します トップページ お 知 らせ 一 覧 下 層 ページ 画 像 ファイル の 中 で 更 新 したファイル 数 が 表 示 されます 転 送 する 項 目 を 選 択 してください 全 て : 全 てのファイルを 転 送 します トップページ お 知 らせ 一 覧 下 層 ページ 画 像 ファイル の 中 で 転 送 す る 項 目 を 選 択 できます ファイルの 転 送 量 や 転 送 先 のサーバーによって 時 間 がかかる 場 合 があり ますので 更 新 したファイルのみを 転 送 する 1 回 のセッションで 転 送 する ファイル 数 を 制 限 する 等 転 送 するファイル 数 を 必 要 最 低 限 にすることを 推 奨 します Copyright (c) Weblab Corporation. All rights reserved. 54
アップロードが 完 了 しました というメッセージが 表 示 されれば 本 番 サーバへの 転 送 作 業 は 完 了 です サイトの 確 認 ボタンをクリックして 作 成 したページが 正 常 に 本 番 サーバに 反 映 されているか 確 認 してください この 作 業 で 本 番 サーバへ 転 送 されるのは 作 成 した 各 ページ(HTML)と アップロード 機 能 を 使 ってアップした 画 像 及 びファイ ルのみになります テストサーバ 内 に 手 動 でアップさせたその 他 のフォルダ 及 びファイルにつきましては 別 途 手 動 で 本 番 サーバへの 移 行 を 行 っ てください Copyright (c) Weblab Corporation. All rights reserved. 55
Copyright (c) Weblab Corporation. All rights reserved. 56
FTPソフトなどを 使 ってサーバに 直 接 入 ることなく 管 理 画 面 から 本 番 サーバ(LIVE SERVER)に 格 納 されているファイルを 管 理 ( 確 認 削 除 )することができます 1 画 面 上 部 のメニューから Live Serverファイル 管 理 をクリックしてください 2ポップアップ 画 面 にて 本 番 サーバ(LIVE SERVER)に 格 納 されているファイル/フォル ダを 一 覧 で 確 認 できます 3フォルダ 名 をクリックすると フォルダ 内 のファイ ル 確 認 画 面 に 進 みます 不 要 なファイルにチェックを 入 れ 削 除 ボタンを クリックすると そのファイルは 削 除 されます この 機 能 を 使 えば サイト 職 人 以 外 で 作 られた ファイルを 削 除 することも 可 能 です それらのファイルを 削 除 した 場 合 サイト 職 人 の 操 作 では 元 に 戻 すことが 出 来 ませんので ファイ ルを 削 除 する 際 には 本 当 に 不 要 なファイルか 必 ずご 確 認 ください Copyright (c) Weblab Corporation. All rights reserved. 57
Copyright (c) Weblab Corporation. All rights reserved. 58
お 客 様 に 対 してメールマガジン(テキスト 形 式 /HTML 形 式 )を 配 信 することができます はじめに メルマガを 配 信 するユーザーリストの 作 成 方 法 について 説 明 します 画 面 上 部 のメニューから メルマガ 配 信 を クリックしてください メルマガ 配 信 リスト の 画 面 が 表 示 されます 配 信 リストは 以 下 の2つの 種 類 があります メールフォームからのお 問 い 合 わせリスト サイト 職 人 で 作 成 したメールフォームから お 問 い 合 わせのあったお 客 様 の 配 信 リスト 手 動 追 加 配 信 リスト 手 動 で 追 加 するお 客 様 の 配 信 リスト メールフォームからのお 問 い 合 わせリスト 設 定 方 法 1 メルマガ 配 信 リスト の 画 面 にて サイト 職 人 で 作 成 したメールフォームからのお 問 い 合 わせ 者 リストが 表 示 されています メルマガ 配 信 リストとして 追 加 したいリストの 配 信 リストに 追 加 ボタンをクリックしてください 2 リストの 下 に 配 信 リスト という 項 目 が 表 示 され れば 作 業 は 完 了 です Copyright (c) Weblab Corporation. All rights reserved. 59
手 動 追 加 リスト 設 定 方 法 1 メルマガ 配 信 リスト の 画 面 にて リスト 追 加 ボタンをクリックしてください 2 任 意 のリスト 名 を 入 力 リストを 作 成 したCSVファ イルを 選 択 して リスト 追 加 ボタンをクリックし てください 3 保 存 しました というメッセージが 表 示 されれ ば 作 業 は 完 了 です 追 加 されたリストの 配 信 リスト 編 集 ボタンをク リックすると 作 成 したリストの 確 認 リスト 内 で メルマガを 送 信 しないユーザーの 個 別 設 定 が 可 能 です Copyright (c) Weblab Corporation. All rights reserved. 60
次 に メルマガ 配 信 方 法 について 説 明 します メルマガ 配 信 リスト の 画 面 で メルマガ 配 信 ボタンを クリックしてください メルマガ 配 信 履 歴 ページが 表 示 されます こちらで 過 去 に 送 ったメルマガの 日 付 / 配 信 件 数 / 文 章 を 確 認 することができます 新 規 メルマガ 配 信 ボタンをクリックしてください Copyright (c) Weblab Corporation. All rights reserved. 61
各 項 目 を 選 択 入 力 して 確 認 ボタンをクリックし てください メルマガの 配 信 形 式 を 選 択 します テキストメール プレーンなテキストのみのメールを 送 信 します HTMLメール 画 像 や 表 組 みなどを 含 めたHTML 形 式 のメールを 送 信 することができます HTMLの 知 識 が 必 須 となります 設 定 されている 配 信 リストの 中 から メルマガの 配 信 先 を 選 択 します メルマガの 送 信 元 とするメールアドレスを 入 力 してくださ い メルマガのタイトルを 入 力 してください HTML 1で HTMLメール を 選 択 した 場 合 委 のみ 表 示 されます HTML 形 式 でメルマガの 文 章 を 入 力 してください HTML 入 力 箇 所 <!-- コンテンツここから // --> ここにHTMLを 記 述 してください <!-- // コンテンツここまで --> テキストでメルマガの 文 章 を 入 力 してください HTMLメール を 選 択 した 場 合 HTMLメールの 受 信 を 許 可 していないユーザーにはこちらに 入 力 した 内 容 が 配 信 されます (マルチコンバート) すぐに 配 信 する 場 合 は 即 時 を 予 約 配 信 する 場 合 は 日 時 指 定 を 選 択 して 日 付 を 入 力 してください Copyright (c) Weblab Corporation. All rights reserved. 62
確 認 画 面 が 表 示 されます 問 題 なければ 配 信 する ボタンをクリックしてください メールの 配 信 が 完 了 しました というメッセージが 表 示 されれば 作 業 は 完 了 です Copyright (c) Weblab Corporation. All rights reserved. 63
メルマガの 本 文 入 力 欄 には お 客 様 の 名 前 や 会 社 名 などを 個 別 に 挿 入 できる 機 能 が 付 いています 右 のプルダウンを 選 択 すると [company] [username] などが 表 示 されます それらのコードをメルマガの 文 面 に 挿 入 しておくことで お 客 様 の 名 前 や 会 社 名 などを 個 別 に 挿 入 することがで きます company company_kana username username_kana email tel fax url address comment 会 社 名 会 社 名 フリガナ 名 前 名 前 フリガナ メールアドレス 電 話 番 号 FAX 番 号 ホームページアドレス 住 所 お 問 い 合 わせ 内 容 例 ) [company] [username] 様 お 世 話 になっております ウェブラボ 株 式 会 社 サイト 職 人 事 業 部 でございます その 後 御 社 ホームページ([url])の 運 営 はいかがでしょうか このような 形 でメルマガ 配 信 されます ABC 株 式 会 社 山 田 太 郎 様 お 世 話 になっております ウェブラボ 株 式 会 社 サイト 職 人 事 業 部 でございます その 後 御 社 ホームページ(http://www.exapmple.com/)の 運 営 はいかがでしょうか Copyright (c) Weblab Corporation. All rights reserved. 64
Copyright (c) Weblab Corporation. All rights reserved. 65
サイト 職 人 では 管 理 画 面 にログインするためのユーザーID/パスワードを 複 数 設 定 し 誰 がいつ どのような 作 業 を 行 ったの かを 記 録 することが 出 来 ます 管 理 者 IDでのログイン 時 のみ 1 画 面 上 部 のメニューから 管 理 者 情 報 をクリックしてください 管 理 者 情 報 の 編 集 画 面 が 表 示 されます 2 新 規 アカウント 追 加 の 入 力 欄 にメールアドレス ユーザーID パスワードを 入 力 して アカウントを 追 加 する ボタンをクリックしてください 2 新 規 アカウントを 追 加 しました というメッセージが 表 示 されれば 作 業 は 完 了 です 追 加 したアカウントのユーザーID パスワードでサイト 職 人 管 理 画 面 へのログインが 可 能 となります アカウントを 追 加 することで 管 理 者 トップ で 過 去 50 件 の 更 新 履 歴 ( 誰 が いつログインし ページ ファイル 更 新 サイトの 再 構 築 Live Serverへ 転 送 の 内 どの 作 業 を 行 ったのか) メニュー/ページ 編 集 で 各 ページの 最 終 更 新 者 及 び 最 終 更 新 日 時 を 確 認 することができます Copyright (c) Weblab Corporation. All rights reserved. 66