Soumettre la recherche
Mettre en ligne
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
•
13 j'aime
•
8,558 vues
Keisuke Imura
Suivre
2014/1/27 WordBench東京で発表したセッションです。
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 37
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
WordPressのデフォルトテーマTwenty Fourteenをカスタマイズした超簡単テーマdoshirouto2014を作りました。
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
WordPressのデフォルトテーマTwenty Fourteenをカスタマイズした超簡単テーマdoshirouto2014を作りました。
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
2014/03/15 WordBench宮崎のプレゼン内容です。
WordPressテーマ作成
WordPressテーマ作成
Takami Kazuya
WordPressに標準添付されているテーマや公開されているテーマを使うのも良いですが、WordPressの醍醐味はいろいろカスタマイズできること。世界に一つだけの自分だけのオリジナルサイトを作りたいですよね。またはお仕事でWordPressのサイト制作を任されることもあるかも知れません。 自分好みにカスタマイズしたい、でもどうすればいいか分からない、という方向けに、デフォルトテーマTwentyFourteenからのカスタマイズに必要な知識や事例を紹介します。 ・見た目の色とかフォントサイズの変更 ・トップページだけレイアウトを変えたい ・サイドバーをもっと自在に操る ・コメント欄をカスタマイズするには?
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
Takashi Uemura
WordPressを自分の好きなようにデザインしたい! と思ったけどどうやったらいいか分からない! デフォルトのデザインテンプレートが難しすぎる! という方のために、次期バージョンに同梱されるtwentythirteenテーマを改造して超簡単なテンプレートを作ったので配布します。これを使ってWordPressのテンプレートを理解しましょう。
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
Takashi Uemura
2014/9/17にコワーキングスペース茅場町で開催された「ゼロから始めるWordPress勉強会」で使用した資料です。
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
Takahiro Nakahata
WordCamp KOBE2011でお話させていただいた、「初めてのWordPress!オリジナルのテーマでブログを作る方法」についてのスライドです
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
parkn-park
WordPressのスライドやブログ記事で、特に人気の高いものをカテゴリ別に集めました。2011年〜2012年に発表されたものが対象です。
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
Takashi Uemura
Recommandé
WordPressのデフォルトテーマTwenty Fourteenをカスタマイズした超簡単テーマdoshirouto2014を作りました。
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
WordPressのデフォルトテーマTwenty Fourteenをカスタマイズした超簡単テーマdoshirouto2014を作りました。
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
2014/03/15 WordBench宮崎のプレゼン内容です。
WordPressテーマ作成
WordPressテーマ作成
Takami Kazuya
WordPressに標準添付されているテーマや公開されているテーマを使うのも良いですが、WordPressの醍醐味はいろいろカスタマイズできること。世界に一つだけの自分だけのオリジナルサイトを作りたいですよね。またはお仕事でWordPressのサイト制作を任されることもあるかも知れません。 自分好みにカスタマイズしたい、でもどうすればいいか分からない、という方向けに、デフォルトテーマTwentyFourteenからのカスタマイズに必要な知識や事例を紹介します。 ・見た目の色とかフォントサイズの変更 ・トップページだけレイアウトを変えたい ・サイドバーをもっと自在に操る ・コメント欄をカスタマイズするには?
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
Takashi Uemura
WordPressを自分の好きなようにデザインしたい! と思ったけどどうやったらいいか分からない! デフォルトのデザインテンプレートが難しすぎる! という方のために、次期バージョンに同梱されるtwentythirteenテーマを改造して超簡単なテンプレートを作ったので配布します。これを使ってWordPressのテンプレートを理解しましょう。
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
Takashi Uemura
2014/9/17にコワーキングスペース茅場町で開催された「ゼロから始めるWordPress勉強会」で使用した資料です。
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
Takahiro Nakahata
WordCamp KOBE2011でお話させていただいた、「初めてのWordPress!オリジナルのテーマでブログを作る方法」についてのスライドです
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
parkn-park
WordPressのスライドやブログ記事で、特に人気の高いものをカテゴリ別に集めました。2011年〜2012年に発表されたものが対象です。
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
Takashi Uemura
WordCamp Kansai 2015 テーマ作成ハンズオン再演。 _sに絞ってWordBench京都向けにリメイクしています。
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
Hidetaka Okamoto
Wordbench鹿児島@さくらハウス
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
タカシ キタジマ
2015年10月31日に開催されたWordCamp Tokyo 2015でのセッションスライドです。
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
Mignon Style
WordBench埼玉の勉強会で、Twentytenについてプレゼンしました。 開催日:2010年7月17日(土) 会場: 越谷中央市民会館
新デフォルトテーマTwentyTen を理解しよう
新デフォルトテーマTwentyTen を理解しよう
Yoshitaka KATO
2014年8月 WordBench東京8月勉強会「制作現場を爆速にする妙技をシェアしあおう!!」 「Bootstrap を使って効率よくオリジナルテーマを作る!」というテーマで話しました。 自分でオリジナルテーマを作りたくても、制作に時間がかかりすぎることがあります。 テーマ制作に、Bootstrapを使う理由とオリジナルテーマを作るときのポイントをシェアしようと思います。
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Yoshinori Kobayashi
WordCamp Kansai 2015 で行ったテーマ作成ハンズオンの「子テーマ」の説明です。
WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
Akari Doi
子テーマを使ったサイト制作について
子テーマを使ったサイト制作
子テーマを使ったサイト制作
shimoyama kengo
WordPress公式ディレクトリにテーマを登録するときによくあるダメだし「Plugin Territory」。Plugin Territoryって何でしょう?
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
Mignon Style
WordBench京都 2013年3月17日
TwentyTwelveの子テーマつくったらハマった話
TwentyTwelveの子テーマつくったらハマった話
Cherry Pie Web
2014年8月30日に開催されたWordFes Nagoya 2014でのセッションスライドです。
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
Mignon Style
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
Shinichi Nishikawa
WordCampTokyo 2015のスライドです。
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
Hidekazu Ishikawa
WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
Sho Shirasaka
ゼロからつくるWord pressテーマ第8回
ゼロからつくるWord pressテーマ第8回
Hitsuji
2013年5月18日 WordBench千葉にて
バックアッププラグインあれこれ
バックアッププラグインあれこれ
Chieko Aihara
2014年10月11日に開催されたWordCamp Tokyo 2014でのセッションスライドです。
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
Mignon Style
2016年2月21日に開催されたWordBench東京「みんなのテーマ開発」〜自分の好きな作り方を話そう〜 でのセッションスライドです。
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
Mignon Style
ゼロからつくるWord pressテーマ第9回
ゼロからつくるWord pressテーマ第9回
Hitsuji
ゼロからつくるWordPressテーマ第4回です。Blog記事形式ではなく、今回はスライドにしました。
ゼロからつくるWordPressテーマ第4回
ゼロからつくるWordPressテーマ第4回
Hitsuji
ゼロからつくるWord pressテーマ第5回
ゼロからつくるWord pressテーマ第5回
Hitsuji
WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方を話そう〜 2016/2/21 サイト http://unofficialtokyo.com を Twenty Sixteen で構築した際の手順やコツを紹介しました。
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
Akira Tachibana
テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2
テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2
Susumu Seino
Contenu connexe
Tendances
WordCamp Kansai 2015 テーマ作成ハンズオン再演。 _sに絞ってWordBench京都向けにリメイクしています。
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
Hidetaka Okamoto
Wordbench鹿児島@さくらハウス
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
タカシ キタジマ
2015年10月31日に開催されたWordCamp Tokyo 2015でのセッションスライドです。
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
Mignon Style
WordBench埼玉の勉強会で、Twentytenについてプレゼンしました。 開催日:2010年7月17日(土) 会場: 越谷中央市民会館
新デフォルトテーマTwentyTen を理解しよう
新デフォルトテーマTwentyTen を理解しよう
Yoshitaka KATO
2014年8月 WordBench東京8月勉強会「制作現場を爆速にする妙技をシェアしあおう!!」 「Bootstrap を使って効率よくオリジナルテーマを作る!」というテーマで話しました。 自分でオリジナルテーマを作りたくても、制作に時間がかかりすぎることがあります。 テーマ制作に、Bootstrapを使う理由とオリジナルテーマを作るときのポイントをシェアしようと思います。
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Yoshinori Kobayashi
WordCamp Kansai 2015 で行ったテーマ作成ハンズオンの「子テーマ」の説明です。
WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
Akari Doi
子テーマを使ったサイト制作について
子テーマを使ったサイト制作
子テーマを使ったサイト制作
shimoyama kengo
WordPress公式ディレクトリにテーマを登録するときによくあるダメだし「Plugin Territory」。Plugin Territoryって何でしょう?
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
Mignon Style
WordBench京都 2013年3月17日
TwentyTwelveの子テーマつくったらハマった話
TwentyTwelveの子テーマつくったらハマった話
Cherry Pie Web
2014年8月30日に開催されたWordFes Nagoya 2014でのセッションスライドです。
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
Mignon Style
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
Shinichi Nishikawa
WordCampTokyo 2015のスライドです。
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
Hidekazu Ishikawa
WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
Sho Shirasaka
ゼロからつくるWord pressテーマ第8回
ゼロからつくるWord pressテーマ第8回
Hitsuji
2013年5月18日 WordBench千葉にて
バックアッププラグインあれこれ
バックアッププラグインあれこれ
Chieko Aihara
2014年10月11日に開催されたWordCamp Tokyo 2014でのセッションスライドです。
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
Mignon Style
2016年2月21日に開催されたWordBench東京「みんなのテーマ開発」〜自分の好きな作り方を話そう〜 でのセッションスライドです。
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
Mignon Style
ゼロからつくるWord pressテーマ第9回
ゼロからつくるWord pressテーマ第9回
Hitsuji
ゼロからつくるWordPressテーマ第4回です。Blog記事形式ではなく、今回はスライドにしました。
ゼロからつくるWordPressテーマ第4回
ゼロからつくるWordPressテーマ第4回
Hitsuji
ゼロからつくるWord pressテーマ第5回
ゼロからつくるWord pressテーマ第5回
Hitsuji
Tendances
(20)
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
新デフォルトテーマTwentyTen を理解しよう
新デフォルトテーマTwentyTen を理解しよう
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
子テーマを使ったサイト制作
子テーマを使ったサイト制作
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
TwentyTwelveの子テーマつくったらハマった話
TwentyTwelveの子テーマつくったらハマった話
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
ゼロからつくるWord pressテーマ第8回
ゼロからつくるWord pressテーマ第8回
バックアッププラグインあれこれ
バックアッププラグインあれこれ
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
ゼロからつくるWord pressテーマ第9回
ゼロからつくるWord pressテーマ第9回
ゼロからつくるWordPressテーマ第4回
ゼロからつくるWordPressテーマ第4回
ゼロからつくるWord pressテーマ第5回
ゼロからつくるWord pressテーマ第5回
En vedette
WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方を話そう〜 2016/2/21 サイト http://unofficialtokyo.com を Twenty Sixteen で構築した際の手順やコツを紹介しました。
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
Akira Tachibana
テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2
テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2
Susumu Seino
10/24のファンタラクティブ・オープンミーティングで使用したスライドです。
Sass + Foundation 5でレスポンシブペライチ制作
Sass + Foundation 5でレスポンシブペライチ制作
Keisuke Imura
2014/3/29 WordBench Tokyo 春のデザイナー祭りのセッションで使用したスライドです。
イチから学ぶ パッケージマネージャーとLAMP環境
イチから学ぶ パッケージマネージャーとLAMP環境
Keisuke Imura
WP-D Fes #03で使用したスライドです。
High Performance Gulp
High Performance Gulp
Keisuke Imura
2015/1/6のファンタラクティブ・オープンミーティングで使用したスライドです。
Foundation for Appsでザクザク作るモックアップ
Foundation for Appsでザクザク作るモックアップ
Keisuke Imura
第1回Creators MeetUpで発表したスライドです。
60点をとれるWebデザイン
60点をとれるWebデザイン
Keisuke Imura
第1回 Creators MeetUpで発表したチームビルディングについてのスライドです。 http://atnd.org/events/36703
デザイナーとエンジニアのコミュニケーションについて考えてみた
デザイナーとエンジニアのコミュニケーションについて考えてみた
Reimi Kuramochi Chiba
2016/1/16 第36回Creators MeetUpで使用したスライドです。
テクニカルクリエイターの憂鬱
テクニカルクリエイターの憂鬱
Keisuke Imura
2013/5/27のCreators MeetUpで担当したセッションのスライドです。
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
Keisuke Imura
2015/1/18のWeb Creator Conferenceで使用したスライドです。
イマドキWebメディアの制作手法
イマドキWebメディアの制作手法
Keisuke Imura
En vedette
(11)
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2
テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2
Sass + Foundation 5でレスポンシブペライチ制作
Sass + Foundation 5でレスポンシブペライチ制作
イチから学ぶ パッケージマネージャーとLAMP環境
イチから学ぶ パッケージマネージャーとLAMP環境
High Performance Gulp
High Performance Gulp
Foundation for Appsでザクザク作るモックアップ
Foundation for Appsでザクザク作るモックアップ
60点をとれるWebデザイン
60点をとれるWebデザイン
デザイナーとエンジニアのコミュニケーションについて考えてみた
デザイナーとエンジニアのコミュニケーションについて考えてみた
テクニカルクリエイターの憂鬱
テクニカルクリエイターの憂鬱
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
イマドキWebメディアの制作手法
イマドキWebメディアの制作手法
Similaire à Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
2015年2月18日:松戸WordPress部:もっとはじめてのオリジナルテーマ制作
もっとはじめてのオリジナルテーマ制作
もっとはじめてのオリジナルテーマ制作
Seiichiro Mishiba
CSS Nite LP38に参加したので、そのフィードバックです。
CSS Nite LP38に行ってきた
CSS Nite LP38に行ってきた
Yasuyuki Fujikawa
10/29(水)のWordBench東京 10月勉強会『WordCamp Tokyo 2014 振り返りレポート』のセッションで使用したスライドです。
2015年に向けたWordPress動向
2015年に向けたWordPress動向
Keisuke Imura
最新デフォルトテーマ「Twenty Fourteen」を基に、WordPressテーマの基礎やカスタマイズ、オリジナルテーマ作成へのヒントを学びます。
「最新デフォルトテーマをひも解きながら、オリジナルテーマへとカスタマイズするヒントを学ぼう。」in ゆるゆるカフェ
「最新デフォルトテーマをひも解きながら、オリジナルテーマへとカスタマイズするヒントを学ぼう。」in ゆるゆるカフェ
Takehiro Ichinohe
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
Eri Sawada
東京都台東区上野にあるいいオフィスで行われたWordBench Tokyo 10月のセッション『WordCamp Tokyo 2014 わぷーステージ振り返り』スライド資料です。
Word camp tokyo2014 わぷーステージ振り返り
Word camp tokyo2014 わぷーステージ振り返り
Sosuke Eguchi
DDDrbでの発表資料です
MultiParadimeDesign
MultiParadimeDesign
spring_kuma
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
girigiribauer
2014/712 クリエイティブコネクトというイベントで話したスライドです。
一歩踏み込むWordPress
一歩踏み込むWordPress
正樹 平野
セッション3 『コード嫌いのためのDreamweaver デザインビューの極意』 ▼エディター ガチンコバトル勉強会 in 大阪 http://r360studio.com/gachinko/editorgachinko2/
コード嫌いのためのDreamweaver デザインビューの極意
コード嫌いのためのDreamweaver デザインビューの極意
Mori Kazue
2013年3月20日 Tech Compass #tecomp #きのこる
2013年3月20日 Tech Compass #tecomp #きのこる
Yusuke Yamamoto
Firefox,Safari,Chromeのインスペクタの違いを紹介& ブラウザのインスペクタを使っての簡単なCSS編集方法
doshirouto2014のcssだけを改造して子テーマを作る、最速手抜きカスタマイズ (初級)
doshirouto2014のcssだけを改造して子テーマを作る、最速手抜きカスタマイズ (初級)
Atsushi Ando
BizVektorに見る汎用テンプレートの設計思想
BizVektorに見る汎用テンプレートの設計思想
Hidekazu Ishikawa
第67回「WEB TOUCH MEETING+WordPressハンズオン勉強会」(KDDIウェブコミュニケーションズ協賛)での前座の発表スライドです。 WordPressについてのさわり程度の内容です
WordPressってこんなCMS
WordPressってこんなCMS
Kawakami Hiroko
contents.nagoya
実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス
実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス
Hidekazu Ishikawa
WordBench奈良 2013年度 和同弁知 第5回 WordPress 勉強会 (2013-10-26) にて発表
WordPress 運用前の初期設定
WordPress 運用前の初期設定
Shigeki Takai
CMS Fun Nagoya 2015.2.21 WordPressの紹介のスライドです。
WordPressの紹介@CMS Fun Nagoya 2015.2.21
WordPressの紹介@CMS Fun Nagoya 2015.2.21
Yasuhiro Nozue
公開から4年間使ってきたbaserCMSをそろそろ本気でdisってみました。 オープンソースカンファレンス2014福岡 日時:2014-11-22 (土) 11時00分〜11時45分 担当:baserCMSユーザー会 レベル:入門編 対象者:CMSに興味のあるWebサイト運営者、Webサイト制作者、Webプロデューサー・ディレクター
公開から4年間使ってきたbaserCMSをそろそろ本気でdisってみる(OSC2014福岡)
公開から4年間使ってきたbaserCMSをそろそろ本気でdisってみる(OSC2014福岡)
Garyuten
WordPressでマウスだけでホームページを編集できるページビルダープラグインのElementorを使ってみた話。
WordPress x Elementor を使ってみた話
WordPress x Elementor を使ってみた話
Mitsushige Ishiguro
「第2回 D2D WEBグラフィックツール ~デザインワークフローの転換~」で発表したスライドです。
Sketchに辿り着いた話と、制作フローにおける各ツールの連携
Sketchに辿り着いた話と、制作フローにおける各ツールの連携
Yu-ki Motoyama
Similaire à Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
(20)
もっとはじめてのオリジナルテーマ制作
もっとはじめてのオリジナルテーマ制作
CSS Nite LP38に行ってきた
CSS Nite LP38に行ってきた
2015年に向けたWordPress動向
2015年に向けたWordPress動向
「最新デフォルトテーマをひも解きながら、オリジナルテーマへとカスタマイズするヒントを学ぼう。」in ゆるゆるカフェ
「最新デフォルトテーマをひも解きながら、オリジナルテーマへとカスタマイズするヒントを学ぼう。」in ゆるゆるカフェ
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
Word camp tokyo2014 わぷーステージ振り返り
Word camp tokyo2014 わぷーステージ振り返り
MultiParadimeDesign
MultiParadimeDesign
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
一歩踏み込むWordPress
一歩踏み込むWordPress
コード嫌いのためのDreamweaver デザインビューの極意
コード嫌いのためのDreamweaver デザインビューの極意
2013年3月20日 Tech Compass #tecomp #きのこる
2013年3月20日 Tech Compass #tecomp #きのこる
doshirouto2014のcssだけを改造して子テーマを作る、最速手抜きカスタマイズ (初級)
doshirouto2014のcssだけを改造して子テーマを作る、最速手抜きカスタマイズ (初級)
BizVektorに見る汎用テンプレートの設計思想
BizVektorに見る汎用テンプレートの設計思想
WordPressってこんなCMS
WordPressってこんなCMS
実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス
実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス
WordPress 運用前の初期設定
WordPress 運用前の初期設定
WordPressの紹介@CMS Fun Nagoya 2015.2.21
WordPressの紹介@CMS Fun Nagoya 2015.2.21
公開から4年間使ってきたbaserCMSをそろそろ本気でdisってみる(OSC2014福岡)
公開から4年間使ってきたbaserCMSをそろそろ本気でdisってみる(OSC2014福岡)
WordPress x Elementor を使ってみた話
WordPress x Elementor を使ってみた話
Sketchに辿り着いた話と、制作フローにおける各ツールの連携
Sketchに辿り着いた話と、制作フローにおける各ツールの連携
Dernier
NewSQLの可用性構成パターン (OCHaCafe Season 8 #4 発表資料) 2024年5月8日(水) NTTデータグループ 技術開発本部 小林 隆浩
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
This is an introduction to MAPPO's paper.
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
Key topics covered: - Understanding Ballerina's role in integrations: features and advantages - Designing and implementing REST APIs for integration - Designing and implementing GraphQL services with Ballerina - Monitoring and observing applications - Introduction to data integration
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
Jue Wang, Wentao Zhu, Pichao Wang, Xiang Yu, Linda Liu, Mohamed Omar, Raffay Hamid, " Selective Structured State-Spaces for Long-Form Video Understanding" CVPR2023 https://openaccess.thecvf.com/content/CVPR2023/html/Wang_Selective_Structured_State-Spaces_for_Long-Form_Video_Understanding_CVPR_2023_paper.html
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
LoRaWANスマート距離検出センサー DS20Lカタログ
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
2022年10月27日に社内向けに開催した勉強会資料の社外公開版です(発表8分程度)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
2024年5月8日 Power Platform 勉強会 #1 LT資料
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Syed Talal Wasim, Muzammal Naseer, Salman Khan, Ming-Hsuan Yang, Fahad Shahbaz Khan , "Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Grounding" arXiv2024 https://arxiv.org/abs/2401.00901v2
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
Dernier
(12)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
1.
2014 Twenty Fourteen 徹底解剖! ∼デフォルトテーマに学ぶ今ドキテーマの作り方∼
2.
自己紹介 井村 圭介 K E
I S U K E I M U R A フリーランスの Webデザイナー/エンジニア。 WordPressが大好きです。 @imura_design
3.
4.
photo by yorozu2009
5.
本を書きました。 現場のプロが教える Web制作の最新常識 ・配色のトレンド ・スタイルガイド ・Git ・プロジェクト管理ツール ・CMS ・バックエンド高速化 など書いています。
6.
2014 Twenty Fourteen について
7.
Twenty Fourteenの特徴 • WordPress 3.8からデフォルトテーマに採用 • レスポンシブ・デザイン • マガジンスタイル • ホームページにピックアップコンテンツを表示 • 短冊ウィジェット • Lato欧文タイプフェイス
8.
入江隆さんのデザイン via http://takashiirie.com/about
9.
では本題…
10.
私たちは「見学の見」で、画家は「観察の観」で見ている。 –本田宗一郎
11.
徹底解剖お品書き 1. CSS編 2. テンプレート構成編 3. デバッグ編
12.
2014 Twenty Fourteen 徹底解剖 ∼
CSS編 ∼
13.
CSSの解剖 • モバイルファーストなMedia Queriesの記述 • editor-style.cssももちろん完備 • Genericonsを使ったアイコンフォント
14.
モバイルファーストなMedia Queriesの記述 Media Queriesの記述を全て消した状態
15.
editor-style.cssももちろん完備 css/editor-style.css をチェック!
16.
editor-style.css設定の仕方の記事を書きました。 http://wp-d.org/2013/04/11/3928/
17.
Genericonsを使ったアイコンフォント • Automattic社制、アイコンフォント • SVG、woffなどベクターデータなので マルチデバイスでもくっきり • GPLなので自分のテーマはもちろん、 WordPress以外のサイトにも使えます
18.
http://genericons.com/
19.
2014 Twenty Fourteen 徹底解剖 ∼
テンプレート構成編 ∼
20.
WHAT ?
21.
index.php を見てみよう
22.
投稿フォーマットの使い方 Twenty Fourteenでは、 「チャット」「ステータス」以外の 7種類をサポート //functions.phpに記述 add_theme_support( 'post-formats',
array( ) ); 'aside', 'image', 'video', 'audio', 'quote', 'link', 'gallery',
23.
投稿フォーマットについて詳しく知りたい方は http://wpdocs.sourceforge.jp/投稿フォーマット
24.
inc/ ディレクトリにファイルを分割
25.
2014 Twenty Fourteen 徹底解剖 ∼
デバッグ編 ∼
26.
デバッグツールをTwenty Fourteenで試してみる • Theme-Check プラグイン • Developer
プラグイン • Theme Unit Test
27.
Theme-Check プラグイン http://wordpress.org/plugins/theme-check/
28.
Theme-Check の使い方 1. プラグインをインストールして有効化 2.
wp-config.php の WP_DEBUG を true に define('WP_DEBUG', true); 3. 管理画面「外観」>「Theme Check」から実行
29.
自分のテーマでエラーがでるときは Twenty Fourteen を参考にしてみよう!
30.
Developer プラグイン http://wordpress.org/plugins/developer/
31.
Developer の特徴 Developerをインストールすると、開発に役立つ 複数のプラグインを一括でインストールできます。 その中のひとつ、Monster Widget
を試してみます。
32.
Widgetエリアに崩れがないか簡単に確認できます
33.
テーマユニットテストとは? テーマテストの一環で、 テスト用の記事を書きだしたXMLファイルを読み込んで 正しく表示されるかを確認するテストです。 http://wpdocs.sourceforge.jp/テーマユニットテスト
34.
テーマユニットテストの手順 1. テスト用データをダウンロード https://wpcom-themes.svn.automattic.com/demo/theme-unit-test-data.xml 2. 管理画面「ツール」>「インポート」>「WordPress」 3.
手順に従って「WordPress Importer」をインストール 4. ダウンロードしたxmlをインポート
35.
インポート完了後の Twenty Fourteen
36.
まとめ デフォルトテーマは WordPressテーマ開発者にとって お手本とも言えるテーマです。 ぜひ深く観察して自分のテーマにも フィードバックしていきましょう!
37.
ご清聴ありがとうございました m(_ _)m
Télécharger maintenant