1. concrete5を使った
ホームページのご提案
∼「つくっただけ」でおわらせない∼
株式会社八光興発
アズシエル事業部
2014年3月5日

2. ホームページは「作っておわり」？
プロにかっこいいホームページを作っても
らった
内容を変更したいときはどうすればいい？
でもそんなにしょっちゅう変更するわけで
はない
内容をいじるたびに難しい操作を行ったり
専門のひとにお金を払ってやってもらう？

3. 更新するならブログ・SNSで？
メリット
更新が簡単
スマホなどでどこからでもタイムリーな投稿ができる
細かくちょいちょい投稿できる
デメリット
独自のデザインでかっこよくしたりできない
他の情報に埋もれてしまい、住所や問い合わせ先がわかりにくい

4. ホームページに本当に必要なこと
ホームページは企業や商店の看板
企業・商店名がわかる
なにをしている企業・なにを売っている商店か
わかる
問い合わせ先や道順がわかる
内容を変更したいのはたまにだけ

5. ちょっと内容を変えようと思っただけなのに…
複雑なファイルのどこを変えていいのかわからない
やってみたら画面が壊れちゃった
専用のソフトを買ったり使い方を覚えないといけないの？
そもそもナゾの呪文のようなものをベンキョウしないといけ
ないの (HTML? CSS?)
結局専門のひとに毎回お金を払って直してもらうの？
ホームページもBlogやSNS
並に簡単に直せないの？

6. よく聴くハナシ
「Blog ツールでホームページ！」
Blogなら簡単なので、ホームページもBlogツールで!?
「お知らせ」に表示するにはカテゴリを「お知らせ」に
「商品情報」に表示するにはカテゴリを…なんだっけ？？
このカテゴリにした記事はどこに表示されるんだっけ？？？
Blog用のツールをホームページ風に転用して
いるので、入力した情報がどこに表示される
のかはサイト制作者以外にはわかりづらい

7. よく聴くハナシ
「Blog ツールでホームページ！」
Blog管理画面
タイトル：ホームページ開設のお知らせ"
カテゴリ：お知らせ"
本文：∼
タイトル：豆大福"
カテゴリ：商品情報"
本文：∼
タイトル：チョコモナカ"
カテゴリ：商品情報"
本文：∼
タイトル：夏季休業について"
カテゴリ：お知らせ"
本文：∼
Blogツールによるホームページの例
管理画面には普通に記事が並んでいる
カテゴリによって実際に表示されるページを変えている
カテゴリの指定を間違えると…
お知らせ一覧
タイトル：ホームページ開設のお知らせ"
カテゴリ：お知らせ"
本文：∼
タイトル：夏季休業について"
カテゴリ：お知らせ"
本文：∼
商品紹介
タイトル：豆大福"
カテゴリ：商品情報"
本文：∼
タイトル：チョコモナカ"
カテゴリ：商品情報"
本文：∼

8. concrete5を使ったホームページの運用
閲覧時に表示されるのとほとんどそのままの見た目でワー
プロ感覚で編集
「カテゴリ」のような特別なルールを覚える必要なし
プロによるデザインをご提供
いじりたいところ、いじりたくないところ、日々の運用は
どうすればいいか、専門家がご相談の上で設計

9. 運用例：おしらせの追加 (1)
お知らせ一覧"
トップページ"
"
おしらせ"
•夏季休業のお知らせ"
•新店舗オープンしました！"
•夏の新商品入荷"
(一覧へ…)"
"
おしらせ"
•夏季休業のお知らせ"
•新店舗オープンしました！"
•夏の新商品入荷"
•お客様へおねがい"
•キャンペーン開催"
夏季休業のお知らせ"
ページ構成
新店舗オープンしました"
………………………………"
………………………………"
夏の新商品入荷"
………………………………"
………………………………"
お客様へおねがい"
………………………………"
キャンペーン開催"………………………………"
………………………………"
………………………………"
………………………………"
………………………………"
………………………………"
………………………………"
………………………………"
………………………………"
………………………………"

10. 運用例：おしらせの追加 (2)
実際のページの親子構造そ
のままにページを管理
新しいお知らせをこの位置
に追加してください（実際
の表示イメージのとおり
に）
お知らせ一覧やトップページ
への抜粋には自動的にリス
トが反映される
実際の管理画面
ページの中身はワープロ風に
簡単編集

11. 運用例：お知らせの追加 (コンポーザー版)
定型的なページの作成は「コン
ポーザー」を設定することで、
穴埋め式に入力すると自動的に
適切なページを作成し、適切な
場所へ配置するように設定可能"
"
より簡単な運用が可能に

12. 運用例：地図の修正
実際に表示される画面
専用の「地図」ブロックにより、住所
を入力するだけで簡単に地図上の位置
指定ができます
管理画面

13. ブロックの種類(主なもの)
ブロック名
内容
記事
ワープロ風に文字や画像の張り込みな
ファイル
Flashコンテンツ
フォーム
Googleマップ
ゲストブック
HTML
画像
スライドショー
アンケート
ビデオプレイヤー
YouTubeビデオ
どを入力・編集
添付ファイル
Flashで作成したコンテンツ
お問い合わせなどの入力フォーム
Googleマップによる地図表示
コメント入力フォーム
HTML直接入力
画像の貼り付け
複数の画像のスライドショー
アンケート回答フォーム（投票機能）
動画ファイルの再生
YouTubeの動画埋め込み

14. いじれるところ・いじれないところ
メインビジュアルやグロー
バルメニューは変更しな
いので編集対象外
変更できるところは赤枠
で表示されるので、ク
リックして文章の編集や
画像の差し替えなどを行
う

15. まとめ：concrete5を使って
ホームページを自分でいじれるので経費節約！
Blog やワープロ並に簡単編集！
「カテゴリ」のような特別なルールを覚える必
要なし！
いじらないところはいじれないようにして画面
を壊さない！

16. 「つくっておわり」
ではありません
ホームページを「つくったあと」の
更新方法についても、お客様にあわ
せて最適な方法を専門家がご提案
サイトの管理ツールもそれにあわせ
て最適に設計・設置

17. さらに強力な機能・サービス
過去バージョンの保持・巻き戻し
上長による承認ワークフロー
各種アドオンツールによる機能拡張
お客様にあわせた専用ブロックのオー
ダーメイド開発など

18. お問い合わせ
株式会社八光興発 アズシエル事業部
Webソリューション担当：町田
〒389-0806 長野県千曲市磯部1614
TEL：026-275-3600
FAX：026-261-4085
E-MAIL：hideki_machida@hakko.co.jp