ページ 作 成 フローについて
ページの 構 造 について(レイアウト/ 共 通 ヘッダー フッター) 1 共 通 ヘッダー フッターのレイアウトパターン * 共 通 ヘッダー フッター サイドバーのパターンは 複 数 作 成 することが 可 能 です * 基 本 上 層 ページの 共 通 パーツを 引 き 継 ぎますが 任 意 に 変 更 することも 可 能 です
ページの 構 造 について(コンテンツ 部 分 ) 2 コンテンツ 部 分 の 基 本 構 成 共 通 ヘッダー 横 100% 共 通 サ イ ド バ ー 横 100% 共 通 フッター
共 通 ヘッダー フッターとコンテンツ 部 分 の 編 集 画 面 について 3 共 通 ヘッダー フッター 部 分 共 通 ヘッダー フッター 編 集 ページ 編 集 コンテンツ 部 分 共 通 ヘッダー フッターとコンテンツは 編 集 画 面 が 別 になります
ブロックについて 4 コンテンツ 部 分 共 通 ヘッダー フッター 部 分 ページ 作 成 は 基 本 レイアウトにもとづいてブロックを 組 み 合 わせで 作 成 します ブロックによって レイアウトや 役 割 機 能 が 異 なります ニュース 見 出 し(ブロック) ブログ 見 出 し(ブロック) 見 出 し(ブロック) セット(ブロック) ブロックの 追 加 削 除 移 動 複 製 を 行 うことができます
ブロックの 種 類 5 ブロックのカラーやスタイル( 装 飾 )は 選 択 されている ページのテーマカラー スタイル( 装 飾 )に 依 存 します またブロックによって 設 定 内 容 が 異 なります
ブロックの 種 類 6
ブロックの 種 類 7
ブロックの 種 類 8
ブロックの 種 類 9 Coming soon Coming soon Coming soon Coming soon
HTMLブロック カスタムCSS 機 能 について 10 ご 提 供 する 各 種 ブロックで 満 足 いくものができない 場 合 HTMLブロック カスタムCSS 機 能 を 利 用 することができます Q ブロックの 規 定 スタイル( 装 飾 )を 変 更 したい A カスタムCSS 機 能 をご 利 用 ください Q JavaScriptを 使 いたい A HTMLブロックに 直 接 組 み 込 むか ファイルをアップロードしてご 利 用 ください 注 意 HTMLブロックは head では 使 えません body のみとなります データベースと 連 携 する 動 的 なページは 作 成 できません HTMLブロック カスタムCSSは 自 由 にコードが 書 ける 半 面 その 影 響 でページに 不 具 合 がでる 可 能 性 があります
ページ 作 成 について 管 理 画 面 は 制 作 者 だけではなく 制 作 知 識 のない 学 校 担 当 者 の 人 でも 簡 単 に 使 える ことをコンセプトに 設 計 しております
管 理 画 面 TOP 11 管 理 画 面 のTOPは 各 メニューへの 入 り 口 になるとともに ページ 更 新 やお 申 込 みのステータスが 一 目 で 数 字 で 分 かるようになっています ページ ページの 作 成 更 新 をおこないます ニュース ニュース 記 事 の 追 加 管 理 をおこないます ブログ ブログ 記 事 の 追 加 管 理 をおこないます イベント イベント 記 事 の 追 加 管 理 又 は 応 募 者 管 理 をおこないます 資 料 請 求 資 料 請 求 の 応 募 者 管 理 をおこないます お 問 い 合 わせ お 問 い 合 わせの 応 募 者 管 理 をおこないます 効 果 測 定 アクセスやコンバージョンの 分 析 をおこないます
カンタン 作 成 機 能 の 流 れ カンタン 作 成 機 能 はお 申 込 み 頂 いた 学 校 の 情 報 をもとに 自 動 でページを 作 成 する 機 能 です ご 提 案 時 のデモサイト や 本 番 作 成 をおこなう 際 のたたき としてご 利 用 できます
カンタン 作 成 機 能 <Step1> 12 テンプレート(ブロックの 組 合 せ)を 選 択 します デザインパターン3 種 :ブロックの 組 合 せパターン レイアウト:1カラム~3カラム カラー11 種 :ページのテーマカラー スタイル3 種 : 角 丸 やグラデーションなどの 装 飾 合 計 297パターンからおすすめの 数 十 パターンに 厳 選 して 一 覧 表 示 します
カンタン 作 成 機 能 <Step2> 13 選 択 したテンプレートに 対 して プレビューを 見 ながらカラーやスタイルなどの 調 整 ができます 以 下 の 設 定 ができます デザインパターン:ブロックの 組 合 せパターン レイアウト:1カラム~3カラム テーマカラー:ページのテーマカラー カスタムテーマカラー:カラーコードの 指 定 スタイル: 角 丸 やグラデーションなどの 装 飾 上 記 の 設 定 を 変 更 すると リアルタイムにプレビューが 変 化 します プレビューするデバイスを 切 り 替 えることも 可 能 です
カンタン 作 成 機 能 <Step3> 14 作 成 するページを 選 択 します ページの 種 類 は 全 部 で20ページあります カンタン 作 成 機 能 作 成 できるページ 一 覧 トップ ニュース 一 覧 ニュース 詳 細 ブログ 一 覧 ブログ 詳 細 学 校 案 内 交 通 アクセス 学 部 学 科 一 覧 学 部 ページ 学 科 詳 細 ページ 入 学 入 試 よくある 質 問 キャンパスライフ 年 間 スケジュール キャンパスマップ 就 職 進 路 情 報 イベント 情 報 (オープンキャンパス) 一 覧 イベント 申 し 込 みフォーム 資 料 請 求 サイトマップ
ページ 作 成 更 新 の 流 れ
ページ 一 覧 画 面 (ページツリー) 15 ページツリーにより ページをわかりやすく 階 層 的 に 管 理 することができます 作 成 ページの 確 認 と 追 加 移 動 コピーなどを 行 うことができます 階 層 によって 開 閉 式 ページ 検 索 機 能 ( 開 閉 式 ) ページ 名 やURLなどで 検 索 することができます ページツリーの 表 示 情 報 共 通 ヘッダーフッター 名 URL 作 成 日 時 公 開 状 況 などを 表 示 させる ことができます 利 用 している 共 通 ヘッ ダーフッターによってカ ラーが 異 なります 操 作 ボタン ページバーをクリックすると 操 作 ボタンが 表 示 されます 編 集 ページ 編 集 画 面 へ 複 製 ページを 複 製 します ゴミ 箱 ページをゴミ 箱 に 移 動 させます 移 動 ページを 移 動 させます
ページ 編 集 画 面 16 A B 編 集 と プレビュー の 切 替 PC タブレット スマホ の 切 替 どのデバイスでも 編 集 が 可 能 です 基 本 設 定 公 開 設 定 やSEO 設 定 など ページ 全 体 の 基 本 設 定 下 書 き 保 存 編 集 した 内 容 はいったん 下 書 きとして 保 存 できます 下 書 きを 公 開 保 存 している 下 書 きを 公 開 します C D 基 本 デザイン 編 集 共 通 ヘッダー フッ ターの 変 更 基 本 カラー スタイルの 変 更 を 行 うことができます E ブロックを 選 択 するとメニューボタンが 表 示 されます 編 集 ブロック 編 集 画 面 へ 複 製 ブロックが 複 製 されます 削 除 ブロックが 削 除 されます 移 動 ブロックの 位 置 を 移 動 します 追 加 新 しくブロックを 追 加 します F 非 表 示 デバイス 表 示 設 定 しているデ バイスを 表 示 (ブロック 単 位 ) G H 元 に 戻 す やり 直 す アンドゥ リドゥ
ページ 編 集 /プレビュー 画 面 17 編 集 と プレビュー の 切 替 PC タブレット スマホ の 切 替 どのデバイスでも 編 集 プレビュー が 可 能 です 共 通 ヘッダーフッター サイドバー 部 分 もフィルターが 消 えて 公 開 サイトと 同 様 にページを 確 認 できます
ブロック 編 集 画 面 18 ブロック 名 管 理 用 ですが 見 出 し として ページ 表 示 させることもできます 表 示 端 末 ブロック 単 位 でデバイス 毎 の 表 示 設 定 ができます 例 /スマホの 場 合 はテキストを 短 く したい という 場 合 はPC タブ 表 示 とスマホ 表 示 のブロックをそれぞれ 作 成 すればOKです ブロック 編 集 ブロックに 応 じて 必 要 なテキスト や 画 像 を 入 力 リンク 設 定 をおこな います パーツの 追 加 変 更 パーツ(ブロックを 構 成 する 要 素 )の 追 加 コピー 変 更 を 行 うことができます 上 へ 下 へ パーツの 位 置 を 移 動 させることができます 削 除 パーツを 削 除 できます 開 閉 式 ブロック パーツ (ブロックを 構 成 する 要 素 )
画 像 アップロード 画 面 19 アップした 画 像 画 像 アップロード 画 面 では 画 像 の 拡 大 縮 小 トリミングを おこなうことができます 調 整 をおこなわず 画 像 をそのままアップすることもできます (レスポンシブの 適 正 な 動 作 のためトリミングすることを 奨 励 します) トリミング 枠 画 像 の 位 置 調 整 上 下 左 右 ボタン 画 像 の 回 転 右 回 転 左 回 転 画 像 の 拡 大 縮 小 スライダー 式 の 拡 大 縮 小 ボタン 画 像 の 縦 横 比 の 選 択 各 ブロックに 応 じて 縦 横 比 のパターンを 用 意 レスポ ンシブにうまく 対 応 するように 設 計 しています フィット 機 能 ワンクリックで 自 動 調 整 する 便 利 機 能 です 枠 に 合 わせる 場 合 画 像 に 合 わせる 場 合 の2 種
ページ 編 集 /ブロックの 追 加 20 追 加 場 所 の 指 定 挿 入 できるブロックの 一 覧 が 表 示 されます
イベントページとイベントの 追 加 方 法
イベントページ( 公 開 サイト) 21 イベント 告 知 ページ イベント 応 募 フォーム 1イベント 選 択 したイベントは 引 き 継 がれています
イベントページ( 管 理 画 面 ) 22 ページ からはイベントを 表 示 させるブロックを 挿 入 して 追 加 更 新 は 専 用 画 面 からおこないます (ニュース ブログも 同 様 ) 新 規 イベントの 追 加 イベント 名 告 知 に 表 示 開 催 日 告 知 に 表 示 受 付 開 始 時 間 告 知 に 表 示 開 催 場 所 告 知 に 表 示 参 加 上 限 数 告 知 に 表 示 上 限 に 達 した 場 合 は 受 付 不 可 となる 説 明 イベントの 説 明 テキスト 告 知 に 表 示 画 像 3つのパターンから 選 択 できます 表 示 するフォーム このイベントを 選 択 した 時 に 表 示 させる フォームを 選 択 できます 例 / 特 定 イベントのみバス 予 約 がある 場 合 には そのイベントのみバス 予 約 フォームを 表 示 させるなど イベントページ 表 示 期 間 イベント 告 知 を 表 示 させる 期 間 を 設 定 でき ます フォーム 受 付 期 間 フォームで 受 付 できる 機 関 を 設 定 できます