TOP

WordPress講座シリーズ

イベント内容

WordPressでオリジナルサイトを作る場合、みなさんはどのような方法で作られてますか?

ゼロからゴリゴリ書いていくのは大変だし、かといって既存のテーマをカスタマイズしていくのも、テーマ毎にクセがあったりして、意外と面倒だったりします。

そこでオススメしたいのが、FoundationPressによるオリジナルテーマ作成です!

FoundationPressとは、CSSフレームワークであるFoundation5を組み込んだWP用テーマです。

CSSフレームワークとして有名なのはBootStrapですが、海外ではFoundation5も負けず劣らずの人気があります。特にシンプルでクセのないデザインが、スターターキット向きで好まれています。

BootStrapをWPのテーマに読み込んで使っている方も多いと思いますが、FoundationPressはFoundation5を組み込んだWPテーマですので、PHPファイルも全部含まれています。

テーマをセットすれば、後はBootStrapと同じように、HTMLタグに特定のclassを指定してカスタマイズしていきます。

もちろんレスポンシブ対応で、BootStrapにないモジュールやコンポーネントの他、アイコンフォントの代表格FontAwesomeなどもセットされており、イマドキのWeb制作に欠かせないアイテム類が手軽に利用できます。

慣れるとテーマ制作がサクサク進み、グッと効率化されること請け合いです! 私も最近の制作はほとんどFoundationPressばかりです(笑)

このようにとても便利なFoundationPressですが、導入の敷居がちょっと高いのが難点です。zipファイルを解凍するだけでは必要なコンポーネントが揃いません。

快適にFoundationPressを使うなら、git、Node.js、Grunt、Bowerなどが必要となります。

いわゆる「黒い画面」ですが、しかしここで諦めてしまうのはもったいなさすぎ! 一度「黒い画面」を通り抜けてしまえば、sassをcssに自動コンパイルしてブラウザも自動リロード、といった快適な制作環境が手に入ります!

ということで今回は「FoundationPress導入・環境整備編」と称して、ハンズオン形式でみなさんにgit、Node.js、Gruntなどをインストールしていただいて環境を整え、最初の障害を乗り越えていただきます(笑)

そしてさらにローカルPCにインストールしたWPにFoundationPressをセットして、FoundationPressでどんな風にオリジナルテーマを作成していくかの概略を解説・ご紹介していきます。

一度環境を整えれば、その後は驚くほどカンタンです。ぜひこの機に「黒い画面」のハードルを越えて、FoundationPressによる快適な制作環境を手にしてください。

対象

・WordPressでオリジナルサイトを効率的に制作したい方 ・WPにCSSフレームワークを導入してみたい方 ・BootStrapじゃないフレームワークを使ってみたい方 ・「黒い画面」にためらい、抵抗感のある方 ・SASS、gruntなどを導入してみたい方

カリキュラム

・ハンズオンでgit, Node.js, Bowerをインストール ・FoundationPressをインストールし、ローカルのWPにセット ・講師によるFoundationPressカスタマイズの概要説明(一部ハンズオンでカスタマイズも体験していただきます) ・質疑応答

実習環境

・ご自身のパソコン(Win/Mac)を持ち込んでの参加をお勧めします。

・持参できない方は、教室のWindowsノートパソコンもご利用いただけますが、一部実習が体験できない内容もありえますのでご了承下さい。

・PCをお持ち込みの場合は、ローカルにXAMPPとWordPressをインストールして持参ください。

XAMPP https://www.apachefriends.org/jp/index.html

WP https://ja.wordpress.org/about-wp-ja/

(WordPress講座シリーズ~WordPress インストールとメンテナンス~にご参加いただくと、XAMPPとWPのローカルへのインストールをハンズオンで学習することができます。インストールがまだの方、インストールに不安がある方は、是非こちらの講座もご受講ください。講座詳細はこちら→http://bit.ly/1bpzfPB) ※今回のツール類とFoudationPressのインストールのために、約400MBの空き容量が必要です。

・ブラウザはWindows, Mac共にGoogle Chromeを推奨します。PC持参の方は拡張機能のLiveReloadもインストールされることをお勧めします。 http://bit.ly/1Ga8E3k

講師

田中俊行 ( Office T2 代表 )

フリーのWeb制作者・ライター。 広告代理店のWebディレクターや私立大学のサイト保守・運営などを経てフリーに。サイト制作と平行して、Movable Typeに特化したオンラインWebスクールの主催や、ブログ、SEOなどの講師等も歴任。近年は専らWordPressベースのサイトを多く手がける。 またビジネス系のWebライターとしても活動。

講師からひとこと

WPによるサイト構築の手段として、FoundationPressの利用は絶対に知っておいて損のない選択肢だと自信を持ってオススメします。とはいえ、使うには「黒い画面」が必要と聞くと、尻込みしてしまう方も少なくないかもしれません。

今回は特にそんな方に向けて、「黒い画面」をハンズオンで一緒に学ぶことで、とっとと乗り越えてFoundationPressへの道を切り開きましょう! という内容にしました。たとえFoundaitonPressを使わなくとも、「黒い画面」はもう昨今のWeb制作では欠かせなくなってきていますので、ぜひこの機会に最新のWeb制作環境への「とっかかり」をつかんでください!

注意事項

開催1週間前に最低開催人数に達しない場合は、延期または中止とさせていただくことがございます。予めご了承下さい。

参加者
1人 /定員10人
申込先
会場
C&R社3号館トレーニングルーム
千代田区麹町3-6 (住友不動産麹町ビル3号館4階)

注目のイベント

タグに関連するイベント

2018/03/24(土) 13:00 〜 16:00
東京都 青山一丁目
2018/03/12(月) 11:00 〜 17:00
東京都 茅場町
2018/03/02(金) 11:00 〜 17:00
東京都 渋谷
2018/02/28(水) 20:00 〜 22:00
東京都 渋谷

コラム

イベント

地域経済の活性化にもハッカー精神を。仙台がIT都市に変わる3つの兆し

近年日本では、IT産業を活性化させることで雇用を創出し、地域経済の活性化につなげようとしている地方自治...
283 views
イベント

エンタープライズシステム開発に「エコシステム」を導入した事例秘話 - Accenture Meetup -

2017年11月10日(金)19時30分より、「エンジニア向け/デジタル・エコシステムをつくり出す技術勉強会 - 大...
136 views
イベント

デジタルトランスフォーメーション時代の最新データベース技術勉強会 - DB進化論 -

2017年12月21日(木)19時10分より、「【エンジニア向け勉強会】デジタルトランスフォーメーション時代の最...
465 views