concrete5 my lt
TRANSCRIPT
concrete5 themeMy Theme LT ver7.5.6
2016/01/01-05/31 までの実績
About
MotherHeads (マザーヘッズ)Designer (デザイナー)Kazuhiro Matsuda (松田和広)「ここでしか創れないモノを創る!モノ創りをつうじてヒトを財産とする」
www.motherheads.net オフィシャル WEBwww.motherheads.com EC サイト
@dj_kazu1 Kazuhiro Matsuda
About
これは私が立ち上げたブランドになります。独自性をとても大事にしています。ここでは、デザインを通じて様々なモノを創っています。ファッション、 DTP 、 WEB サイト、イラスト、アクセサリーと様々です。詳しくはサイトをご覧ください。
About
私は二つの顔を持っています!!
About
Holm.design inc. (ホルムデザイン株式会社)Web Designer (ウェブデザイナー)Kazuhiro Matsuda (松田和広)www.holmdesign.jpLP 系をメイン。企業の WEB サイト、 DTP 関連メンバー構成は、グラフィックデザイナー、フロントエンドエンジニアWEB デザイナー兼コーダー(私です)の 3 人です。
About
この二つの違いは!?
自分のブランド自由気ままで好き放題しています 仕事をうけます会社として、やっています安心してください
About
最近では、concrete5 内での愛されキャラになりつつあります。
About
最後に!concrete5 での案件を全力でとりにいく所存です。
ご紹介およびご依頼・ご相談などありましたら、どうぞよろしくお願いいたします。
About
自己紹介はここまでにします。
Deliverable
実際に、「私が創った WEB サイト・ theme 」をご紹介いたします!どれもコンセプトは全然違います。
2015 年 12 月〜 2016 年 5 月末までで2 サイト創りました!
Deliverable
ちなみに、テーマ仕様(汎用性)のため、 html のベタばりを少なくしています。
Deliverable
イラストは、私が描いています。写真は当時に撮影したものを加工しています。
Deliverable
第 1 弾の紹介です。
Deliverable
2016,03,31 concrete5 で創ったサイト紹介
DjKazu仕様 djkazu.supervinyl.netconcrete5 ver7.5.6
Deliverable
構築期間• 構成およびワイヤー、デザイン、コーディングで 1 ヵ月ほど。• 作業期間は 2015 年 12 月〜末手前まで。• 初めての構築で 3 ヵ月を費やす。• 作業期間は 2016 年 1 月〜 3 月末で完成。
Deliverable
特長としてはコーポレート型 WEB サイトです。1.parallax を用いて動きのあるサイトであり、 parallax オフ対応もできる。2. レスポンシブ機能あり。3. カスタムレイアウトプリセットを使用。4. ジャンルごとにラベルの名前や色が変えられる。5. ページリストを応用してつかっている。
Deliverable
カスタムレイアウトプリセットとは!?Bootstrap で使うレイアウト機能です。基本的には○○カラムとその都度の設定をしますが登録をしておけば、決め打ちでカラム設定ができます。これは便利です。ただし、カラムというレイアウトのみの設定になります。
Deliverable
カスタムレイアウトプリセットとは!?さらに、 class=“○○” とかも書いておけるのでCSS が使いやすくなります。
Deliverable
ページリストを応用することによりコンテンツの追加が簡単になり管理もしやすく、運用がスムーズになると思います。理由は、ページリストは 1 ページ単位で管理できる。ページ内での編集ができ、サイトマップからも探すこともできます。
Deliverable
まとめ各ページの活用構成• TOP ページはコーポレート的に活用できます。• ABOUT ページはスタッフ紹介、地図、お問い合わせに活用できます。• FAVORIT ページは商品紹介に活用できます。• DIARY はブログに活用できます。• SCHEDULE はニュースや特集ページに活用できます。• 基本テーマ仕様なので汎用性をもたす!!※ 作成者としてはこう思っています。
Deliverable
テーマサイトこちらは無料のテーマサイトのデモです。運用 ver と仕様が違います。1.無料につき、ジャンルに応じてラベルの名前や色が変えられるのは 3 種類まで。2.parallax はなしになっています。3. トップページがカルーセルになっています。
デモページ:heydj.supervinyl.netconcrete5 ver7.5.6
Deliverable
テーマ販売についてこの FirstTheme は無料版となります。運用版とは若干違います。※ 上記ページにて確認願います。
concrete5 マーケットプレイスまでhttp://www.concrete5.org/marketplace/themes/hey-dj
Deliverable
第 2 弾の紹介です。
Deliverable
構築期間• 構成およびワイヤー、デザイン、コーディングで 1 ヵ月ほど。• 作業期間は 2016 年 4 月〜末手前まで。• 構築は約 2 週間〜 3 週間。• 作業期間は 2016 年 5 月中旬〜 5 月末で完成。
Deliverable
特長としてはブログメイン型 WEB サイトです。1.masony を用いてコンテンツをランダムに並べられる。レスポンシブ機能あり。2.権限機能でブログ記事の運用をしている。3. サムネイルの写真の大きさやアイコンの取り付けが選ぶことができる。4.多様にページリストを使い、ページリストを応用してつかっている。
Deliverable
ページタイプとページ属性とページリストの 3 つを組み合わす事で画像の大きさ、アイコンの種類を選択できる要素をもたしたり、ページタイプから各ページへのジャンルを選択できる要素をもたすことが可能。ページリストを応用することで関連記事やピックアップ記事などの表示も可能。
Deliverable
ページリストを応用することによりコンテンツの追加が簡単になり管理もしやすく、運用がスムーズになると思います。理由は、ページリストは 1 ページ単位で管理できる。ページ内での編集ができ、サイトマップからも探すこともできます。
Deliverable
さらに、ワークフロー&権限機能をつかっています。
Deliverable
ワークフローとは!?例えば、記事を書いたヒトからメールがきます。書いた記事のデザイン、内容などを確認して問題なければ公開できるという機能です。これで安全な運用ができます。
Deliverable
権限とは!?ある一部の特集記事やキャンペーンページを表示・非表示にできます。つまり、閲覧できるヒトを選択できるという機能です。時間指定などもでき、いつからいつまでというような公開もできます。
Deliverable
まだあります!スタイルカスタマイズを搭載しています。
Deliverable
スタイルカスタマイズとは!?テーマには、スタイルカスタマイズを搭載しています。プリセット(まとめて設定)を設定しておけば、ひとつのテーマで登録しているスタイル分だけの変更設定ができる。プリセットでまとめてではなく、個別でもかえることもできます。
Deliverable
まとめ各ページの活用構成• TOP ページおよびジャンルページはブログに活用できます。ジャンルごとに出力できます。• INFORMATION はニュースや特集ページにて活用できます。 • CONTACT はお問い合わせにて活用できます。 • FAQ はよくある質問にて活用できます。• 基本テーマ仕様なので汎用性をもたす!!※ 作成者としてはこう思っています。
Deliverable
テーマサイトこちらは有料のテーマサイトのデモです。運用 ver と仕様が違います。1. スタイルカスタマイズで concrete5 内でスタイルが変えられる。2. コンテンツボックスのアイコンはつかない。3. コンテンツボックスの hover がテキストである。
デモページ oh-love.ayanyan.net
Deliverable
テーマ販売についてこの SecondTheme は有料版のみとなります。運用版とは若干違います。※ 上記ページにて確認願います。
theme サイトconcrete5 マーケットプレイスまで現在、準備中
Deliverable
制作パートナーSpecial Thanks
concrete5 Japan CEO 菱川拓郎concrete5 Japan CCO Katz Ueno
concrete5 関西 UG @aclissconcrete5 Integrate partner 佐野譲 ( さのゆずる )
concrete5 Integrate partner 庄司早香Holm.design inc. エンジニア 山下和貴
「感謝」です。
Information
テーマについて第 1 弾のテーマは concrete5 の PRB 審査を受け
7/16 に名古屋の地にて審査がとおりました。この日は名古屋で concrete5 の話をしている最中でした。第 2 弾のテーマを現在、マーケットプレイスに提出できるように創っています。※ テーマなので運用版とは違う機能などを入れています。
SemiFinal
最後にご存知かと思いますが、運用を開始したら必ずバックアップをとってから、バージョンアップをしていきましょう。1. バグ修正などがはいっています。2. 機能が向上されている部分もあります。
Question
質疑応答答えられる限り全力でお答えしますが、質問の意図がわからなかったり、言葉足らずで説明ができないこともあると思いますがご了承ください。
Final
現在、第 3 弾を創っています。予告!「複合検索」「多言語」「会員機能」などを盛り込みます。ご清聴どうもありがとうございました。