ホームページセミナー 構 築 編 ポケカン 基 本 操 作 ホームページ 作 成 北 大 阪 商 工 会 議 所
目 次 ポケカン 基 本 操 作 Pokecan(ポケカン)とは.. 3 ログイン/ログアウト ログアウト Pokecanにログイン.. 5 管 理 ページトップ.. 6 マイホームページを 開 く.. 7 Pokecanからログアウト.. 8 初 期 設 定 管 理 ページトップ A. 初 期 設 定. 10 運 営 者 情 報 の 編 集..11 タイトル キーワードの 設 定..12 ホームページ 作 成 管 理 ページトップ B.ホームページ 作 成 14 スキン デザイン 選 択 (PC)..15 画 像 登 録..16 画 像 倉 庫..17 バナー 登 録 (PC)..18 トップページ 作 成 トップページを 作 成 する..20 エディタの 使 い 方..21 画 像 を 削 除 する..22 画 像 を 挿 入 する..23 各 ページ 記 事 型 ページ 作 成 ( 新 規 作 成 )..25 ページ 一 覧 ( 既 存 の 記 事 を 編 集 する) 26 メニューの 追 加 編 集 メニューの 構 成.. 28 トップメニューを 追 加 する.. 29 トップメニューを 並 び 替 える.. 30 メニューの 名 称 を 変 更 する.. 31 サブメニューを 追 加 する.. 32 メニューを 削 除 する.. 33 トップメニューを 非 表 示 にする.. 34 お 問 合 せ フォーム 一 覧.. 36 フォームの 編 集.. 37 その 他 の 機 能 表 の 編 集.. 39 記 事 の 順 番 を 並 び 替 える.. 40 ブログパーツを 使 う.. 41 初 期 基 本 設 定 /Flashバナー 作 成.. 43 リクルートページ.. 44 困 ったときは 困 ったときは.. 46
Pokecan(ポケカン)とは 北 大 阪 商 工 会 議 所 がご 提 供 するCMSアプリケーション ホームページの 専 門 知 識 がなくても 記 事 の 作 成 削 除 編 集 などが 手 軽 にできます ブログシステムの 使 いやすさを 企 業 用 ホームページに 適 応 させ さまざまな 便 利 機 能 を 搭 載 しました 会 社 のオ フィシャルホームページとして 利 用 するのに 最 適 なツー ルです 更 新 作 業 時 間 の 短 縮 とコスト 削 減 が 主 なメリットです 電 話 やメールでのサポート 付 き 3
ログイン/ログアウト
Pokecanにログイン 1InternetExplorerなどのブラウザのアドレス 欄 に 下 記 URLを 入 力 してポ ケカンのサイトにアクセスします http://www.pokecan.net/ 2 画 面 左 にあるログインパネ ルにユーザIDとパスワードを 入 力 し ログイン をクリック! 3ログインすると ようこそ 様 に 切 り 替 わります 4 管 理 画 面 ボタン をクリックし 管 理 ページトップを 開 き ましょう 5
管 理 ページトップ 管 理 ページトップは 操 作 を 行 うための 基 本 ページです 各 設 定 の 変 更 や 更 新 をした 後 は 必 ずこのページに 戻 るようにします セミナー 中 は 企 業 ホームペー ジプランの 機 能 が 使 えます セミナー 中 はPC 版 のみを 作 成 します 6
マイホームページを 開 く 1 管 理 画 面 右 上 の マイホームページ を クリック 2あなたのホームページが 表 示 されます ログイン 中 は 編 集 用 メニューが 表 示 されます (ログインしていない 時 は 表 示 されません ) 7
Pokecanからログアウト 1 管 理 画 面 右 上 の ログアウト を クリック 2ログイン 前 の 状 態 に 戻 ります 8
初 期 設 定
管 理 ページトップ A. 初 期 設 定 各 種 初 期 基 本 設 定 セミナーではすでに 設 定 して いるので 特 に 変 更 しなくてもよい 運 営 者 情 報 の 編 集 ができる パスワードの 変 更 ができる アクセス 数 などが 見 れる( 簡 易 ) タイトル キーワードの 設 定 ができる 10
運 営 者 情 報 の 編 集 1A. 初 期 設 定 a. 初 期 基 本 設 定 (7) 運 営 者 情 報 の 編 集 をクリックします 2 運 営 者 情 報 の 編 集 ができます ここをクリックすると 管 理 ページトップに 戻 ります 3 編 集 後 画 面 下 の 上 記 内 容 で 反 映 する をクリック! 更 新 しました と 表 示 され 即 座 にサイトに 変 更 が 反 映 されます 会 社 名 ( 団 体 事 業 主 名 )はCopyrightに 入 ります 運 営 者 情 報 はお 申 し 込 み 内 容 と 同 じものを 入 力 してください 4 編 集 をキャンセルしたい 時 や 編 集 を 終 えた 時 は 管 理 ページトップ をクリックし 管 理 ページトップに 戻 ります メールアドレスの 変 更 があった 場 合 は 書 き 換 えてください ここをクリックすると 反 映 されます 11
ホームページタイトル キーワードなどの 設 定 1A. 初 期 設 定 b.seo 対 策 (アクセス 管 理 ) (1) タイトル キーワードの 設 定 をクリックします ホームページタイトルはトップページのタイトルを 入 力 します titleタグ 用 タイトルはSEO 対 策 用 titleタグ 情 報 (PC 用 ): 全 角 33 文 字 以 内 を 入 力 します キーワードは 検 索 エンジン 用 キーワードを,( 半 角 カンマ) で 区 切 って 複 数 を 入 力 ます ホームページの 説 明 はDescription キャッチコピー: 全 角 77 文 字 以 内 を 入 力 します 編 集 後 上 記 内 容 を 反 映 する をクリックする 12
ホームページ 作 成
管 理 ページトップ B.ホームページ 作 成 テンプレートを 変 更 できる トップバナーを 変 更 できる 画 像 を 登 録 できる 画 像 倉 庫 を 見 る メニューの 追 加 や 編 集 ができる トップページの 編 集 ができる 新 規 記 事 型 ページが 作 れる 新 規 フォーム が 作 れる 既 存 の 記 事 の 編 集 ができる 既 存 のフォームの 編 集 ができる 14
スキン デザイン 選 択 (PC) テンプレートを 変 更 できる プレビューが 見 られる テンプレートを 適 用 色 を 選 べる ポケカンをお 申 し 込 みの 方 にはSEO 対 策 のために テンプレー トにアクセス 解 析 をセットいたします アクセス 解 析 セット 後 は テンプレートの 変 更 は 行 わないようご 注 意 ください 15
画 像 登 録 1B.ホームページ 作 成 a.デザイン (8) 画 像 登 録 をクリックします 2 画 像 登 録 画 面 が 表 示 されます 3 画 像 ファイルの 選 択 参 照 をクリック 画 像 を 選 択 し 開 く をクリック 4パソコン 内 のファイルが 表 示 されます 5 画 像 を 選 択 し 開 く をクリック! 6 画 像 ファイルの 選 択 ボックス 内 にパスが 書 き 込 まれる 7 上 記 で 参 照 した 画 像 を 登 録 する をクリック 8 画 像 ファイル1: 正 常 に 登 録 しました と 表 示 されれば 登 録 完 了 16
画 像 倉 庫 1B.ホームページ 作 成 a.デザイン (11) 画 像 倉 庫 をクリックします 2 登 録 された 画 像 の 一 覧 が 表 示 されます 3 掲 載 したい 画 像 が 登 録 されているか 確 認 できます ここでも 切 り 替 えられる 17
バナー 登 録 (PC) 1B.ホームページ 作 成 a.デザイン (4)バナー 登 録 (PC) をクリックします 2バナー 設 定 画 面 が 表 示 されます 3 画 像 倉 庫 から 選 択 する をクリック 4 画 像 の 挿 入 ウィンドウが 開 く 5 登 録 したい 画 像 の 選 択 をクリック 6 登 録 中 のバナーが 選 択 した 画 像 に 変 更 される 7 上 記 設 定 を 反 映 する をクリックする 更 新 します よろしいで すか? というダイアログ ボックスが 表 示 された 時 は OK をクリックすると 反 映 が 確 定 される 18
トップページ 作 成
トップページを 作 成 する 1B.ホームページ 作 成 c. トップページ (1)トップページ 作 成 をクリックします 2トップページの 作 成 画 面 が 表 示 されます トップページを 固 定 する にチェックをする トップページのサイト 紹 介 文 ( 見 出 し) (なるべく1 行 で) 本 文 画 像 反 映 前 に プレビュー で 確 認 することができます 20
21 エディタの 使 い 方 記 事 を 書 き 込 むところをエディタと 呼 んでいます 文 章 の 編 集 や 装 飾 リンク 画 像 の 貼 り 付 けなどができます 使 い 方 はWordによく 似 ています ( 例 ) 文 字 にリンクをつけたい 場 合 リンクをつけたい 文 字 をドラッグして 選 択 し ツールバーの (リンクの 挿 入 / 編 集 )ボタンをクリックし ます 表 示 されたダイアログボックスにリンク 先 URLとターゲットを 指 定 すると 選 択 した 文 字 にリンクが つきます 編 集 のコツ *この 順 番 で 行 うと 編 集 しやすい 1 文 字 をすべて 入 力 2 文 字 を 修 飾 3 画 像 の 差 し 替 え 4 リンクの 設 定 フ ォ ン ト サ イ ズ 太 字 斜 体 下 線 抹 消 線 左 詰 め 中 央 合 わ せ 右 詰 め 行 揃 え 背 景 色 の 選 択 文 字 色 の 選 択 リ ン ク の 挿 入 編 集 リ ン ク の 削 除 画 像 の 挿 入 編 集 水 平 線 を 挿 入 す る 新 し い 表 を 挿 入 し ま す や り 直 し 再 実 行 HTMLで 編 集 す る
画 像 の 削 除 1 削 除 したい 画 像 をクリックして 選 択 します 2キーボード[Delete]キーを 押 します 22
画 像 の 挿 入 1 画 像 を 挿 入 したい 所 をクリックしてカーソルを 入 れます ( 文 字 の 先 頭 がおすすめ) 2 画 像 の 挿 入 / 編 集 ボタンをクリック 3 画 像 の 挿 入 ウィンドウが 開 きます 4 挿 入 したい 画 像 の 配 置 をクリック ( 左 寄 せがおすすめ) ここに 画 像 を 入 れたい 時 クリックしてカーソルを 文 頭 にいれておく 左 寄 せ をクリック カーソルの 位 置 に 画 像 が 入 る 23
各 ページ
記 事 型 ページの 作 成 ( 新 規 作 成 ) 1B.ホームページ 作 成 d. 各 ページ (1) 記 事 型 ページ 作 成 ( 投 稿 ) をクリックします 2ページ 作 成 画 面 が 表 示 されます 3 投 稿 先 メニューを 選 択 する 4 記 事 タイトルを 入 力 する 5 記 事 を 編 集 する 6 記 事 を 投 稿 する をクリック 7 マイホームページ で 記 事 が 追 加 されていることを 確 認 する 25
ページ 一 覧 ( 既 存 の 記 事 を 編 集 する) 1B.ホームページ 作 成 d. 各 ページ (3)ページ 一 覧 をクリックします 2ページ 一 覧 が 表 示 されます 3 修 正 したいページの 編 集 をクリック 4エディタが 開 き 編 集 ができるようになる ページが 多 くなった 場 合 は 検 索 すると 便 利 です 1. 投 稿 先 を 変 更 することができます 2. 記 事 タイトルを 変 更 することができます 3. 記 事 の 内 容 ( 画 像 や 本 文 など)を 変 更 することができます 1 2 3 26
メニューの 追 加 編 集
メニューの 構 成 1B.ホームページ 作 成 b. メニュー (1)メニューの 追 加 編 集 をクリックします 2メニューの 追 加 編 集 (PC 携 帯 ) 画 面 が 表 示 されます 1 列 目 のトップメニュー 1 列 目 のトップメニュー サブメニュー 2 列 目 のトップメニュー サブメニュー 2 列 目 のトップメニュー 28
トップメニューを 追 加 する 1 トップメニューを 新 規 追 加 する をクリック 2メニューの 形 式 を 選 択 し 作 成 するメニューの 名 称 を 入 力 する 3 上 記 内 容 でトップメニューを 追 加 する をクリック 一 般 的 な 記 事 のメニュー 形 式 は 記 事 型 です メニューの 形 式 を 変 更 すると 説 明 文 も 変 わる ここに 選 択 したメニューの 説 明 文 が 表 示 される 29
トップメニューを 並 び 替 える 1 トップメニューを 並 び 替 える をクリック 2トップメニューを 並 び 替 える 画 面 で メ ニューを 選 択 し ボタンで 移 動 させ 並 び 替 えを 反 映 する をクリック この 順 番 も 並 び 替 えられる 1 列 目 のメニューと2 列 目 のメニューを 並 び 替 える 時 は で 移 動 する 1 列 目 のメニュー 内 2 列 目 のメニュー 内 で 並 びを 替 えるときは で 移 動 する 30
1メニュー 名 称 を 書 きかえる メニューの 名 称 を 変 更 する 2 名 称 の 変 更 を 反 映 する をクリック 31
サブメニューを 追 加 する 1サブメニューを 追 加 したいトップメニューの 右 にある 追 加 をクリック 2サブメニューを 追 加 する 画 面 でサブメニュー 名 を 入 力 し 上 記 内 容 でサブメニューを 追 加 する をクリック 3サブメニューが 追 加 された 32
1 削 除 したいメニューにチェッ クを 入 れる メニューを 削 除 する 2 チェックを 付 けたメニューを 削 除 をクリック メニューの 中 に 記 事 が 登 録 されている 場 合 はメニューの 削 除 ができません 33
トップメニューを 非 表 示 にする 1 非 表 示 にしたいメニューの 右 にある 公 開 中 をクリック 2 トップメニューの 公 開 状 態 の 更 新 を 終 了 しました と いうメッセージが 表 示 される 3 非 公 開 のメニューに 移 動 する 非 公 開 中 となっているボ タンをクリックすると 再 び 公 開 される 34
お 問 合 せ
フォーム 一 覧 ( 既 存 のフォームを 編 集 する) 1B.ホームページ 作 成 e. お 問 合 せ(フォーム) (2)フォーム 一 覧 をクリックします 2フォーム 一 覧 が 表 示 されます 3 修 正 したいフォームの 編 集 をクリック 4エディタ 等 が 開 き 編 集 ができるようになる 36
フォームの 編 集 自 動 返 信 機 能 利 用 する 場 合 は 返 信 の 件 名 返 信 の 本 文 も 必 ず 入 力 しなければいけません フォーム フォームを 編 集 並 び 替 え 削 除 ができます 利 用 する 場 合 はチェックを 入 れる 並 び 替 え フォーム 作 成 例 ラジオ メールアドレス テキスト( 単 数 行 ) フォームの 項 目 を 追 加 できます セレクト テキスト( 複 数 行 ) チェック 37
その 他 の 機 能 その 他 の 機 能 はセミナーでは 行 いません
表 の 編 集 行 を 追 加 する 簡 単 な 方 法 右 クリック 行 のコピー 行 を 追 加 して 貼 り 付 け 1コピーしたい 行 で 右 クリックする 2メニューが 表 示 されるので 行 のコピー をクリックする 3 追 加 したい 行 の 上 で 右 クリックする 4メニューが 表 示 されるので 行 を 追 加 して 貼 り 付 け をクリックする 5 行 のコピー 貼 り 付 けで 追 加 された 行 の 内 容 を 変 更 する 電 話 番 号 の 行 の 中 で 右 クリック 行 のコピー をクリック 電 話 番 号 の 行 の 中 で 右 クリック 行 を 追 加 して 貼 り 付 け をクリック 行 を 削 除 する 簡 単 な 方 法 右 クリック 行 の 削 除 電 話 番 号 の 行 がコピーされ 2つになった 電 話 番 号 の 行 1つの 内 容 を 書 き 換 える 1 削 除 したい 行 で 右 クリックする 2メニューが 表 示 されるので 行 の 削 除 をクリックする 表 を 編 集 するには 表 内 で 右 クリックします 行 を 編 集 するには 行 内 で 右 クリックします 行 の 挿 入 は 選 択 行 の 上 に 行 ができます 行 の 追 加 は 選 択 行 の 下 に 行 ができます 行 の 削 除 は 選 択 行 が 削 除 されます 列 を 編 集 するには 列 内 で 右 クリックします 列 の 挿 入 は 選 択 列 の 左 に 列 ができます 列 の 追 加 は 選 択 列 の 右 に 列 ができます 39
記 事 の 順 番 を 並 び 替 える 記 事 の 表 示 順 を 並 び 替 えたいとき 1ページ 一 覧 から 順 番 を 並 び 替 えたい 記 事 を 選 び 編 集 する 2エディタ 下 部 の 拡 張 設 定 を 表 示 する ボタンをクリック 3 上 に 表 示 させたい 記 事 の 投 稿 時 間 を 下 に 表 示 させたい 記 事 より 新 しい 時 間 に 変 更 すると 記 事 の 順 番 を 上 に 表 示 で きる 上 下 の 順 番 を 替 えたい ポケカンでは 投 稿 時 間 の 新 しい 記 事 が 上 に 表 示 される 仕 様 になっている 上 が 投 稿 時 間 が 新 しい 記 事 下 が 投 稿 時 間 が 古 い 記 事 40
ブログパーツを 使 う ブログパーツ 使 用 例 ブログパーツとは ページのサイドバー(2 列 目 のメニュー)に 配 置 し そのブロ グに 関 する 情 報 などのコンテンツを 表 示 することができる 部 品 (パーツ)のこと 機 能 性 やデザイン 性 を 向 上 させるのが 主 な 目 的 ブログパーツは 全 ページのサイドバーに 表 示 される 目 立 つ 位 置 に 表 示 されるので 工 夫 しだいで 見 栄 えが 大 きく 変 わります 例 えば 文 字 にリンクをつける 例 えば 画 像 にリンクをつける 例 えば 注 目 記 事 の 宣 伝 例 えば アピール 文 を 載 せる ブログパーツ 使 用 イメージ 41
ブログパーツを 使 う( 続 き) 1B.ホームページ 作 成 b. メニュー (1)メニューの 追 加 編 集 をクリックします 2メニューの 追 加 編 集 (PC 携 帯 ) 画 面 が 表 示 されます 3 トップメニューを 新 規 追 加 する をクリック 4メニューの 形 式 はブログパーツを 選 択 し 作 成 するメニューの 名 称 を 入 力 する 5 上 記 内 容 でトップメニューを 追 加 する を クリックすると2 列 目 のメニューに 追 加 さ れる 6 追 加 したブログパーツの 右 にある 編 集 ボタンをク リック ブログパーツ 欄 を 選 択 する メニュー 名 を 入 力 する 7エディタが 開 くので 内 容 を 入 力 し 上 記 内 容 で 反 映 する をクリックすると 全 ページのサイドバー(2 列 目 のメニュー)に 表 示 される 42
初 期 基 本 設 定 /Flashバナー 作 成 A. 初 期 設 定 a. 初 期 基 本 設 定 Flash Flashバナー 作 成 (2)ページ 作 成 の 基 本 設 定 1ページに 表 示 する 記 事 数 などを 設 定 できます (3) コメント トラックバックの 設 定 コメント トラックバックの 公 開 通 知 設 定 (4) 投 稿 の 初 期 状 態 設 定 エディタに 関 する 初 期 設 定 (5) 公 開 サイトの 設 定 PC 携 帯 サイトの 公 開 設 定 (6) 携 帯 の 設 定 携 帯 サイトを 公 開 する 場 合 携 帯 電 話 から 投 稿 できるようにする (9) 公 開 非 公 開 の 設 定 何 らかの 事 情 で 一 時 的 にサイトを 非 公 開 したい 場 合 (SEO 対 策 上 お 薦 めしません) チェックを 入 れると 設 定 部 分 が 表 示 される Flashバナーを 作 り トップバナーに 適 応 させることができます ( 簡 易 Flashバナー) 設 定 部 分 ホームページを 効 果 的 に 見 せる 方 法 として Flashを 上 手 に 活 用 しているサ イトも 多 くあります しかし なんとなくFlashを 使 いたいと いう 理 由 で 特 に 意 味 を 持 たない Flashを 使 うと かえって 見 難 いページ になることが 多 く また 見 る 人 の 環 境 によっては 表 示 に 時 間 がかかったり Flashプレイヤーのインストールが 必 要 だったりと *(1)アクセシビリティ 面 でもマイナスと 言 えます *(1) (1)アクセシビリティ どの 程 度 広 汎 な 人 に 利 用 可 能 であるかをあらわす 語 特 に Webページについての 利 用 のしやすさ を Webアクセシビリティ という 43
リクルートページ D. D.リクルート a.リクルートページ (1)~(4)を 設 定 していけば 求 人 ページと 履 歴 書 をかねた 応 募 フォームが 自 動 的 にできる 44
困 ったときは
困 ったときは 画 像 が 正 しく 表 示 されない 画 像 が 表 示 されずファイル 名 になっている 画 像 倉 庫 から 画 像 が 削 除 されています もう 一 度 画 像 登 録 をしてくださ い 画 像 がぼやけて 見 える 画 像 は 必 ず 表 示 したいサイズに 加 工 してから 登 録 してください エディタ 内 でドラッグし 画 像 サイズを 変 更 すると 画 像 がきれいに 表 示 されません 画 像 の 幅 が 大 きすぎていませんか 幅 525px 以 上 の 画 像 を 挿 入 すると 自 動 的 に 縮 小 され 画 像 がきれいに 表 示 されないことがあります 画 像 倉 庫 にサイズを 変 更 した 同 じファイル 名 の 画 像 を 再 度 登 録 しませ んでしたか 画 像 倉 庫 の 画 像 を 一 度 削 除 し サイズを 変 えた 同 じファイ ル 名 の 画 像 を 再 度 登 録 した 場 合 は その 画 像 を 使 用 している 記 事 のエ ディタを 開 き 一 旦 画 像 を Delete キーで 削 除 した 後 もう 一 度 画 像 を 挿 入 してください 画 像 の 位 置 がずれる 画 像 はあらかじめ 登 録 しておき エディタの 画 像 の 挿 入 / 編 集 ボタン から 挿 入 してください その 際 左 寄 せ 右 寄 せ 中 央 寄 せ のいず れかを 指 定 してください エディタ 下 部 の 画 像 直 接 登 録 機 能 から 挿 入 す ると 画 像 の 位 置 が 指 定 されないため ずれて 表 示 される 場 合 がありま す 画 像 の 幅 が 大 きすぎていませんか 表 示 できる 画 像 サイズは 本 文 は 幅 525px 2 列 目 のメニューは 幅 160pxまでです (2 列 目 のメニュー 幅 はテ ンプレートにより 若 干 異 なります )それ 以 上 の 画 像 は 画 面 に 入 りきらな いため ずれて 表 示 されてしまうことがあります 画 像 の 位 置 がずれてしまった 場 合 は 一 旦 画 像 を Delete キーで 削 除 した 後 もう 一 度 正 しい 位 置 に 入 れなおしてください ページのレイアウトが 崩 れた ページのレイアウトが 崩 れた ページ 内 で 表 を 使 っている 記 事 はありませんか その 表 の 幅 が525pxよ り 大 きいと 表 が 記 事 に 入 りきらないため レイアウトが 崩 れることがあり ます 表 の 幅 を525px 以 下 に 変 更 してください トップページのレイアウトが 崩 れた (セミナー 参 加 者 ) セミナーではあらかじめトップページにスタイルを 使 用 しています スタ イルが 消 えてしまった 崩 れてしまったときは ポケカンカスタマーサ ポートまでご 連 絡 ください (スタイルが 不 要 な 場 合 を 除 く) メニューを 削 除 できない 不 要 なメニューを 削 除 しようとしても 削 除 できない 削 除 しようとするメニューの 中 に 記 事 が 含 まれていると 削 除 できません メニュー 内 に 存 在 する 記 事 を 移 動 させてください もしくはメニューは 削 除 せず 記 事 ごと 非 表 示 にしておく 方 が 簡 単 です ログインできなくなった パスワードを 間 違 えすぎてログインできなくなった IDとパスワードを10 回 連 続 して 間 違 うとロックがかかり ログインできなく なります ロックが 解 除 されるまでしばらくお 待 ちください( 約 2 時 間 ) その 他 お 困 りのことがありましたらポケカンカスタマーサポートまで お 問 合 せください ポケカンカスタマーサポートTEL:072-841-0001 46