ページの編集 追加が容易に行えるよう コンテンツマネージメントシステム (CMS) で制作しています ホームページの更新する場合は 管理画面にログインしページ内容の編集 追加を行います 管理者メニュー この管理者メニューの コントロールパネル 画面よりホームページの修正 追 加やユーザー情報の確認を

Transcription

1 目次 ログイン方法 -2- 管理者メニュー -2- コンテンツ編集 -3- 絞り込みタイプ一覧 -4- 各記事編集 -5- HTML エディタ -6- テーブル ( 表 ) を使ったページ -7- 携帯用 QR 発行 -7- 動物園メイン画像変更 -8- 恐竜 : フロントニュース -8- 新規コンテンツ制作 -9-1

2 ページの編集 追加が容易に行えるよう コンテンツマネージメントシステム (CMS) で制作しています ホームページの更新する場合は 管理画面にログインしページ内容の編集 追加を行います 管理者メニュー この管理者メニューの コントロールパネル 画面よりホームページの修正 追 加やユーザー情報の確認を行います ログイン方法 ログインページ より ログイン画面に進み ユーザ名 パスワード を入力しログインします ユーザ名 : chausuyama パスワード : ********** すでにログインしている場合は にアク セスして管理者メニューへ進みます コンテンツ編集 現在ある記事 ページの内容を修正 複製 ( p.3) 新規コンテンツ制作 新規にページ 記事を追加 ( p.9) 2

3 コンテンツ編集コントロールパネル コンテンツ編集 現在ある記事 ページの内容を一覧表示します 表示項目の絞り込みにより 記事 ページを探し 編集ボタンより各記事 ページを編集 複製できます 表示項目の絞り込み 目的の記事を探しやすくするため 一覧から絞り込んで表示させます 例えばタイプをメニューから選択して ( p.4 参照 ) フィルタ ボタンを押します タイプが絞り込まれました さらに条件を指定して絞り込んだり 絞り込みを解除したりできます タイトル 記事 ページの内容を確認できます 編集 記事 ページの内容を編集します ( p.5 へ ) 更新オプション下のチェックボックスにチェックを入れた記事に変更を適用します 例えば記事を削除する場合はここで 削除 を選んで 更新 ボタンを押します そのほか 掲載する 非掲載にする が選べます 3

4 絞り込みタイプ一覧 Youtube 公開動画チャンネルその他のイベントイベント 昨年のイベント例カスタムページ動物図鑑 レッサーパンダの部屋 レッサーパンダ家系図動物図鑑 ミュージックホール施設案内 茶臼山動物園について施設案内 飼育動物一覧施設案内 交通のご案内オリジナルグッズライブカメラお問合せリンクニュースちゃうすやまニュースフロント表示記事トップページ中間部分今月の動物動物情報何かやっているイベントイベント いつでも何かやってるふれあいイベント動物オンラインクイズオンラインクイズ動物園グッズオリジナルグッズ動物園フォトギャラリー動物図鑑 フォトギャラリー動物園メイン画像登録トップページスライドショー画像恐竜公園 _ お知らせ恐竜公園 最新情報恐竜公園 _ ぬりえ恐竜公園 おうちで恐竜ぬりえ恐竜公園 _ アスレチックで遊ぼう恐竜公園 アスレチックで遊ぼう 恐竜公園 _ 公園を彩る花恐竜公園 _ 恐竜と遊ぼう恐竜公園ページ恐竜 : トップお知らせ携帯用 QR 発行 恐竜公園 公園を彩る花恐竜公園 恐竜と遊ぼう恐竜公園トップページ恐竜公園トップページお知らせ動物園携帯用 QR コード発行 ( p.7) 4

5 各記事編集コントロールパネル コンテンツ編集 編集 Clone 記事を複製します 新しく記事を追加するときは 複製した記事を編集する方法がわかりやすいです 日付必須入力 カレンダー上で入力できます タイトル必須入力 画像記事に挿入される画像が表示されています 取り外す ボタンで画像を取り外せます 取り外してから新たに画像をアップロードするときは 参照ボタンから画像を選び アップロードボタンを押します アップロードする画像は 画像名が半角英数のものに限ります 本文入力 HTML エディタ記事本文を編集します ( p.6 へ ) 掲載オプション 掲載しないときはチェックボックスのチェックを外します これらの入力項目は 記事のタイプによって異なります 例 : 動物チャンネルの YouTube タグ入力エリア オンラインクイズの答え入力エリアなどがあります 保存 上記の編集内容を保存して サイトの表示に反映させます 5

6 HTML エディタ HTML エディタでは 文字のスタイルを変えたり リンクの設定 画像を表示さ せることができます イメージボタン画像を挿入します イメージプロパティが開くので サーバーブラウザー ボタンを押します ソースボタン ソース表記に切り替えます 文字スタイルボタン 太字 斜体 下線 打消し線 ナビゲーションから任意のフォルダを選んで アップロードボタンを押します フォーマットボタン文書の段落 見出しを設定します 通常文字を入力すると 段落 になります 段落内での改行は Shift + Enter となります テーブルボタン 行と列の数などを指定して表を挿入します ハイパーリンクボタン URL エリアに他のページにリンクさせたいアドレスを記入します ターゲット タブで新しいページで開くなどの設定ができます PDFにリンクさせたい場合はサーバーブラウザーからアップロードして選びます ファイルを参照してアップロードボタンを押します アップロードできるファイルは 画像名が半角英数のものに限ります サーバブラウザー上のアップロードされたファイル名をダブルクリックすると イメージプロパティに画像が表示されます 必要に応じて幅や高さを変え OK ボタンを押して挿入します 6

7 テーブル ( 表 ) を使ったページコントロールパネル コンテンツ編集 何かやっているイベントで絞り込み 編集 携帯用 QR 発行コントロールパネル コンテンツ編集 携帯用 QR 発行で絞り込み 編集 HTML エディタでテーブル ( 表組 ) を作成するときは レイアウトが崩れやすいの で 記事を複製して表中の文字を書き換えるのがおすすめです 印刷用 QR コード クリックすると 大きな QR コードが表示されます 表の上で右クリック 右クリックメニューの 行 から 行の前に挿入 行削除 などを行ってください Schedule options QR コードの有効期間を設定します Publish on 公開開始日 時間を入力 すぐに公開する場合は空欄のままで構いません Unpublish on 公開終了日 時間を入力 入力欄では秒単位まで設定できますが 実際に適 用になるタイミングには若干遅れが生じます 7

8 動物園メイン画像変更コントロールパネル 動物園メイン画像変更 恐竜 : フロントニュースコントロールパネル 恐竜 : フロントニュース 恐竜公園トップページのメニュー下部分に挿入するニュースを編集します トップページのスライドショー画像を変更することができます アップロード画像を参照してアップロードします 画像は横 700px 縦 並び替え マークをドラッグして 順番を並び替えます 300px のものを用意してください それ以外のものは拡大縮小されます アイテムの追加 画像を追加します 掲載オプション 掲載しないときはチェックボックスのチェックを外します 保存 編集を保存します 8

9 新規コンテンツ制作コントロールパネル 新規コンテンツ制作 各タイプをクリックすると 白紙のコンテンツ作成ページが開きます 編集については p.3 からの コンテンツ編集 を参照してください 新規作成できるページ一覧動物園カスタマページ Youtube 動画今月の動物情報動物園ニュース何かやっているイベントその他のイベント動物オンラインクイズ動物園グッズ動物園フォトギャラリー恐竜公園 : お知らせ恐竜 : ぬりえ恐竜 : 彩る花 以下タイプに含まれないページ動画チャンネル動物情報ちゃうすやまニュースイベント いつでも何かやってるふれあいイベントイベント 昨年のイベント例オンラインクイズオリジナルグッズ動物図鑑 フォトギャラリー恐竜公園 最新情報恐竜公園 おうちで恐竜ぬりえ恐竜公園 公園を彩る花 9