• HP制作サービスの概要

    HP制作サービスとは、基本情報や簡単な操作で簡単にホームページができる機能です。 好みのデザインに変更したり、好きな写真を登録することでオリジナルのホームページが作成できます。

    記事公開日:2018年11月20日
    最終更新日:2018年11月21日

  • 1.初期設定

    まず初めにホームページのURLやテンプレートを設定します。

    ①コドモンにログインし、「HP 制作サービス」アイコンをクリック

     

    「サイト編集」アイコンをクリック

    テンプレートを選択
    ※ホームページを開いたときに一番最初に表示されるページのテンプレートです。
    内容は編集することができます。編集方法はこちらをご参照ください。

    ④ホームページの URL (アドレス)を設定
    下記「●●●●」の部分を任意の文字
    に設定します。
    「https://●●●●.codmon.net」
    ※使用できる文字詳細はこちらをご参照ください。

    ⑤基本情報に園情報を入力し、「保存」をクリック
    ※設定した園の情報は地図や連絡先などに自動反映されます。
    (詳細はこちらをご参照ください。)

    記事公開日:2018年11月20日
    最終更新日:2018年11月21日

  • 2.管理画面の使い方

    記事公開日:2018年11月20日
    最終更新日:2018年11月21日

  • 3.ページを編集

    コドモンのホームページ制作ではレイアウトを変更したり、テキスト/画像の編集ができます。

    編集方法:編集したいページの右上にある「編集モード」をクリックします。

     

    3-1.テキストを編集する

    編集したい部分をクリック

    ②テキストに文字を入力する

    ③文字の大きさや色などを変更する
    左側のツールバーより文字のフォントや色を変更できます。
    ※ツールボタンの説明はこちらをご参照ください。

     

    3-2.画像を編集する

    画像を差し替えたり、トリミングの調整ができます。

    ①画像にカーソルを合わせて「カメラマーク」をクリック

    ②挿入したい画像を選択し、「開く」をクリック

    ③拡大縮小などの調整をして、「OK」をクリック

     

    3-3.ページ内のレイアウトを編集する

    レイアウトはコンポーネントというブロックを組み合わせて編集できます。

     

    コンポーネントを追加することでレイアウトを任意の形に変更することができます。

    ①右側のコンポーネントを選択
    ②選択したコンポーネントを追加したい部分にドラッグ&ドロップする
    ※ドラッグ&ドロップとは、ファイルの上で「左ボタン」を押したまま、マウスポインタを目的の場所まで移動させ、「左ボタン」を離す操作です。

    ③文章および画像の編集
    ※編集方法はこちらをご参照ください。

    3-4.コンポーネントの位置変更/複製/削除/

    コンポーネントをクリックすると、位置変更・複製・削除等の編集を行うことができます。

    ◆コンポーネントの位置変更する場合

    ①位置変更したいコンポーネントをクリックする
    ②左側のボタンをクリックしながらドラッグする
    ③変更する位置に移動させたら、ドロップする

    ◆コンポーネントを複製する場合

    ①複製したいコンポーネントをクリック
    ②左側のボタンをクリック
    ③コンポーネントが複製される

    ◆コンポーネントを削除する場合

    ①削除したいコンポーネントをクリック
    ②左側のボタンをクリック

    ③「OK」をクリック

    ④コンポーネントが削除される

    3-5.ページの保存

    編集が完了したら右上の「保存」をクリックし、保存する

    記事公開日:2018年11月20日
    最終更新日:2018年11月21日

  • 4.ページの追加

    ページを追加することができます。追加すると下記のように表示され、テキストをクリックすることでページを切り替えることができます。

    管理画面から「ページ追加」をクリック

    ②ページの情報を入力し、テンプレートを選択
    ・ページタイトル:トップページに表示されるページ名を設定します
    ・ページURL:ページのアドレスを設定します。
    ※アドレスに設定できる文字はこちらをご参照ください。
    ・テンプレートの選択:コドモンが用意したデフォルトのページを選択します。

    すべての設定が完了したら、追加をクリックしページを追加します

    ③作成したページを選択し、「編集モード」にする

    ④文章等を編集する
    編集の方法はこちらをご参照ください。

    ページを削除したい場合

    作成したページを削除します。
    ※削除したページを復旧することはできません。

    ①削除したいページを選択し、「編集モード」に切り替える
    ②左上の「詳細」ボタンをクリックし、「ページの削除」をクリックする

    ③ページの削除確認画面が表示されるので「削除」をクリック

    記事公開日:2018年11月20日
    最終更新日:2018年11月21日

  • 5.その他の設定

    5-1.園へのアクセスの設定

    基本情報に入力した内容を基にアクセス情報を自動的に表示します。

    <表示例>

    右側のバーから「地図」が表示されているコンポーネントを選択し、挿入する

    アクセスのコンポーネントを挿入するとタグが表示されます。

    ※タグとは、園の基本情報で設定したデータを引用し表示することができます。
    表示するタグ一覧はこちらをご参照ください。

    自動的に地図や基本情報が表示されます。

     

    5-2.お問合せフォームの設定

    ホームページにお問合せフォームを設置すると、閲覧者から問い合わせや意見・感想を受け取ることができます。

    <表示例>

    右側のバーから「お問い合わせフォーム」が表示されているコンポーネントを選択し、挿入する

    ■必要に応じてメール設定する

    問い合わせがあった場合、メールにて通知を受け取る設定を行う

    ■新着の問い合わせを確認する

    「詳細」をクリックし、問い合わせ内容を確認する
    ※元の画面に戻る場合は「一覧に戻る」をクリックください。

    5-3.お知らせフォームの設定

    お知らせフォームを設定すると園からのお知らせ等を表示することができます。
    ※保護者へ配信している「お知らせ一斉配信」とは別の機能になります。

    右側のバーから「お知らせ」が表示されているコンポーネントを選択し、挿入する

    ※お知らせ配信方法はこちらをご参照ください

    記事公開日:2018年11月20日
    最終更新日:2018年11月22日

  • 6.ホームページを確認/公開する

    ①「プレビュー」をクリックすると、作成したホームページの内容を未公開の状態で閲覧することができます。

    ②「公開する」をクリックすると、園のホームページが公開状態になります。

    記事公開日:2018年11月20日
    最終更新日:2018年11月21日

  • 7.お知らせを公開する

    ホームページにお知らせフォームを設置すると、コドモン管理画面からお知らせを公開することができます。

    ①コドモン管理画面の「HP制作サービス」から「お知らせ」をクリック

    ②「新規投稿」をクリックする

    ③投稿する内容を記載し「公開」をクリック

    ④公開したお知らせが表示される

    ⑤ホームページ上に投稿内容が表示される

    記事公開日:2018年11月20日
    最終更新日:2018年11月21日

  • 8.URLに設定できる文字一覧

    URLに設定可能な文字は下記の通りです。
    ・アルファベット大文字小文字 (A-Z、a-z)
    ・数字 0-9
    ・-(ハイフン)
    ※全て半角

    設定できない文字列 アドレス例
    設定できないURL 先頭または後尾に記号を設定 -demo
    demo-
    ハイフン以外の記号が使われている demo!
    スペースが開いている de mo

    記事公開日:2018年11月20日
    最終更新日:2018年11月21日

  • 9.ツールボタンの説明

    左側のツールバーを使用して文字の大きさや色等を編集することができます。

    各ツールボタンの機能は下記の通りです。

    記事公開日:2018年11月20日
    最終更新日:2018年11月21日

  • 10.HP制作のタグ一覧

    テキストが入力できる部分にタグを記述すると、ホームページ上に基本情報で入力したデータが表示されます。

    <基本情報>

    項目名 タグ
    園名 {{*園名*}}
    代表者氏名 {{*代表者氏名*}}
    住所 {{*住所*}}
    電話番号 {{*電話番号*}}
    Eメール {{*Eメール*}}
    地図 {{*地図*}}
    お知らせ一覧 {{*お知らせ一覧*}}

    記事公開日:2018年11月20日
    最終更新日:2018年11月21日