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