【2015年10月3日|西新宿 】レスポンシブなWordPress テンプレート制作にチャレンジしよう!

CSSフレームワーク(Foudantion)を利用した WordPress テンプレート制作

当イベントにおいて制作をしましたテンプレート・テーマを公開しました。ぜひご覧下さい![2015年10月10日]

今年の1月に「WordPress & Foundation 勉強会&新年会」(イベント案内&レポートにリンク)を行ないました。もう少しページ構成をシンプルにして、制作のポイントを整理しながらお話をします。

WordPress のデフォルトテーマなどに利用されているスターターテーマ、Underscores にCSSフレームワーク Foundation を組み合わせて、オリジナルテーマづくりの基礎に取り組みます。

対象:レスポンシブなWordPress テンプレート制作に取り組んでいきたいクリエイター


WordPress + Underscores + Foundation[10月2日(金)17:50]
講義の部分のハイライトを少しご案内します。

Foundation をダウンロードして、index.html をブラウザで開くとFoundation の動作確認ができます。そのソースをシンプルにしたのが上の図です。各パートごとに色分けしています。

Underscores をWordPress に入れて、CSSをバッサリと排除したのが下の図。さほど見栄えは変わりませんが、必要に応じてあとから一部復活させるスタイルを取ります。

あとは上と下を融合していけば、基本テンプレートのできあがりです。もちろんいくらでも拡張は可能です。


 

続きを読む 【2015年10月3日|西新宿 】レスポンシブなWordPress テンプレート制作にチャレンジしよう!

ゆるゆるカフェ|2015年8月24日開催|新宿アイランドタワー 20F

【2015年9月5日|西新宿 】WordPress の話を持ち寄ろう

WordPress の制作や運用で抱えている課題を持ち寄ってみませんか?

手軽に情報発信のできるWeb サイト(CMS)ツールとして、WordPress はここ数年で瞬く間に脚光を浴びてきました。いまや世界中のトップ1000万サイトのじつに4つに一つがWordPress で作られているそうです。(*)

WordPress を楽しく効率よくお学び頂くために、ゆるゆるカフェではグループワークを取り入れています。WordPress を学びながらその周辺知識や技術などもゆるやかにお学び頂けたら幸いです。分からないこと・話題にしたいことなどは何でもお話下さい。

午前の部は初心者対象です。WordPress でどのようなことができるのかのを講義スタイルでお話致します。WordPress 最新事情などに触れつつ、実演を交えてお話を進めていきます。

午後は中上級者対象ですが、初心者のご参加を歓迎します。グループになって頂いて意見交換を行ないます。ふだんのお仕事やご活動で漠然と抱いている課題やお悩みごとなどお気軽にお話頂ける会にしています。ご自身の勉強に弾みをつける場として、お仕事やご活動での実現したいことに歩み寄る場としてお役立て下さい。

ご参加頂く皆さまのお話によって、セッションの内容はさまざまに展開することが予想されます。その場で十分な解決の進められなかった課題や疑問に関しては後日のフォローアップ(メール)やFacebook グループにて方向づけ・課題解決を試みていきます。参加者の個人情報と著作権に配慮しながらお話を進めていきます。

(*)Usage of content management systems for websites


 

【追記】ー 2015年9月4日8:30 PM

最新のWordPress では「カスタマイズ」ボタンが追加され、管理画面をあまり意識することなくさまざまなカスタマイズができるようになりました。

そこで現在のデフォルト・テーマである「Twenty Fifteen 」を使ってどこまでサイトの制作を行えるかを試してみました。スマートフォンやタブレットでも同じように制作を進めていけるはずです。

投稿または固定ページ編集画面におけるMark Down 記法の採用も見逃せません。午前中のゆるゆるカフェではこのサイトの制作実演をお見せしながら進めていく予定です。

ゆるゆるカフェ教材|2015年9月5日実施予定
ゆるゆるカフェ教材|2015年9月5日実施予定

続きを読む 【2015年9月5日|西新宿 】WordPress の話を持ち寄ろう

ゆるゆるカフェの準備・備品リストを公開します

ゆるゆるカフェのイベントに向けてふだん行なっている準備を公開します。買い出しや備品、資料の用意、当日スタッフのTo Do などをリストしてみました。*追記・変更することがあります。

Index

1.前日までの準備
2.配布資料(講師用意分を含まず)
3.買い出し(外出分)
4.買い出し(Web 発注分)
5.次回の企画検討
6.当日の備品
7.当日スタッフの準備
8.今後準備または購入を検討していきたいこと
9.イベント終了後
続きを読む ゆるゆるカフェの準備・備品リストを公開します

【2015年8月1日|西新宿 】円滑なWeb 運用のできるCSS設計&制作を考えよう

有意義なひとときを過ごしました。有り難うございました!
ブログにてレポートをまとめました。もしよろしければご覧下さい。
8月1日 ゆるゆるカフェ・レポート


破綻しやすいCSSとはなにか、何が問題なのか?

ゆるゆるカフェ

なぜセレクタを深くしてはいけないのか、
なぜ命名規則が重要なのか、
そういったところを知ってはじめて、SMACSSなどが腑に落ちるのではないかと思います。

『Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法』著者、谷 拓樹氏より

Web 制作がきちんと完成できてもその運用で滞ってしまっては、もはや制作としては片手落ちです。「なし崩し的にプロジェクト後半でセレクタがもりもり増えていく」(M氏 in Yuru2Cafe Web Team)ことは誰しもが一度ならずとも経験することです。成果を具体的に生み出していくWeb 運用実現のために、円滑なWeb 更新作業の実現は試金石です。

本講座では谷 拓樹氏(『Web制作者のためのCSS設計の教科書』著者)をお招きして、Web 制作におけるCSS設計を考察していきます。HTML/CSS はひととおり行えるけれど、運用面を意識した制作がこれからの課題となっているクリエイターさん、企業・法人のWeb 担当者様には見逃せない企画です。Web 制作のCSS設計をもう一度見直されてみませんか。

HTML/CSS の基礎を振り返りたい方、環境設定を個別に確認取られたい方はぜひ朝のセッションからご参加下さい。初心者を歓迎します。

続きを読む 【2015年8月1日|西新宿 】円滑なWeb 運用のできるCSS設計&制作を考えよう

【7月4日(土)】Git を使ってバージョン管理を学ぼう

ゆるゆるカフェ|2015年1月

バージョン管理をグループワークでご体感してみませんか?

Backlog のGit 機能に着目してゆるゆるカフェをします。Web 制作の共同開発に欠かせないGit の考え方(バージョン管理)とその運用を、グループワークにてお学び頂けます。

午前中はゆるゆるカフェのチューターこと松谷 勇希氏より、SourceTree の考え方とその使い方について学びます。

午後はゆるゆるカフェ・プロフェッショナル版の専任講師こと三柴誠一郎氏より、いつもの黒い画面を駆使して、Git をがんがん料理していきます。

後半はBacklog のプロジェクトマネージャー 中村知成氏より、BacklogでのGit 利用を広くご説明頂きます。

その後Git を使ってグループワークを試みましょう。ビジュアルなSourceTree でも、本格派UNIXコマンドでも、お好きなツールを選択してGit によるバージョン管理をご体験頂けるお時間にします。

ご参考サイト:サルでもわかるGit入門 〜バージョン管理を使いこなそう〜 | どこでもプロジェクト管理バックログ

【要項】

日 時:2015年7月4日(土)開場9時半 開始10時(終了21時)

会 場:モバフ新宿アイランド(新宿アイランドタワー20F)

対 象

  • Git によるバージョン管理の方法を学んでみたい方
  • より効率のいいバージョン管理を検討してみたい方
  • バージョン管理によるWeb 制作・運用を行ないたい方

会 費:3,000円以内

  • 朝の部 無料
  • 昼の部 2,000円
  • 夜の部 1,000円

* 懇親会はお飲み物・軽食をご用意しています。
続きを読む 【7月4日(土)】Git を使ってバージョン管理を学ぼう