my LT 2016/01/01-05/31 concrete5 web site http://djkazu.supervinyl.net http://ayanyan.net concrete5 theme Demosite http://heydj.supervinyl.net http://oh-love.ayanyan.net concrete5 Marketplace http://www.concrete5.org/marketplace/themes/hey-dj

1. concrete5 theme
My Theme LT ver7.5.6
2016/01/01-05/31までの実績
1

2. About
MotherHeads （マザーヘッズ）
Designer（デザイナー）
Kazuhiro Matsuda （松田和広）
「ここでしか創れないモノを創る！
モノ創りをつうじてヒトを財産とする」
www.motherheads.net オフィシャルWEB
www.motherheads.com ECサイト
@dj_kazu1 Kazuhiro Matsuda

3. About
これは私が立ち上げたブランドになります。
独自性をとても大事にしています。
ここでは、デザインを通じて様々なモノを
創っています。
ファッション、DTP、WEBサイト、
イラスト、アクセサリーと様々です。
詳しくはサイトをご覧ください。

4. About
私は二つの顔を持っています！！

5. About
Holm.design inc. （ホルムデザイン株式会社）
Web Designer（ウェブデザイナー）
Kazuhiro Matsuda（松田和広）
www.holmdesign.jp
LP系をメイン。企業のWEBサイト、DTP関連
メンバー構成は、
グラフィックデザイナー、
フロントエンドエンジニア
WEBデザイナー兼コーダー（私です）
の3人です。

6. About
この二つの違いは！？
自分のブランド
自由気ままで
好き放題しています
仕事をうけます
会社として、やっています
安心してください

7. About
最近では、
concrete5内での
愛されキャラになりつつあります。

8. About
最後に！
concrete5での案件を全力で
とりにいく所存です。
ご紹介およびご依頼・ご相談などありましたら、
どうぞよろしくお願いいたします。

9. About
自己紹介はここまでにします。

10. Deliverable
実際に、
「私が創ったWEBサイト・theme」
をご紹介いたします！
どれもコンセプトは全然違います。
2015年12月〜2016年5月末までで
2サイト創りました！

11. Deliverable
ちなみに、
テーマ仕様（汎用性）
のため、htmlのベタばりを
少なくしています。

12. Deliverable
イラストは、私が描いています。
写真は当時に撮影したものを加工してい
ます。

13. Deliverable
第1弾の紹介です。

14. Deliverable
2016,03,31 concrete5で創ったサイト紹介
DjKazu仕様 djkazu.supervinyl.net
concrete5 ver7.5.6

15. Deliverable
構築期間
• 構成およびワイヤー、デザイン、コーディン
グで1ヵ月ほど。
• 作業期間は2015年12月〜末手前まで。
• 初めての構築で3ヵ月を費やす。
• 作業期間は2016年1月〜3月末で完成。

16. Deliverable
特長としては
コーポレート型WEBサイトです。
1. parallaxを用いて動きのあるサイトであり、
parallaxオフ対応もできる。
2. レスポンシブ機能あり。
3. カスタムレイアウトプリセットを使用。
4. ジャンルごとにラベルの名前や色が変えられる。
5. ページリストを応用してつかっている。

17. Deliverable
カスタムレイアウトプリセットとは！？
Bootstrapで使うレイアウト機能です。
基本的には○○カラムとその都度の設定をしますが
登録をしておけば、決め打ちでカラム設定ができ
ます。これは便利です。
ただし、カラムというレイアウトのみの設定にな
ります。

18. Deliverable
カスタムレイアウトプリセットとは！？
さらに、class=“○○”とかも書いておけるのでCSSが
使いやすくなります。

19. Deliverable
ページリストを応用することにより
コンテンツの追加が簡単になり管理もしやすく、
運用がスムーズになると思います。
理由は、
ページリストは1ページ単位で管理できる。
ページ内での編集ができ、サイトマップからも探
すこともできます。

20. Deliverable
まとめ
各ページの活用構成
• TOPページはコーポレート的に活用できます。
• ABOUTページはスタッフ紹介、地図、お問い合わせに
活用できます。
• FAVORITページは商品紹介に活用できます。
• DIARYはブログに活用できます。
• SCHEDULEはニュースや特集ページに活用できます。
• 基本テーマ仕様なので汎用性をもたす！！
※作成者としてはこう思っています。

21. Deliverable
テーマサイト
こちらは無料のテーマサイトのデモです。
運用verと仕様が違います。
1. 無料につき、ジャンルに応じてラベルの名前
や色が変えられるのは3種類まで。
2. parallaxはなしになっています。
3. トップページがカルーセルになっています。
デモページ：heydj.supervinyl.net
concrete5 ver7.5.6

22. Deliverable
テーマ販売について
このFirstThemeは
無料版となります。
運用版とは若干違います。
※上記ページにて確認願います。
concrete5 マーケットプレイスまで
http://www.concrete5.org/marketplace/themes/hey-dj

23. Deliverable
第2弾の紹介です。

24. Deliverable
運用ver ayanyan.net
concrete5 ver7.5.6
2016,05,31 concrete5で創ったサイト紹介

25. Deliverable
構築期間
• 構成およびワイヤー、デザイン、コーディン
グで1ヵ月ほど。
• 作業期間は2016年4月〜末手前まで。
• 構築は約2週間〜3週間。
• 作業期間は2016年5月中旬〜5月末で完成。

26. Deliverable
特長としては
ブログメイン型WEBサイトです。
1. masonyを用いてコンテンツをランダムに並べ
られる。レスポンシブ機能あり。
2. 権限機能でブログ記事の運用をしている。
3. サムネイルの写真の大きさやアイコンの取り
付けが選ぶことができる。
4. 多様にページリストを使い、ページリストを
応用してつかっている。

27. Deliverable
ページタイプとページ属性と
ページリストの3つを組み合わす事で
画像の大きさ、アイコンの種類を選択できる
要素をもたしたり、
ページタイプから各ページへのジャンルを
選択できる要素をもたすことが可能。
ページリストを応用することで
関連記事やピックアップ記事などの表示も可能。

28. Deliverable
ページリストを応用することにより
コンテンツの追加が簡単になり管理もしやすく、
運用がスムーズになると思います。
理由は、
ページリストは1ページ単位で管理できる。
ページ内での編集ができ、サイトマップからも探
すこともできます。

29. Deliverable
さらに、
ワークフロー＆権限機能をつかっています。

30. Deliverable
ワークフローとは！？
例えば、記事を書いたヒトからメールがきます。
書いた記事のデザイン、内容などを確認して問題
なければ公開できるという機能です。
これで安全な運用ができます。

31. Deliverable
権限とは！？
ある一部の特集記事やキャンペーンページを表示
・非表示にできます。
つまり、閲覧できるヒトを選択できるという機能
です。
時間指定などもでき、いつからいつまでというよ
うな公開もできます。

32. Deliverable
まだあります！
スタイルカスタマイズを搭載しています。

33. Deliverable
スタイルカスタマイズとは！？
テーマには、スタイルカスタマイズを搭載しています。
プリセット（まとめて設定）を設定しておけば、ひとつ
のテーマで登録しているスタイル分だけの変更設定がで
きる。
プリセットでまとめてではなく、個別でもかえることも
できます。

34. Deliverable
まとめ
各ページの活用構成
• TOPページおよびジャンルページはブログに活用で
きます。ジャンルごとに出力できます。
• INFORMATIONはニュースや特集ページにて活用で
きます。
• CONTACTはお問い合わせにて活用できます。
• FAQはよくある質問にて活用できます。
• 基本テーマ仕様なので汎用性をもたす！！
※作成者としてはこう思っています。

35. Deliverable
テーマサイト
こちらは有料のテーマサイトのデモです。
運用verと仕様が違います。
1. スタイルカスタマイズでconcrete5内でスタイ
ルが変えられる。
2. コンテンツボックスのアイコンはつかない。
3. コンテンツボックスのhoverがテキストであ
る。
デモページ oh-love.ayanyan.net

36. Deliverable
テーマ販売について
このSecondThemeは
有料版のみとなります。
運用版とは若干違います。
※上記ページにて確認願います。
themeサイト
concrete5 マーケットプレイスまで
現在、準備中

37. Deliverable
制作パートナー
Special Thanks
concrete5 Japan CEO 菱川拓郎
concrete5 Japan CCO Katz Ueno
concrete5 関西UG @acliss
concrete5 Integrate partner 佐野譲(さのゆずる)
concrete5 Integrate partner 庄司早香
Holm.design inc. エンジニア 山下和貴
「感謝」です。

38. Information
テーマについて
第1弾のテーマはconcrete5のPRB審査を受け
7/16に名古屋の地にて審査がとおりました。
この日は名古屋でconcrete5の話をしている
最中でした。
第2弾のテーマを現在、マーケットプレイスに
提出できるように創っています。
※テーマなので運用版とは違う機能などを入れています。

39. SemiFinal
最後に
ご存知かと思いますが、運用を開始したら必ず
バックアップをとってから、バージョンアップ
をしていきましょう。
1. バグ修正などがはいっています。
2. 機能が向上されている部分もあります。

40. Question
質疑応答
答えられる限り全力でお答えしますが、
質問の意図がわからなかったり、
言葉足らずで説明ができないことも
あると思いますが
ご了承ください。

41. Final
現在、第3弾を創っています。
予告！
「複合検索」「多言語」「会員機能」などを
盛り込みます。
ご清聴どうもありがとうございました。