スライド 1

更 新 ツールマニュアル

更 新 ツール マニュアル 目 次 目 次 はじめに ご 利 用 にあたって 管 理 画 面 を 開 こう 各 エリアの 名 称 ページ 内 の 更 新 目 的 別 マニュアル ページ. -.ロゴ 画 像 を 変 更 したい 6. -.メイン 画 像 を 変 更 したい 8. -. 他 ページのメイン 画 像 もトップページのものと 統 一 させる. -4. 本 文 ブロックの 見 出 しを 変 更 したい. -5. 本 文 ブロックの 画 像 を 差 し 替 えたい. -5. 本 文 ブロックを 追 加 したい 6. -6. 本 文 ブロックの 並 び 替 えをしたい. < 上 級 者 向 け> GoogleMap( 地 図 )を 表 示 させたい. Youtubeの 画 像 を 埋 め 込 みたい 5. バナーの 更 新 バナー 画 像 を 追 加 変 更 したい 8. フォームの 更 新 9. 自 動 返 信 で 送 られるメールのフォーマットを 変 更 したい. 受 け 取 りメールアドレスを 変 更 したい. 操 作 方 法 に 関 するお 問 い 合 わせ 5.. 4. 5.

はじめに ~サービスご 利 用 にあたって~ ご 利 用 にあたって 必 要 なもの ITPARK 制 作 代 行 プランでホームページを 編 集 するには 以 下 の 推 奨 環 境 が 必 要 となります 恐 れ 入 りますが はじめにご 用 意 の 上 ご 利 用 ください ブラウザ(ホームページ 閲 覧 ソフト) 制 作 代 行 プランの 管 理 画 面 は 以 下 のウェブブ ラウザでご 覧 いただくことを 推 奨 しております chrome 推 奨 ウェブブラウザ 以 外 でのご 利 用 や 推 奨 ブ ラウザでもお 客 様 の 設 定 によっては ご 利 用 でき ない 場 合 や 正 しく 表 示 されない 場 合 があります FireFox 4 以 上 (WindowsXP/Vista) GoogleChrome.0 以 上 推 奨 ブラウザよりも 低 いバージョンでご 利 用 の 場 合 は 下 記 のダウンロードサイトから 最 新 のバージョ ンをダウンロードしていただくことをおすすめしております 無 料 でご 利 用 いただけます FireFoxダウンロードページ: http://mozilla.jp/firefox/ GoogleChromeダウンロードページ: http://www.google.co.jp/chrome/ 画 像 加 工 ソフト(あると 便 利 なもの) 本 格 的 な 画 像 編 集 とまではいかなくとても デジカメの 写 真 画 像 を 加 工 し 見 やすくしたり サイズを 変 更 し たりと 元 画 像 を 編 集 するのに 画 像 加 工 ソフトがあると 便 利 です おすすめソフトを 紹 介 します リサイズ 超 簡 単!Pro < 機 能 紹 介 > 複 数 のデジカメ 画 像 を 指 定 したピクセルサイズや 縮 小 率 で 一 括 して 画 像 を 縮 小 できます 簡 単 にリサイズを 行 いたい 場 合 におすすめです ダウンロードページ: http://my.reset.jp/~triton/rckp.htm Jtrim (ジェイトリム) < 機 能 紹 介 > 機 能 も 充 実 しており ノイズ 除 去 やぼかしなど8 種 類 のフィルタや 効 果 色 解 像 度 の 変 更 などカラー 効 果 切 り 抜 き 左 右 90 度 回 転 合 成 文 字 入 れなど 多 くの 加 工 機 能 で 画 像 に 様 々な 効 果 を 与 えることができます ダウンロードページ: http://www.woodybells.com/jtrim.html

管 理 画 面 を 開 こう 閲 覧 画 面 について ページの 編 集 を 行 うには 制 作 代 行 プラン 管 理 画 面 を 開 きます (ログイン 用 のURLを 開 く) 弊 社 より 送 付 している 書 類 開 通 通 知 記 載 の ホームページ 更 新 管 理 画 面 の 欄 のURL です 日 々 使 用 する 画 面 になりますので お 気 に 入 りに 登 録 しておきましょう ブラウザから 管 理 画 面 にアクセス 管 理 画 面 のアドレス:http://お 客 様 ドメイン 名 /kanri/wp-login.php アドレスを 入 力 します 開 通 通 知 記 載 のログインIDとパスワードでログイン user ユーザー 名 user とパスワード を 入 力 します 開 通 時 にお 送 りしている 開 通 通 知 をご 用 意 ください ここにチェックを 入 れておくことで 次 回 か らユーザー 名 パスワードが 自 動 入 力 さ れます 開 通 通 知 ホームページ 更 新 管 理 画 面 http://ドメイン 名 /kanri/~ ログインID user パスワード SamplePW パスワードには 大 文 字 小 文 字 がございます ます 間 違 いのないよう ゆっくり 入 力 してください ログイン 後 管 理 画 面 が 表 示 されます 次 ページで 管 理 画 面 でできることを ご 案 内 いたします 4

各 エリアの 名 称 ホームページの 内 容 は 更 新 機 能 付 制 作 代 行 プラン の 管 理 画 面 より 編 集 更 新 が 行 えます 各 エリアの 名 称 と 項 目 について ご 案 内 いたします 4 5 6 7 8 9 0 項 目 名 内 容 テンプレート ホームページのデザインとなります テンプレートの 変 更 をご 希 望 の 場 合 オプション 料 金 5,50 円 4 5 6 7 8 ロゴ 画 像 ( 左 ) ロゴ 画 像 ( 右 ) メイン 画 像 キャッチコピー メニュー 本 文 ブロック バナー おもに 会 社 やサービスのロゴマークなど そのホームページのテーマとなる 画 像 を 入 れることができます 画 像 がない 場 合 テキストを 表 示 できます お 客 様 からのお 問 い 合 わせを 受 付 ける 電 話 番 号 メールアドレスなどを 入 れることができます ホームページの 顔 となる 画 像 を 入 れることができます ページごとに 見 せる 画 像 を 変 えることもできます お 客 様 の 目 に 止 まるもの 顧 客 をガッチリとらえる 一 言 を 入 れることができます ホームページの 目 次 のような 扱 いになります それぞれのページタイトルをクリックすると クリックしたページ に 飛 ぶことができます ホームページの 内 容 を 見 出 しや 画 像 文 章 を 使 って 案 内 する 箇 所 です レイアウトは 種 類 から 選 択 できます 他 ページへのリンクなど 画 像 を 使 ってあるページへ 誘 導 することができます 9 最 新 情 報 お 知 らせしたいイベントや 内 容 を 一 覧 で 通 知 することができます 新 たに 設 置 をご 希 望 の 場 合 は ご 相 談 ください 0 著 作 権 表 記 ホームページの 著 作 権 の 表 記 となります 問 い 合 わせフォーム GoogleMap ブログ ホームページで 問 い 合 わせを 受 け 付 けできるページです 項 目 名 や 自 動 返 信 内 容 を 変 更 することができます GoogleMapをページ 内 に 埋 め 込 むことができます 簡 易 的 なブログを 利 用 できます 設 置 代 行 をご 希 望 の 場 合 オプション 料 金,50 円 無 償 で 対 応 いたします 5

ページ 内 の 更 新 (ロゴ 画 像 の 設 定 ) -.ロゴ 画 像 を 変 更 したい / 反 映 イメージ ロゴ 画 像 ( 左 ) ロゴ 画 像 ( 右 ) ホームページのヘッダ 部 分 に 表 示 される 会 社 や サービスのロゴを 変 更 することができます また 画 像 がない 場 合 は 画 像 の 代 わりにテキス トで 表 記 することもできます STEP ロゴ 画 像 の 変 更 管 理 画 面 の ページ 編 集 項 目 にある ページ 編 集 選 択 画 面 へ ボタンをクリックし ます 編 集 したいページの 編 集 ボタンをクリック します 現 在 使 用 しているロゴがサムネイル( 小 さ な 画 像 )で 表 示 されています 別 の 画 像 に 差 し 替 えするには 次 のページ をご 覧 ください 6

ページ 内 の 更 新 (ロゴ 画 像 の 設 定 ) -.ロゴ 画 像 を 変 更 したい / STEP 画 像 の 取 り 込 み 参 照 ボタンをクリックして パソコンに 保 存 している 画 像 を 開 きます 保 存 されているフォルダを 開 き 差 し 替 えた い 画 像 を 選 択 し 開 く ボタンをクリックしま す 参 照 ボタンの 左 側 にファイルの 保 存 先 が 自 動 的 に 入 力 されていることを 確 認 します 何 も 表 示 されていない 場 合 画 像 の 選 択 が できていない 可 能 性 がございますので もう 一 度 選 択 してみましょう 4 画 面 下 部 にある 更 新 ボタンをクリックす ることで 変 更 が 反 映 します 5 これでロゴの 変 更 が 完 了 しました 画 面 上 部 の ページを 表 示 ボタンをクリック して 画 面 表 示 の 反 映 を 確 認 してください 7

ページ 内 の 更 新 (メイン 画 像 の 設 定 ) -.メイン 画 像 を 変 更 したい 反 映 イメージ メイン 画 像 とはホームページの 顔 となる 画 像 で す ページごとに 見 せる 画 像 を 変 えたり 非 表 示 にす ることもできます メイン 画 像 画 像 の 推 奨 サイズ お 客 様 にて 画 像 ファイルを 用 意 する 場 合 横 幅 950px 以 上 の 画 像 を 用 意 しましょう 横 :950px 縦 :00px 推 奨 サイズ 以 外 でも 管 理 画 面 上 で 表 示 させ る 箇 所 をトリミング( 範 囲 指 定 )できます STEP 管 理 画 面 にアクセス 管 理 画 面 の ページ 編 集 項 目 にある ページ 編 集 選 択 画 面 へ ボタンをクリックし ます 編 集 したいページの 編 集 ボタンをクリック します メイン 画 像 の 項 目 をご 覧 ください 現 在 登 録 されている 画 像 が 表 示 されてい ます メイン 画 像 の 削 除 画 像 を 削 除 したい 場 合 メイン 画 像 を 削 除 を クリックすることで 非 表 示 にできます 8

ページ 内 の 更 新 (メイン 画 像 の 設 定 ) STEP 画 像 の 取 り 込 み 現 在 登 録 されている 画 像 が 表 示 されてい ます 変 更 する 場 合 は 表 示 されている 画 像 をク リックします メイン 画 像 を 指 定 画 面 が 表 示 されます 参 照 ボタンをクリックします 掲 載 したい 画 像 を 保 存 しているフォルダを 開 き 差 し 替 えたい 画 像 を 選 択 開 く ボタ ンをクリックします 4 ファイルを 送 信 ボタンをクリックしたら 画 面 下 に 登 録 しようとしている 画 像 のプレ ビューが 表 示 されます プレビュー 画 面 5 プレビュー 画 面 で 表 示 を 確 認 後 トリミング 範 囲 を 設 定 ボタンをクリックしてください 6 管 理 画 面 に お 客 様 の 指 定 した 画 像 が 取 り 込 まれます 9

ページ 内 の 更 新 (メイン 画 像 の 設 定 ) STEP 画 像 のトリミング 画 像 のトリミング 表 示 されている 画 像 より 範 囲 を 指 定 して 画 像 を 切 り 取 り 自 動 的 にサイズを 調 整 します 保 存 時 は 横 950 縦 00pxに 自 動 変 換 し 保 存 されます 取 り 込 んだ 画 像 が 表 示 されますので 画 像 の 上 でマウスをドラッグし 画 像 として 表 示 させる 箇 所 を 範 囲 指 定 します トリミングボタン 範 囲 を 指 定 範 囲 指 定 ができたら トリミングボタンをク リックします 画 像 下 部 にある メイン 画 像 として 登 録 をクリックし 文 字 が 消 えたら 保 存 ボタ ンをクリックしてください 4 設 定 を 終 了 をクリックします 5 画 面 下 部 にある 更 新 ボタンをクリックす ることで 変 更 が 反 映 します STEP 表 示 の 確 認 これでメイン 画 像 の 変 更 が 完 了 しました 画 面 上 部 の ページを 表 示 ボタンをクリック して 画 面 表 示 の 反 映 を 確 認 してください 0

ページ 内 の 更 新 (メイン 画 像 の 設 定 ) -. 他 ページのメイン 画 像 もトップページのものと 統 一 させる メイン 画 像 は それぞれのページで 指 定 すること で 全 ページ 異 なる 画 像 を 設 置 できますが トップ ページで 変 更 した 画 像 を 他 ページでも 使 用 する 場 合 の 設 定 方 法 をご 案 内 します 管 理 画 面 の ページ 編 集 項 目 にある ページ 編 集 選 択 画 面 へ ボタンをクリックし ます トップページの 編 集 ボタン トップページの 編 集 ボタンをクリックします 他 のページの 編 集 を 行 っても 反 映 されません ご 注 意 ください 画 像 変 更 作 業 後 メイン 画 像 の 項 目 にあ る 下 階 層 のメイン 画 像 にも 同 じものを 使 用 にチェックを 入 れます チェックを 入 れると 他 ページのメイン 画 像 も 全 て 同 じものに 統 一 できます (トップページ 編 集 時 にチェックを 入 れた 場 合 ) ページごとに 掲 載 する 画 像 を 変 えたい 場 合 はチェックは 不 要 です 4 管 理 画 面 下 部 にある 更 新 ボタンをクリック すると これでメイン 画 像 の 変 更 が 完 了 です 5 画 面 上 部 の ページを 表 示 ボタンをクリック して 画 面 表 示 の 反 映 を 確 認 してください

ページ 内 の 更 新 ( 本 文 ブロックの 設 定 ) -4. 本 文 ブロックの 見 出 しを 変 更 したい 反 映 イメージ ホームページの 内 容 を 見 出 しや 画 像 と 文 章 を 使 って 案 内 する 箇 所 です レイアウトは 以 下 の 種 類 とカスタムレイアウトから 作 成 することが 出 来 ます <レイアウトA> <レイアウトB> <レイアウトC> <カスタムレイアウト> 本 文 ブロック 見 出 し 画 像 テキスト STEP 見 出 しの 変 更 削 除 を 行 う 管 理 画 面 の ページ 編 集 項 目 にある ページ 編 集 選 択 画 面 へ ボタンをクリックし ます 編 集 したいページの 編 集 ボタンをクリック します 本 文 ブロックの 項 目 をご 覧 ください 画 像 登 録 使 用 中 のレイアウトが 表 示 されています 見 出 しタイトル 掲 載 順 序 大 きさ 色 見 出 しを 削 除 するには 入 力 されている 文 字 を 削 除 してください 編 集 後 は 画 面 下 部 の 更 新 ボタンをクリックし 反 映 をご 確 認 く ださい 見 出 しタイトル 見 出 しの 文 章 が 登 録 可 能 本 文 掲 載 順 序 大 きさ 色 本 文 ブロック 内 での 掲 載 順 序 見 出 しタイトルの 文 字 の 大 きさ 色 合 い の 設 定 が 可 能

ページ 内 の 更 新 ( 本 文 ブロックの 設 定 ) -5. 本 文 ブロックの 画 像 を 差 し 替 えたい レイアウトAまたはB 画 像 + 本 文 STEP 画 像 の 差 し 替 えを 行 う 使 用 中 の 画 像 を 差 し 替 えするには 画 像 登 録 の 隣 にある 参 照 ボタンをクリックします 使 用 中 の 画 像 が 表 示 さ れています 変 更 後 ファイルのアップロード 画 面 が 表 示 されま す 掲 載 したい 画 像 を 保 存 しているフォルダを 開 き 差 し 替 えたい 画 像 を 選 択 開 く ボタ ンをクリックします 画 面 下 部 にある 更 新 ボタンをクリックし ます これで 本 文 ブロックの 画 像 変 更 が 完 了 しま した 4 画 面 上 部 の ページを 表 示 ボタンをクリック して 画 面 表 示 の 反 映 を 確 認 してください

ページ 内 の 更 新 ( 本 文 ブロックの 設 定 ) -5. 本 文 ブロックの 画 像 を 差 し 替 えたい / カスタムレイアウト カスタムレイアウトで 使 用 中 の 画 像 を 差 し 替 えす るには はじめに 変 更 画 像 をアップロードします 画 像 追 加 一 覧 ボタンをクリックしてください 変 更 後 新 規 追 加 をクリック 新 規 追 加 ボタンをクリックします ここにファイルをドロップ に 画 像 ファイルをドロッ プします またはファイルを 選 択 ボタンで 画 像 ファ イルを 選 択 してください InternetExplorerをご 利 用 の 場 合 は ファイルを 選 択 ボタンより 画 像 ファイルを 選 択 してください 画 像 ファイルをドロップ ファイルのURLを 全 て 選 択 してコピー 5 画 像 の 挿 入 / 追 加 より 差 し 替 えをしてください 4 5 アップロードされた 画 像 の 右 側 の 編 集 ボタンをク リックして ファイルのURLをコピーしてください 編 集 画 面 に 戻 り 差 し 替 えたい 画 像 をクリックし て 画 像 の 挿 入 / 追 加 ボタンをクリックしてくださ い 画 像 の 挿 入 / 追 加 をクリック 画 像 を 編 集 から 画 像 の 差 し 替 えを 行 うと 縦 横 比 が 崩 れる 事 があります 画 像 差 し 替 え 時 の 注 意 : 画 像 をクリックした 際 に 画 像 内 に 表 示 される 画 像 を 編 集 ボタ ンから 画 像 の 差 し 替 えを 行 うと 縦 横 比 が 崩 れる 事 がありま す 4

ページ 内 の 更 新 ( 本 文 ブロックの 設 定 ) -5. 本 文 ブロックの 画 像 を 差 し 替 えたい / カスタムレイアウト 6 一 般 タブの 画 像 のURL 欄 に4でコピーしたファイル URLを 貼 り 付 けてください 画 像 のURLを 挿 入 したら 更 新 ボタンをクリックしてく ださい 変 更 後 の 画 像 画 像 のサイズを 変 更 しない 場 合 は9にお 進 みください 画 像 を 編 集 をクリック 7 8 画 像 のサイズを 変 更 したい 場 合 は 変 更 したい 画 像 をクリックして 画 像 左 上 に 表 示 される 画 像 を 編 集 アイコンをクリックしてください 詳 細 設 定 タブをクリックして 詳 細 画 像 設 定 スタイ ルの 欄 に 横 幅 設 定 サイズ width: px; と 記 述 してください また サイズ 欄 の 幅 高 さ の 値 は 空 欄 にしてください スタイルのサイズ 設 定 値 は 画 像 の 縦 横 比 を 変 更 しないサイズを 入 力 することをお 薦 めします widthのみ 入 力 した 場 合 は 縦 横 比 は 変 更 されません また スマホ 対 応 デザインの 場 合 は 縦 幅 設 定 heightを 設 定 すると 各 デバイスで 画 像 の 自 動 サイズ 変 更 が 効 かなくなります 値 を 空 にしてください width: px; に 設 定 9 編 集 完 了 後 画 像 を 編 集 の 更 新 ボタンをクリックし てください ページ 編 集 画 面 に 戻 り ページ 下 部 の 更 新 ボタンをクリックして 公 開 完 了 です 重 要 スマホ 対 応 デザインサンプルをご 利 用 の 場 合 画 像 サイズの 横 幅 が 公 開 画 面 で 表 示 領 域 最 大 に 設 定 されます 任 意 のサイズに 変 更 をご 希 望 の 場 合 は7の 画 像 サイズ 設 定 を 行 ってください 5

ページ 内 の 更 新 ( 本 文 ブロックの 設 定 ) -6. 本 文 ブロックを 追 加 したい 反 映 イメージ ブロック ホームページの 内 容 を 見 出 しや 画 像 と 文 章 を 使 って 案 内 する 箇 所 です レイアウトは 以 下 の 種 類 とカスタムレイアウトから 作 成 することが 出 来 ます <レイアウトA> <レイアウトB> <レイアウトC> <カスタムレイアウト> ブロック 見 出 し STEP 管 理 画 面 にアクセス 画 像 テキスト 管 理 画 面 の ページ 編 集 項 目 にある ページ 編 集 選 択 画 面 へ ボタンをクリックし ます 編 集 したいページの 編 集 ボタンをクリック します 使 用 中 の 画 像 文 章 が 表 示 されています 本 文 ブロックには 現 在 使 用 中 の 画 像 や 文 章 が 表 示 されています あらたに 追 加 したいブロックのレイアウトをつの 中 から 希 望 レイアウトのボタンを 選 択 してくださ い レイアウトを 選 択 レイアウト 選 択 後 の 各 操 作 は 以 下 のページ をご 覧 ください レイアウトA または B 画 像 + 本 文 7ページ レイアウトC 本 文 のみ 8ページ 6 カスタムレイアウト 9ページ

ページ 内 の 更 新 ( 本 文 ブロックの 設 定 ) -6. 本 文 ブロックを 追 加 したい レイアウトAまたはB で 作 成 する 場 合 の 例 レイアウトAまたはB 画 像 + 本 文 レイアウトAまたはB 画 像 + 本 文 ボタンをク リックします 選 択 したレイアウトが 表 示 されています 新 しいブロックが 追 加 されます 見 出 し 画 像 本 文 見 出 しの 目 的 情 報 量 が 多 い 場 合 項 目 ごとに 見 出 しで 分 けると 整 理 され 見 や すいページになります 例 ) フード や サービスのご 紹 介 など 見 出 しを 付 けないで 登 録 することも 可 能 です 画 像 を 登 録 するには 参 照 ボタンより パ ソコンに 保 存 されている 画 像 を 選 択 開 く ボタンをクリックします 4 管 理 画 面 下 部 にある 更 新 ボタンをクリック すると これでブロックの 追 加 が 完 了 しまし た 5 画 面 上 部 の ページを 表 示 ボタンをクリック して 画 面 表 示 の 反 映 を 確 認 してください 7

ページ 内 の 更 新 ( 本 文 ブロックの 設 定 ) -6. 本 文 ブロックを 追 加 したい レイアウトC 本 文 のみ レイアウトC で 作 成 す る 場 合 の 例 レイアウトC を 選 択 レイアウトC 本 文 のみ ボタンをクリックします 新 しいブロックが 追 加 されます 見 出 し 本 文 を 入 力 してください 見 出 しの 目 的 情 報 量 が 多 い 場 合 項 目 ごとに 見 出 しで 分 けると 整 理 され 見 や すいページになります 例 ) フード や サービスのご 紹 介 など 見 出 しを 付 けないで 登 録 することも 可 能 です 4 本 文 を 装 飾 します 装 飾 したいテキストを 選 択 して 装 飾 アイコンで 設 定 します 作 成 例 見 出 しを 入 力 本 文 を 入 力 5 管 理 画 面 下 部 にある 更 新 ボタンをクリック して ページを 更 新 してください 8

ページ 内 の 更 新 ( 本 文 ブロックの 設 定 ) -6. 本 文 ブロックを 追 加 したい / カスタムレイアウト で 作 成 する 場 合 の 例 レイアウトC を 選 択 4 5 レイアウトC 本 文 のみ ボタンをクリックします 新 しいブロックが 追 加 されます 画 像 追 加 一 覧 ボタンをクリックします 新 規 追 加 ボタンをクリックします カスタムレイアウト ここにファイルをドロップ に 画 像 ファイルをドロッ プします またはファイルを 選 択 ボタンで 画 像 ファ イルを 選 択 してください InternetExplorerをご 利 用 の 場 合 は ファイルを 選 択 ボタンより 画 像 ファイルを 選 択 してください 7 画 像 ファイルをドロップ 新 規 追 加 をクリック 6 7 アップロードされた 画 像 の 右 側 の 編 集 ボタンをク リックして ファイルのURLをコピーしてください 画 像 の 挿 入 / 追 加 ボタンをクリックして 一 般 タブ の 画 像 のURL 欄 に6でコピーしたファイルURLの URLを 貼 り 付 けてください 画 像 の 挿 入 / 追 加 をクリック 8 挿 入 ボタンをクリックしてください ファイルのURLを 全 て 選 択 してコピー 9

ページ 内 の 更 新 ( 本 文 ブロックの 設 定 ) -6. 本 文 ブロックを 追 加 したい / 9 0 画 像 が 挿 入 されたことを 確 認 してください テキストを 挿 入 する 場 合 は 画 像 の 下 にテキスト を 入 力 してください 画 像 の 下 にテキストを 入 力 してください 画 像 を 任 意 の 場 所 に 設 置 する 場 合 は ブロックの ご 希 望 の 場 所 にカーソルを 置 いて 7からの 作 業 を 繰 り 返 してください 画 像 のサイズを 変 更 しない 場 合 は4にお 進 みください 画 像 を 編 集 をクリック 画 像 のサイズを 変 更 したい 場 合 は 変 更 したい 画 像 をクリックして 画 像 左 上 に 表 示 される 画 像 を 編 集 アイコンをクリックしてください 詳 細 設 定 タブをクリックして 詳 細 画 像 設 定 スタイ ルの 欄 に 横 幅 設 定 サイズ width: px; と 記 述 してください また サイズ 欄 の 幅 高 さ の 値 は 空 欄 にしてください スタイルのサイズ 設 定 値 は 画 像 の 縦 横 比 を 変 更 しないサイズを 入 力 することをお 薦 めします widthのみ 入 力 した 場 合 は 縦 横 比 は 変 更 されません また スマホ 対 応 デザインの 場 合 は 縦 幅 設 定 heightを 設 定 すると 各 デバイスで 画 像 の 自 動 サイズ 変 更 が 効 かなくなります 値 を 空 にしてください width: px; に 設 定 4 編 集 完 了 後 画 像 を 編 集 の 更 新 ボタンをクリックし てください ページ 編 集 画 面 に 戻 り ページ 下 部 の 更 新 ボタンをクリックして 公 開 完 了 です 重 要 スマホ 対 応 デザインサンプルをご 利 用 の 場 合 画 像 サイズの 横 幅 が 公 開 画 面 で 表 示 領 域 最 大 に 設 定 されます 任 意 のサイズに 変 更 をご 希 望 の 場 合 はの 画 像 サイズ 設 定 を 行 ってください 0

ページ 内 の 更 新 (ブロックの 並 び 替 えをしたい) -7. 本 文 ブロックの 表 示 順 位 を 入 れ 替 えたい 反 映 イメージ ブロックごとで 表 示 順 の 並 び 替 えが 可 能 です ブロックごとに 表 示 順 の 入 れ 替 えが 行 えます STEP 管 理 画 面 にアクセス 管 理 画 面 の ページ 編 集 項 目 にある ページ 編 集 選 択 画 面 へ ボタンをクリックし ます 編 集 したいページの 編 集 ボタンをクリック します 掲 載 順 序 の 項 目 に 数 字 を 入 力 すること で 表 示 順 位 が 入 れ 替 えできます 掲 載 順 序 の 項 目 に 掲 載 した い 順 番 の 数 字 を 入 力 します 4 と 数 字 の 小 さいものから 大 き いものの 順 番 で 表 示 されますので ブロック ごとに 掲 載 したい 順 に それぞれ 数 字 を 入 力 してください 4 設 定 後 画 面 下 の 更 新 ボタンをクリックし 変 更 の 反 映 を 確 認 ください

GoogleMap( 地 図 )をページ 内 に 埋 め 込 みたい / GoogleMap( 地 図 )を 埋 め 込 む 方 法 () 反 映 イメージ ホームページに 場 所 や 住 所 を 案 内 したい 場 合 GoogleMapをページ 内 に 埋 め 込 んで 案 内 することが できます 管 理 画 面 の ページ 編 集 項 目 にある ページ 編 集 選 択 画 面 へ ボタンをクリックし ます STEP GoogleMapで 表 示 したい 地 図 を 検 索 する インターネットでGoogle map <http://maps.google.co.jp/>へアクセスし 任 意 の 住 所 を 入 力 して 地 図 を 検 索 ボタン をクリックします 入 力 例 ) 東 京 都 港 区 東 新 橋 -6- 画 面 右 上 の リンク をクリックします HTML を 貼 り 付 けてサイトに 地 図 を 埋 め 込 みます で 表 示 されたHTMLをまるごと コピーします

GoogleMap( 地 図 )をページ 内 に 埋 め 込 みたい / GoogleMap( 地 図 )を 埋 め 込 む 方 法 () STEP HTMLソースの 埋 め 込 み 管 理 画 面 の ページ 編 集 項 目 にある ページ 編 集 選 択 画 面 へ ボタンをクリックし ます 地 図 を 表 示 させたいページの 編 集 を 行 います 地 図 を 埋 め 込 みたいページの 編 集 ボタン をクリックします レイアウトC 本 文 のみ を 選 択 本 文 ブロック の 項 目 で 新 しいブロックを 追 加 するので レイアウトC 本 文 のみ ボタン をクリックします HTMLソース 編 集 アイコンをク リック 4 HTMLソース 編 集 アイコンをクリックします GoogleMapでコピーしたHTML をそのまま 貼 りつけします 5 HTMLソースエディター 画 面 が 表 示 されま す ここで Google mapにてコピーした 地 図 埋 め 込 み 用 の 記 述 を 貼 りつけし 更 新 ボタン をクリックします

GoogleMap( 地 図 )をページ 内 に 埋 め 込 みたい / GoogleMap( 地 図 )を 埋 め 込 む 方 法 () 7 管 理 画 面 下 部 にある 更 新 ボタンをクリック すると これでGoogleMapの 埋 め 込 みが 完 了 しました 8 画 面 上 部 の ページを 表 示 ボタンをクリック して ホームページの 反 映 を 確 認 してくださ い GoogleMapが 表 示 されました 4

Youtubeの 動 画 をページ 内 に 埋 め 込 みたい / Youtube 埋 め 込 む 方 法 () 反 映 イメージ Youtubeにアップロードされた 動 画 は 簡 単 にホーム ページ 内 に 埋 め 込 みができます Youtubeへの 動 画 登 録 方 法 につきましては youtubeのアカウント 登 録 が 必 要 となります 登 録 は 以 下 のURLより 行 って 下 さい STEP Youtubeでの 動 画 検 索 インターネットでYoutubeへアクセスし 埋 め 込 みたい 動 画 を 開 きます Youtube URL: http://www.youtube.com/ 再 生 中 の 動 画 の 下 部 にある 共 有 ボタンを クリックし 埋 め 込 みコード をクリックする と 埋 め 込 むための HTMLソースが 表 示 さ れます 表 示 されたHTMLソースをまるごとコピーし てください 5

Youtubeの 動 画 をページ 内 に 埋 め 込 みたい / Youtube 埋 め 込 む 方 法 () STEP HTMLソースの 埋 め 込 み 管 理 画 面 の ページ 編 集 項 目 にある ページ 編 集 選 択 画 面 へ ボタンをクリックし ます 動 画 を 表 示 させたいページの 編 集 を 行 います Youtubeの 動 画 を 埋 め 込 みたいページの 編 集 ボタンをクリックします レイアウトC 本 文 のみ を 選 択 本 文 ブロック の 項 目 で 新 しいブロックを 追 加 するので レイアウトC 本 文 のみ ボタン をクリックします HTMLソース 編 集 アイコンをク リック 4 HTMLソース 編 集 アイコンをクリックします YoutubeでコピーしたHTMLをそ のまま 貼 り 付 け 5 HTMLソースエディター 画 面 が 表 示 されま す した ここで Youtubeでコピーした 動 画 埋 め 込 み 用 の 記 述 を 貼 りつけし 更 新 ボタンをク リックします 6

Youtubeの 動 画 をページ 内 に 埋 め 込 みたい / Youtube 埋 め 込 む 方 法 () 6 管 理 画 面 下 部 にある 更 新 ボタンをクリック すると これでYoutubeの 埋 め 込 みが 完 了 し ました 8 画 面 上 部 の ページを 表 示 ボタンをクリック して ホームページの 反 映 を 確 認 してくださ い 動 画 の 埋 め 込 みができました 7

バナーの 更 新 (バナー 画 像 を 追 加 変 更 したい) 反 映 イメージ 画 像 クリック 後 指 定 のページ を 別 で 表 示 することができます バナーとは 画 像 にリンクを 貼 り 画 像 をクリックすると ページ へ 誘 導 することができます 公 開 時 は リンク 先 は 別 ページを 開 く 形 となります 通 常 のメニューとデザインが 別 になりますので オ ンラインショップなど 目 立 たせたいページに 誘 導 した 場 合 に 有 効 です STEP 管 理 画 面 にアクセス 管 理 画 面 の バナー 管 理 項 目 にある バ ナー 管 理 選 択 画 面 へ ボタンをクリックしま す 画 像 登 録 URLを 登 録 画 像 削 除 新 しくバナーを 設 置 する 場 合 は 左 記 のリン クURL 画 像 を 登 録 します リンクURL(URLを 登 録 ) 外 部 リンク 先 URLの 登 録 が 可 能 です 誘 導 させたいURLをhttp://www.から 入 力 して ください 例 )http://www.itpark.ne.jp/ 画 像 登 録 バナーとして 表 示 させる 画 像 の 登 録 が 可 能 で す 参 照 ボタンより 保 存 している 画 像 を 選 択 してください 公 開 時 の 画 像 は 自 動 的 に 横 幅 00pxに リサイズされます 画 像 削 除 画 像 下 にある 添 付 ファイル 削 除 に チェックをすることで 削 除 が 反 映 します 変 更 後 は 画 面 下 の 変 更 を 保 存 ボタンを クリックして 表 示 の 反 映 を 確 認 してください 8

お 問 い 合 わせフォーム お 問 い 合 わせフォームとは お 問 い 合 わせフォーム は ホームページ 上 で お 客 様 からのお 問 い 合 わせを 受 け 付 けることができるも のです お 客 様 が 問 い 合 わせ 内 容 など 必 要 事 項 を 入 力 送 信 を 行 うと 暗 号 化 通 信 技 術 を 利 用 して ホームペー ジの 管 理 者 にデータを 送 信 することができます お 問 い 合 わせフォームの 名 前 や 項 目 は お 客 様 の 必 要 に 応 じて 追 加 削 除 したり 必 須 項 目 などの 設 定 変 更 が 行 えます 案 内 文 初 期 状 態 では 以 下 の 内 容 が 記 載 され ています フォームの 内 容 に 応 じて 変 更 することも 可 能 です 初 期 設 定 の 項 目 について 初 期 設 定 は 以 下 の 項 目 となります 赤 字 部 分 は 必 須 設 定 を 行 っております ので 未 入 力 の 場 合 エラーが 表 示 され ます お 名 前 郵 便 番 号 都 道 府 県 ご 住 所 電 話 番 号 メールアドレス 問 い 合 わせ 内 容 必 須 項 目 項 目 について 必 須 の 設 定 が 行 えます 必 須 項 目 部 分 において 未 入 力 の 場 合 入 力 してください とのエラーが 表 示 されます 必 須 設 定 については 管 理 画 面 上 で 設 定 変 更 ができます 9

お 問 い 合 わせフォームのメールについて 受 取 先 メールアドレス お 客 様 がお 問 い 合 わせフォームに 入 力 送 信 された お 問 い 合 わせ 内 容 は メールで 貴 社 に 送 信 されます 自 動 返 信 機 能 お 客 様 がお 問 い 合 わせフォームの 送 信 ボタンを 押 した 後 に お 問 い 合 わせありがとうございます といった 内 容 の 定 型 のメールをお 客 様 に 自 動 で 返 信 することができます 初 期 状 態 では 以 下 の 書 式 で 自 動 返 信 される 設 定 になっています フォーム 送 信 後 に 届 くメールについて 管 理 者 ( 貴 社 ご 指 定 のメールアドレス) に 届 くメールの 内 容 件 名 :ホームページからの 問 い 合 わせ ------------------------------------------------ 以 下 の 内 容 にて 問 い 合 わせを 受 付 いたしました お 客 様 がフォーム から 入 力 送 信 お 名 前 田 中 太 郎 郵 便 番 号 05-744 都 道 府 県 東 京 都 ご 住 所 港 区 東 新 橋 -6--4F 電 話 番 号 0-574-787 管 理 者 向 け 送 信 者 (お 客 様 ) に 届 くメールの 内 容 件 名 :お 問 い 合 わせありがとうございます ----------------------------------------- このたびはお 問 い 合 わせをいただき ありがとうございます お 問 い 合 わせいただいた 内 容 は あらためて ご 返 答 させて いただきます お 客 様 名 田 中 太 郎 郵 便 番 号 05-744 都 道 府 県 東 京 都 ご 住 所 港 区 東 新 橋 -6--4F メールアドレス @itpark.ne.jp 電 話 番 号 0-574-787 お 問 い 合 わせ 内 容 テストです お 客 様 向 け 自 動 返 信 機 能 を 利 用 した 場 合 送 信 者 (お 客 様 )に 送 られます 定 型 の 件 名 管 理 画 面 より 変 更 可 能 です 定 型 の 文 章 (ヘッダー 部 分 ) 管 理 画 面 より 変 更 可 能 です 送 信 者 が 入 力 した 内 容 が 入 ります 管 理 画 面 より 変 更 可 能 です 定 型 の 文 章 (フッター 部 分 ) 管 理 画 面 より 変 更 可 能 です ********************************* 株 式 会 社 担 当 : <メールアドレス> TEL:0-4-5678 ********************************* 0

お 問 い 合 わせフォーム( 自 動 返 信 のメール) 送 信 者 に 送 られる 自 動 返 信 のメールのフォーマットを 変 更 したい / ( 変 更 前 ) 送 信 者 に 送 られる 内 容 件 名 :お 問 い 合 わせありがとうございます ( 変 更 例 ) 送 信 者 に 送 られる 内 容 件 名 : ITPARK CAFE お 問 い 合 わせありがとうございます このたびはお 問 い 合 わせをいただき ありがとうございます お 問 い 合 わせいただいた 内 容 は あらためて ご 返 答 させて いただきます お 客 様 名 田 中 太 郎 郵 便 番 号 05-744 都 道 府 県 東 京 都 ご 住 所 港 区 東 新 橋 -6--4F メールアドレス @itpark.ne.jp 電 話 番 号 0-574-787 お 問 い 合 わせ 内 容 テストです ********************************* 株 式 会 社 <メールアドレス> TEL:0-4-5678 ********************************* 田 中 太 郎 様 このたびはお 問 い 合 わせをいただき ありがとうございます 下 記 お 問 い 合 わせいただいた 内 容 は 翌 営 業 日 中 に あらためて ご 返 答 させていただきます お 客 様 名 田 中 太 郎 郵 便 番 号 05-744 都 道 府 県 東 京 都 ご 住 所 港 区 東 新 橋 -6--4F メールアドレス @itpark.ne.jp 電 話 番 号 0-574-787 お 問 い 合 わせ 内 容 テストです ********************************* ITPARK CAFÉ <toiawase@itpark9.com> TEL:0-4-5678 http://www.itpark9.com/ ********************************* 宛 名 に 様 を 付 け メール 文 頭 に 入 るよう 設 定 しました 赤 字 部 分 を 変 更 しました STEP 管 理 画 面 にアクセス 管 理 画 面 の フォーム 管 理 項 目 にある フォーム 管 理 画 面 へ ボタンをクリックしま す メール()を 使 う にチェック 自 動 返 信 機 能 が 有 効 になっています チェックを 外 すと 自 動 返 信 は 無 効 に なります 現 在 使 用 中 のフォームが 設 定 されていま す メール() の 項 目 をご 覧 ください つづく

お 問 い 合 わせフォーム( 自 動 返 信 のメール) 送 信 者 に 送 られる 自 動 返 信 のメールのフォーマットを 変 更 したい / STEP フォーマットの 変 更 メッセージ 本 文 : 自 動 返 信 で 送 信 者 に 送 られるメールの 内 容 となります それぞれ 自 由 に 変 更 可 能 です 案 内 文 件 名 : 上 記 件 名 で 右 記 の 本 文 で 表 示 された 内 容 のメールが 送 られます 分 かりやすい 件 名 にしましょう 文 頭 に [your-name] 様 を 追 加 宛 名 として 名 前 を 入 れることができます 表 示 例 ) 田 中 太 郎 様 案 内 文 署 名 の 差 し 替 え 案 内 文 や 署 名 は 自 由 に 変 更 できます フォームの 内 容 に 応 じて 自 由 に 変 更 ください 署 名 (フッター) メール() の 項 目 にある メッセージ 本 文 の 箇 所 を 変 更 すると 自 動 返 信 されるメー ルの 文 章 が 変 更 されます 内 容 変 更 後 画 面 下 にある 保 存 ボタンを クリックしてください これで 変 更 は 完 了 しました 実 際 に 問 い 合 わせフォームにアクセスし 変 更 した 内 容 が 反 映 しているか テスト 送 信 してみましょう

お 問 い 合 わせフォーム( 受 け 取 りメールアドレスの 設 定 ) 受 け 取 りメールアドレスを 変 更 追 加 したい / 管 理 者 ( 貴 社 ご 指 定 のメールアドレス) に 届 くメールの 内 容 件 名 :ホームページからの 問 い 合 わせ ------------------------------------------------ 以 下 の 内 容 にて 問 い 合 わせを 受 付 いたしました お 名 前 田 中 太 郎 変 更 例 ) 受 け 取 るメールアドレス 変 更 前 tanaka@itpark.com 変 更 後 toiawase@itpark.com 郵 便 番 号 05-744 都 道 府 県 東 京 都 ご 住 所 港 区 東 新 橋 -6--4F 電 話 番 号 0-574-787 STEP 管 理 画 面 にアクセス 管 理 画 面 の フォーム 管 理 項 目 にある フォーム 管 理 画 面 へ ボタンをクリックしま す フォームの 項 目 に 関 わる 部 分 現 在 使 用 中 のフォームが 設 定 されていま す フォームの 項 目 に 関 わる 部 分 項 目 の 内 容 などが 設 定 されている 箇 所 です 管 理 者 に 届 くメールのフォーマット 管 理 者 に 届 くメールのフォーマット 管 理 者 に 贈 られるケールのフォーマットが 設 定 されています 送 信 者 (お 客 様 )に 届 くメールのフォーマット 送 信 者 (お 客 様 )に 届 くメールのフォーマット 自 動 返 信 で 送 られるメールのフォーマットが 設 定 されている 箇 所 です

お 問 い 合 わせフォーム( 受 け 取 りメールアドレスの 設 定 ) 受 け 取 りメールアドレスを 変 更 追 加 したい / STEP メールアドレスの 変 更 管 理 者 に 届 くメールを 変 更 の 宛 先 します メール という 項 目 をご 覧 ください 宛 先 :に 入 力 されているメールアドレスを 削 除 し 変 更 したいメールアドレスに 差 し 替 え てください メールアドレスを 変 更 します 例 ) toiawase@itpark.com 複 数 のアドレスで 受 け 取 りたい 場 合 宛 先 のメールアドレス 入 力 欄 に 半 角 カンマ(,)で 区 切 って 入 力 することで 設 定 した 複 数 のメール アドレスでも 受 け 取 りができます 設 定 例 ) info@itpark.com,toiawase@itpark.com 4 設 定 完 了 後 画 面 下 にある 保 存 ボタンを クリックしてください これで 設 定 完 了 です 5 画 面 上 部 にある 管 理 画 面 トップへ ボタン をクリックしてください 6 ページプレビュー ボタンクリックします ホームページの 画 面 が 出 てきますので お 問 い 合 わせフォームを 開 き 自 分 でテスト メールを 送 ってみましょう テスト 送 信 する 際 は 受 け 取 り 可 能 なメール アドレスを 設 定 しよう 4

操 作 方 法 に 関 するお 問 い 合 わせ こちらのマニュアルは 都 度 更 新 してまいります その 他 操 作 方 法 について 分 からない 点 ありましたら 恐 れ 入 り ますが サポートデスクまでお 問 い 合 わせください お 問 い 合 わせ 窓 口 電 話 によるお 問 い 合 わせ サポートデスク 00-475-577 営 業 時 間 0:00~8:00( 土 日 祝 日 を 除 く) メールでのお 問 い 合 わせ support@itpark.ne.jp (4 時 間 受 付 ) お 問 い 合 わせの 際 には ご 利 用 のドメイン 名 (.comなど)と お 名 前 をお 知 らせください 5