Enviar búsqueda
Cargar
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
•
16 recomendaciones
•
18,464 vistas
rie05
Seguir
CSS Nite in OSAKA, Vol.32
Leer menos
Leer más
Diseño
Denunciar
Compartir
Denunciar
Compartir
1 de 41
Descargar ahora
Descargar para leer sin conexión
Recomendados
ブログの枠を超える?ためのWordPressカスタマイズ入門
ブログの枠を超える?ためのWordPressカスタマイズ入門
muracchi
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
foom_in
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
Takashi Uemura
WordPressで作るポートフォリオサイト
WordPressで作るポートフォリオサイト
Takuma Nishiyama
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Yoshinori Kobayashi
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
タカシ キタジマ
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
タカシ キタジマ
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
Shinichi Nishikawa
Recomendados
ブログの枠を超える?ためのWordPressカスタマイズ入門
ブログの枠を超える?ためのWordPressカスタマイズ入門
muracchi
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
foom_in
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
Takashi Uemura
WordPressで作るポートフォリオサイト
WordPressで作るポートフォリオサイト
Takuma Nishiyama
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Yoshinori Kobayashi
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
タカシ キタジマ
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
タカシ キタジマ
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
Shinichi Nishikawa
Wp html5
Wp html5
regret raym
ノンプログラマーのためのWordPressプラグイン開発超入門v1.0
ノンプログラマーのためのWordPressプラグイン開発超入門v1.0
Yuki Okamoto
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
タカシ キタジマ
WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介
Takashi Uemura
WP-CLI (WordBench Sendai 20140628)
WP-CLI (WordBench Sendai 20140628)
Kazue Igarashi
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?
Shinichi Nishikawa
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
Mignon Style
え?まだMAMPで消耗してんの?
え?まだMAMPで消耗してんの?
Takayuki Miyauchi
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
Mignon Style
Wordpressスマートフォンテーマ作成
Wordpressスマートフォンテーマ作成
Yoshie Nakayama
Webteko 20090925
Webteko 20090925
だいすけ ふるかわ
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
Mignon Style
いちばん簡単なconcrete5テーマ
いちばん簡単なconcrete5テーマ
Hideki MACHIDA
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
Mignon Style
子テーマを使ったサイト制作
子テーマを使ったサイト制作
shimoyama kengo
WordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoya
Shinichi Nishikawa
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
Mignon Style
ノンプログラマーのためのWordPressプラグイン作成超入門 | Mignon Style
ノンプログラマーのためのWordPressプラグイン作成超入門 | Mignon Style
Mignon Style
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
Mignon Style
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
テーマ作成のアプローチ
テーマ作成のアプローチ
Seto Takahiro
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
Más contenido relacionado
La actualidad más candente
Wp html5
Wp html5
regret raym
ノンプログラマーのためのWordPressプラグイン開発超入門v1.0
ノンプログラマーのためのWordPressプラグイン開発超入門v1.0
Yuki Okamoto
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
タカシ キタジマ
WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介
Takashi Uemura
WP-CLI (WordBench Sendai 20140628)
WP-CLI (WordBench Sendai 20140628)
Kazue Igarashi
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?
Shinichi Nishikawa
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
Mignon Style
え?まだMAMPで消耗してんの?
え?まだMAMPで消耗してんの?
Takayuki Miyauchi
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
Mignon Style
Wordpressスマートフォンテーマ作成
Wordpressスマートフォンテーマ作成
Yoshie Nakayama
Webteko 20090925
Webteko 20090925
だいすけ ふるかわ
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
Mignon Style
いちばん簡単なconcrete5テーマ
いちばん簡単なconcrete5テーマ
Hideki MACHIDA
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
Mignon Style
子テーマを使ったサイト制作
子テーマを使ったサイト制作
shimoyama kengo
WordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoya
Shinichi Nishikawa
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
Mignon Style
ノンプログラマーのためのWordPressプラグイン作成超入門 | Mignon Style
ノンプログラマーのためのWordPressプラグイン作成超入門 | Mignon Style
Mignon Style
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
Mignon Style
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
La actualidad más candente
(20)
Wp html5
Wp html5
ノンプログラマーのためのWordPressプラグイン開発超入門v1.0
ノンプログラマーのためのWordPressプラグイン開発超入門v1.0
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介
WP-CLI (WordBench Sendai 20140628)
WP-CLI (WordBench Sendai 20140628)
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
え?まだMAMPで消耗してんの?
え?まだMAMPで消耗してんの?
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
Wordpressスマートフォンテーマ作成
Wordpressスマートフォンテーマ作成
Webteko 20090925
Webteko 20090925
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
いちばん簡単なconcrete5テーマ
いちばん簡単なconcrete5テーマ
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
子テーマを使ったサイト制作
子テーマを使ったサイト制作
WordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoya
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
ノンプログラマーのためのWordPressプラグイン作成超入門 | Mignon Style
ノンプログラマーのためのWordPressプラグイン作成超入門 | Mignon Style
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Similar a CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
テーマ作成のアプローチ
テーマ作成のアプローチ
Seto Takahiro
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
第2回こけむさズword press部
第2回こけむさズword press部
Yuki Suzuki
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
switch3000
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
Takashi Uemura
ゼロからつくるWord pressテーマ第5回
ゼロからつくるWord pressテーマ第5回
Hitsuji
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
Takashi Uemura
WordPress基礎講座5 テーマ作成基礎知識
WordPress基礎講座5 テーマ作成基礎知識
Akinori Kawamitsu
WordBeachDeathMarchWorkshop
WordBeachDeathMarchWorkshop
takashi ono
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
Takashi Uemura
WordPressって何
WordPressって何
Kazue Igarashi
ゼロからつくるWord pressテーマ第6回
ゼロからつくるWord pressテーマ第6回
Hitsuji
TwentyTwelveの子テーマつくったらハマった話
TwentyTwelveの子テーマつくったらハマった話
Cherry Pie Web
Word press 3.5RC2 - パーフェクト functions.php -
Word press 3.5RC2 - パーフェクト functions.php -
BREN
7/7 WordBench kobe dreamweaver seminar
7/7 WordBench kobe dreamweaver seminar
Atushi Sugiyama
WordPressテーマ作成
WordPressテーマ作成
Takami Kazuya
ゼロからつくるWord pressテーマ第5回 後編
ゼロからつくるWord pressテーマ第5回 後編
Hitsuji
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
Takashi Uemura
101210 supreme web adobe seminar Nagoya
101210 supreme web adobe seminar Nagoya
tamotsu toyoda
第18回WordBench大阪【2013年6月23日】
第18回WordBench大阪【2013年6月23日】
rie05
Similar a CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
(20)
テーマ作成のアプローチ
テーマ作成のアプローチ
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
第2回こけむさズword press部
第2回こけむさズword press部
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
ゼロからつくるWord pressテーマ第5回
ゼロからつくるWord pressテーマ第5回
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPress基礎講座5 テーマ作成基礎知識
WordPress基礎講座5 テーマ作成基礎知識
WordBeachDeathMarchWorkshop
WordBeachDeathMarchWorkshop
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressって何
WordPressって何
ゼロからつくるWord pressテーマ第6回
ゼロからつくるWord pressテーマ第6回
TwentyTwelveの子テーマつくったらハマった話
TwentyTwelveの子テーマつくったらハマった話
Word press 3.5RC2 - パーフェクト functions.php -
Word press 3.5RC2 - パーフェクト functions.php -
7/7 WordBench kobe dreamweaver seminar
7/7 WordBench kobe dreamweaver seminar
WordPressテーマ作成
WordPressテーマ作成
ゼロからつくるWord pressテーマ第5回 後編
ゼロからつくるWord pressテーマ第5回 後編
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
101210 supreme web adobe seminar Nagoya
101210 supreme web adobe seminar Nagoya
第18回WordBench大阪【2013年6月23日】
第18回WordBench大阪【2013年6月23日】
Más de rie05
Pulse CMS Meetup #2
Pulse CMS Meetup #2
rie05
20160124_GPL勉強会
20160124_GPL勉強会
rie05
141219 まにフェス
141219 まにフェス
rie05
デザインはおまかせで、丸投げされた時どうする?
デザインはおまかせで、丸投げされた時どうする?
rie05
さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西
rie05
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
Wordcamp東京
Wordcamp東京
rie05
Más de rie05
(7)
Pulse CMS Meetup #2
Pulse CMS Meetup #2
20160124_GPL勉強会
20160124_GPL勉強会
141219 まにフェス
141219 まにフェス
デザインはおまかせで、丸投げされた時どうする?
デザインはおまかせで、丸投げされた時どうする?
さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
Wordcamp東京
Wordcamp東京
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
1.
2.
自己紹介
瀬口理恵(せぐちりえ)@rie05 1983年大阪うまれ大阪そだち 5DGの屋号でフリーランスデザイナーしてます Web/DTP/AppUI/講師業/Ust配信 etc WordCamp大阪 実行委員長 WordBench大阪 管理人 WordCamp神戸実行委員・スピーカー @rie05 /rie.seguchi
3.
アジェンダ もっと知ろう触ろうWordPress!!
1 WordPressって?最新事情 2 子テーマでカスタマイズ 3 スマホ対応について
4.
WordPressとは
1 WordPressって?
5.
WordPressとは 世界標準のWebパブリッシングプラットフォーム ✓ブログ、CMSとしてWebサイトを効率良く制作できるソフトウェア ✓世界中でのWebサイトで約1割以上は、WordPressで作られたサイト
6.
WordPressとは リアルタイムでダウンロードされているWordPress http://wordpress.org/download/counter/
7.
WordPressとは WordPressを採用している国内企業事例
クックパッド株式会社 http://info.cookpad.com/ 株式会社カカクコム(コーポレートサイト) http://corporate.kakaku.com/ さいたまスーパーアリーナ http://www.saitama-arena.co.jp/
8.
WordPressとは
管理画面はこんな感じ
9.
WordPressとは つまりWordPressって? ✓プログラムの知識があまりなくても更新管理が簡単 なサイトを作成できる ✓複数人で管理でき、オンライン上で編集可能 ✓無料で使える(商用も無料) ✓豊富なテーマ(デザイン外観)とプラグイン拡張
10.
WordPressとは
WordPress最新版は現在3.4.1 ✓ライブテーマプレビュー ✓カスタムヘッダー ✓Twitterのツイート埋め込み ✓パフォーマンス向上 頻繁にアップデート→日本語化されています 2012年12月に3.5がリリース予定
11.
子テーマカスタマイズ
2 子テーマカスタマイズ
12.
子テーマカスタマイズ
WordPressをインストールします ✓サーバーに契約 ✓WordPressをダウンロード ✓サーバーにインストール ✓初期設定
13.
子テーマカスタマイズ
テーマ構成 全てのテーマファイルは、ここ Twenty Eleven Twenty Ten 最新公式テーマ 公式テーマ レスポンシブ・ウェブ・デザインに対応 Elevenに比べて構成はシンプル
14.
子テーマカスタマイズ
最初からインストールされているテーマ以外にも たくさんテーマは公開されています(無料でも有料でも)
15.
子テーマカスタマイズ
テーマ中身 Twenty Ten いっぱいファイルがありますが、 これがテーマの絶対構成ではありません
16.
子テーマカスタマイズ
テーマ最小構成 index.php style.css php css header.php sidebar.php footer.php php php php include(読み込み) してくる用
17.
子テーマカスタマイズ
構造サンプル index.php メインビジュアル header.php ナビゲーション ブログ記事 sidebar.php (最新記事ループ表示) footer.php
18.
子テーマカスタマイズ
例えばこんな感じのindex.php <?php get_header(); ?> コンテンツ <?php get_sidebar(); ?> <?php get_footer(); ?>
19.
子テーマカスタマイズ
子テーマとは ✓ 別のテーマ(親テーマ)の機能を継承、追加や修正ができるテーマ ✓ HTMLとCSSの知識で触ることができる ✓ バージョンアップで親テーマが自動アップデートされても影響ない 公式テーマを親テーマにしてカスタマイズ 親テーマは直に触らない、編集しない 参照:WordPress Codex日本語版 http://wpdocs.sourceforge.jp/子テーマ
20.
子テーマカスタマイズ
子テーマの考え方 基本的に親テーマは「そのまま」 変えたいところだけ子テーマで「上書き」 変更したい 部分だけ! 親(Twenty Ten) 子(自分で上書きしたり足したりする)
21.
子テーマカスタマイズ
子テーマ準備 /wp-content/themes/に新規テーマフォルダを作成、 その中に新規cssファイル(style.css)を作成 @charset "utf-8"; /* Theme Name:rie05 Theme URI:http://wptest.5dg.biz/ Description:Twenty Ten themeの子テーマ Author:rie05 Author URI:http://wptest.5dg.biz/ Template:twentyten Version:1.0 */ @import url('../twentyten/style.css');
22.
子テーマカスタマイズ
子テーマ準備 作った子テーマフォルダをそのままサーバーへアップロード ★同じことをしてくれる(最低限の子テーマを作成)プラグイン One-Click Child Theme
23.
子テーマカスタマイズ
子テーマ準備 WordPress管理画面>外観>テーマに 作った子テーマが反映されてるので有効化 これで子テーマの準備が できました!
24.
子テーマカスタマイズ
ついでに 240px×180pxでデザインのスクリーンショットを撮ってテーマフォルダ直下へ 「screenshot.jpg」として保存。 ここで使われます!
25.
子テーマカスタマイズ
✓ 最初から全てを理解するのは難しいので必要 最低限のところからカスタマイズしていく ✓ phpが分からなくてもできることがいっぱい あるから苦手意識は捨てる 今回はstyle.cssだけ使って とにかく見た目を変えるよ( ・∀・)ノシ
26.
子テーマカスタマイズ
子テーマカスタマイズ 例えば、タイトル文字の色を変えたい時は #site-title a { color: #FF0000; } FirebugなんかでID名やclass名を調べて、 該当箇所を直接子テーマのstyle.cssに記述すれば、上書きされて反映
27.
子テーマカスタマイズ
Webフォントの話 CSS3の@font-face TTF形式フォントが使えるブラウザ:Safari、Chrome、Firefox、Opera IEはEOT形式のフォントしか対応してないのでTTFからEOTに変換します。 @font-face { font-family: 'HuiFont29'; src: local('HuiFont29') url('HuiFont29.ttf') format('truetype'); } font-family: 'HuiFont29' ;
28.
子テーマカスタマイズ WordPress最新バージョン3.4新機能
ライブテーマプレビュー 有効に使うと更にソースコードを触らず見た目の変更が可能です!
29.
子テーマカスタマイズ
DEMO
30.
子テーマカスタマイズ
子テーマカスタマイズ 色々やっても親テーマは汚さないので練習に最適 どんどんcssレベルでデザインを変更! 子テーマの 最小構成 style.cssのみ で可能
31.
子テーマカスタマイズ
子テーマカスタマイズ 子テーマである程度慣れてきたら、 スクラッチでオリジナルテーマ作成も楽に取り組みやすい ヘッダー(header.php) サイドバー(sidebar.php) 記事一覧のループ部分(loop.php) フッター(footer.php) トップページ等(index.php) 記事ページ(single.php) テーマのための関数(functions.php) スタイルシート(style.css)
32.
スマホ対応について
3 スマホ対応について
33.
スマホ対応について ■WPtap Mobile Detector http://wordpress.org/extend/plugins/wptap-mobile-detector/ インストール→有効化すると、iPhoneやAndroidなど色々なデバイスの設定ができます。 各デバイスからアクセスした場合、どのテーマを適用するか設定、テーマ以外でも指定し たURLにリダイレクトもできる
34.
STEP3
DEMO
35.
まとめ ✓WordPressはphpで構成されているけどデザイ ナーさんが触りやすいような作りだと思います ✓まずは子テーマで構造把握、WordPressに慣れて からオリジナルテーマ作成にも是非挑戦を ✓htmlとcssだけでもかなりカスタマイズできるのは
魅力ですよね!
36.
おまけ WordPressはコミュニティ活動が熱い!
37.
おまけ WordBench
http://wordbench.org/ 地域に根づいたWordPress勉強会コミュニティ
38.
おまけ
大阪もやってます!
39.
おまけ WordCamp Osaka 2012
11月3日(土) 天満研修センター
40.
おまけ
WordPress 超初心者セミナー やります! 日時:8月19日(日) 時間:講演12:00∼14:00 場所:デジタルハリウッド大阪校(梅田・茶屋町) 参加:無料/予約制 http://blog.dhw.co.jp/osaka_event/ 2012/08/819wordbenchwor-ac5e.html#more
Descargar ahora