SlideShare a Scribd company logo
第1回concrete5初心者向け勉強会 
concrete5のご紹介と基本操作
アジェンダ 
1. concrete5のご紹介 
2. concrete5における環境構築(別紙) 
3. concrete5の基本的な使い方 
4. concrete5の基本的な管理方法 
5. コミュニティーの紹介 
6. 質疑応答
1.目的と概要説明 
concrete5とは、2008年商用だったCMS*1が 
オープンソース*2化されてより身近で使いやすくなりま 
した。 
*1CMSとはコンテンツマーネージメントシステムの略 
WEBページをブラウザ上で管理できるシステム 
*2オープンソースとは 
ソースコードが公開され誰が開発者として 
貢献できる
1.目的と概要説明 
概要説明: 
CMSの種類 
CMSの用途によっていろいろなCMSがあります。 
ざっくりですが、以下のような区分けがされます。 
ECサイト系EC-CUBE 
ブログ系WordPress 
コーポレートサイト系concrete5
1.目的と概要説明 
概要説明: 
concrete5できること 
・画面表示のまま、サイトの構築・編集ができる 
・HTMLやPHPのプログラミングを意識せずに使える
2.concrete5における環境構築 
必要環境 
・MySQL 5.2以上 
・PHP5.4以上 
・Apache 2.4以上
2.concrete5における環境構築 
レンタルサーバの選び方 
↓ 
concrete5の公式フォーラムで検証されたサーバは 
問題なく使用できる。 
現在のところ以下のサーバが問題なく使える 
・さくらのレンタルサーバ 
・hemtel
3.concrete5の基本的な使い方を学ぼう 
基本的なお作法としては 
新規を押す 
↓ 
ブロックを配置する 
↓ 
記事を書く 
↓ 
編集モードを終了して記事を公開する
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックって何? 
ブロックとは・・・記事の単位 
concrete5はこのブロックと呼ばれる 
記事を積み重ねてWebページを作る
3.concrete5の基本的な使い方を学ぼう 
またホームページのデザインを変えるには 
設定-デザイン-カスタマイズで 
→プリセットを選択 
プリセットには豊富なデザインの 
パターンがありデザインを変えることができる。 
自分で作成することも可能
3.concrete5の基本的な使い方を学ぼう 
オリジナルデザインの作成 
オリジナルデザインを作成する場合、HTMLやCSSを 
設定する必要があります。 
HTML:サイトの中身(文字や写真など) 
CSS:サイトのデザイン(レイアウトや色、文字・写真の 
大きさなど) 
その点は2回目以降で行います。
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
基本 
記事-エディタを使って記事を記載するブロック
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
基本 
ファイル-画像やPDFなどのファイルを貼り付けるため 
のブロック
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
ファイル-新規ファイルを選択してPCからファイルを 
アップロード
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
基本 
HTML-HTMLのソースを入れるブロック
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
基本 
特色-アイコンが選べてタイトルとして使いやすい 
ブロック
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
基本 
水平線-区切りの水平線を入れる場合などに使用する 
ブロック
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
基本 
画像-画像を入れるブロック 
リンクやマウスホーバ時の画像を入れることができ、 
ブロックごとにサイズを変更して保存することが可能
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
ナビゲーション 
オートナビ-ヘッダーメニューやパンクズリストを自動で 
作成してくれるブロック
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
ナビゲーション 
日付ナビ-日付アーカイブなど日付で表示するブロック
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
ナビゲーション 
FAQ-FAQを簡単に作成できるブロック
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
ナビゲーション 
ページリスト-ページ一覧を表示するブロック 
サムネイル、概要、公開日なども表示できます
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
ナビゲーション 
ページタイトル-ページタイトル入れるブロック 
通常はページを追加した際にページ名を入れるが、それを上書 
きできる
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
ナビゲーション 
RSS表示-ほかのサイトからRSSで内容を読み込むブ 
ロック
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
ナビゲーション 
タグ-ページにタグ(検索などで使われるキーワード)を 
埋め込むブロック
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
ナビゲーション 
トピックリスト-最新の記事一覧を表示するブロック
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
フォーム-お問い合わせなどフォームを作るブロック
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
外部フォーム-自作したフォームを利用するブロック
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
コメント欄-コメントを設置するブロック
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
このページを…-外部SNSにシェアするブロック
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
ソーシャルリンク-外部SNSの内容を表示するブロック
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
紹介-紹介文を作成するブロック
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
Googleマップ-住所指定で地図を表示するブロック
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
画像スライダー-画像スライダー(画像の自動切り替 
え)を作成するブロック
3.concrete5の基本的な使い方を学ぼう 
concrete5のブロックを紹介 
Yotubeビデオ-yotubeのurlを書くだけでyoutbe動画を 
表示するブロック
4.concrete5の基本的な管理方法 
concrete5の管理画面を紹介 
サイトマップ 
サイトの内容をツリー状に表示
4.concrete5の基本的な管理方法 
concrete5の管理画面を紹介 
ファイル 
画像やドキュメントを管理できる
4.concrete5の基本的な管理方法 
concrete5の管理画面を紹介 
メンバー 
会員やメンバーを管理。メンバーごとに 
サイト編集(レイアウト、デザイン変更 
など)記事編集(ページ追加など)の権 
限を振り分けることができる。 
concrete5の特徴的機能。
4.concrete5の基本的な管理方法 
concrete5の管理画面を紹介 
レポート 
フォームの結果表示
4.concrete5の基本的な管理方法 
concrete5の管理画面を紹介 
ページとテーマ 
テーマをダウンロードしたり作成した場 
合ここから設定
4.concrete5の基本的な管理方法 
concrete5の管理画面を紹介 
コメント欄 
コメント欄の内容表示
4.concrete5の基本的な管理方法 
concrete5の管理画面を紹介 
ワークフロー 
複数のメンバーで編集する場合 
タスク管理ができる
4.concrete5の基本的な管理方法 
concrete5の管理画面を紹介 
スタックとブロック 
スタックの管理が行える 
※今回はスタックについては 
省略します。詳細はガイドブックで。
4.concrete5の基本的な管理方法 
concrete5の管理画面を紹介 
concrete5を拡張 
アドオンやテーマの購入・ダウンロード 
無料、有料で色々あります。
4.concrete5の基本的な管理方法 
concrete5の管理画面を紹介 
システムと設定 
concrete5の詳細な設定を行う
5.コミュニティーの紹介 
concrete5 japan 
http://concrete5-japan.org/ 
コミュニティー> フォーラムから質問を受け付けていま 
す。 
初心者向けや事例、インストールなど様々なコンテン 
ツがあります。 
迷ったら、検索してみると回答が見つかる場合があり 
ます。 
登録してドシドシ質問してください!
5.コミュニティーの紹介 
Concrete5 初心者勉強会ユーザグループ 
https://www.facebook.com/groups/3434179458283 
25/ 
Facebookで質問を受け付けています。 
初心者向けや事例、インストールなど様々なコンテン 
ツがあります。 
迷ったら、検索してみると回答が見つかる場合があり 
ます。 
登録してドシドシ質問してください!

More Related Content

PPTX
第3回concrete5初心者勉強会
PPTX
Cloud 9を使ってみよう
PPTX
Concrete5を簡単・安心に使おう
PDF
concrete5で制作・運用する多言語ウェブサイト
PPTX
環境構築資料
PDF
はじめての concrete5 でウェブサイト作成〜入門チュートリアルガイド
PPTX
第2回concrete5初心者向け勉強会
PPTX
これからはじめるConcrete5
第3回concrete5初心者勉強会
Cloud 9を使ってみよう
Concrete5を簡単・安心に使おう
concrete5で制作・運用する多言語ウェブサイト
環境構築資料
はじめての concrete5 でウェブサイト作成〜入門チュートリアルガイド
第2回concrete5初心者向け勉強会
これからはじめるConcrete5

What's hot (20)

PDF
concrete5
 バージョン5.7のご紹介
PDF
concrete5 勉強会 20150117_テーマ作成
PDF
concrete5って何?〜Web制作者対象〜2014年版
PPTX
仕様書から見る concrete5 サイトの作り方 〜 WordPress サイト制作とこんなに異なるワークフロー
PDF
WordPress使いのためのconcrete5入門
PDF
concrete5で社内システムのお話し
PPTX
concrete5 最新情報
PDF
concrete5セミナー資料公開版
PPTX
CMS の今後と IoT 〜 concrete5 などの CMS が進む道
PDF
第4回concrete5初心者勉強会-基礎編-
PPTX
これからはじめるConcrete5
PDF
concrete5の紹介
PPTX
CMS と concrete5 の わかりやすい紹介
PDF
concrete5で行なうcms導入提案のポイント
PPTX
concrete5 の超便利アドオン Designer Content を極める!
PDF
はじめての concrete5 (2016年1月) 第56回 コンなご勉強会
PPT
第22回creators meet up資料
PDF
WordPress使いの為のconcrete5導入
PDF
concrete5って何?
PDF
WordPressカスタム三兄弟、concrete5ならこう作る。
concrete5
 バージョン5.7のご紹介
concrete5 勉強会 20150117_テーマ作成
concrete5って何?〜Web制作者対象〜2014年版
仕様書から見る concrete5 サイトの作り方 〜 WordPress サイト制作とこんなに異なるワークフロー
WordPress使いのためのconcrete5入門
concrete5で社内システムのお話し
concrete5 最新情報
concrete5セミナー資料公開版
CMS の今後と IoT 〜 concrete5 などの CMS が進む道
第4回concrete5初心者勉強会-基礎編-
これからはじめるConcrete5
concrete5の紹介
CMS と concrete5 の わかりやすい紹介
concrete5で行なうcms導入提案のポイント
concrete5 の超便利アドオン Designer Content を極める!
はじめての concrete5 (2016年1月) 第56回 コンなご勉強会
第22回creators meet up資料
WordPress使いの為のconcrete5導入
concrete5って何?
WordPressカスタム三兄弟、concrete5ならこう作る。
Ad

Similar to 第1回concrete5初心者向け勉強会 (20)

PDF
実例から見る、CMSとレスポンシブデザインで変わるウェブ制作のワークフロー
PPT
concrete5ではじめるCMS
PDF
concrete5 in Japan 2014
PDF
concrete5 基本講座 - ページタイプ・ページテンプレート・コンポーザー - コンなご勉強会 第69回
PDF
20150225 テクテクlotus技術者夜会 ibm connect ed2015フィードバック 公開用
PDF
concrete5 最新バージョンと国内コミュニティ活動の紹介 OSC2012Kyoto
PDF
NetCommons 情報共有基盤システム --- システムをユーザの手に
PDF
Wcosaka2012concrete5
PDF
IBM Connect2014 に参加して(テクてく技術者夜会)
PDF
MAF2013 Enterprise Windows 8 – Architecture for rapid development of WinRT apps
PDF
オープンソースCMS concrete5 のご紹介
PDF
関西アンカンファレンス CodeIgniter CMS
PDF
Net commonsアドオンモジュールセミナー第4回小ネタ集
PDF
進化するオープンソース・エンタープライズCMSがWeb戦略を変える
PPTX
これからはじめるConcrete5 〜コンクリートファイブをわかりやすく解説〜
PDF
Php Conference 2012 concrete5
PPTX
今から始める、Windows 10&新.NETへの移行戦略
PPTX
WPF MVVM Review
PDF
デザイナーでも構築できる多言語/マルチデバイス対応サイト
PDF
Metroアプリケーションのwin8/wp7の効率的ソース運用を考える
実例から見る、CMSとレスポンシブデザインで変わるウェブ制作のワークフロー
concrete5ではじめるCMS
concrete5 in Japan 2014
concrete5 基本講座 - ページタイプ・ページテンプレート・コンポーザー - コンなご勉強会 第69回
20150225 テクテクlotus技術者夜会 ibm connect ed2015フィードバック 公開用
concrete5 最新バージョンと国内コミュニティ活動の紹介 OSC2012Kyoto
NetCommons 情報共有基盤システム --- システムをユーザの手に
Wcosaka2012concrete5
IBM Connect2014 に参加して(テクてく技術者夜会)
MAF2013 Enterprise Windows 8 – Architecture for rapid development of WinRT apps
オープンソースCMS concrete5 のご紹介
関西アンカンファレンス CodeIgniter CMS
Net commonsアドオンモジュールセミナー第4回小ネタ集
進化するオープンソース・エンタープライズCMSがWeb戦略を変える
これからはじめるConcrete5 〜コンクリートファイブをわかりやすく解説〜
Php Conference 2012 concrete5
今から始める、Windows 10&新.NETへの移行戦略
WPF MVVM Review
デザイナーでも構築できる多言語/マルチデバイス対応サイト
Metroアプリケーションのwin8/wp7の効率的ソース運用を考える
Ad

More from 武彦 大山 (7)

PPTX
温故知新ローカルに検証環境を作ろう
PPTX
concrete5 harvest festival 2016
PPTX
多様性の中の選択肢!Concrete5とは?
PPTX
Concrete5を知ろう 初心者勉強会開催!
PPTX
第1回concrete5初心者向け勉強会 環境構築
PPT
concrete5 5.7について
ODT
ubuntu 最適化
温故知新ローカルに検証環境を作ろう
concrete5 harvest festival 2016
多様性の中の選択肢!Concrete5とは?
Concrete5を知ろう 初心者勉強会開催!
第1回concrete5初心者向け勉強会 環境構築
concrete5 5.7について
ubuntu 最適化

第1回concrete5初心者向け勉強会