Submit Search
Upload
WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
•
16 likes
•
14,773 views
Akari Doi
Follow
WordCamp Kansai 2015 で行ったテーマ作成ハンズオンの「子テーマ」の説明です。
Read less
Read more
Design
Slideshow view
Report
Share
Slideshow view
Report
Share
1 of 25
Download now
Download to read offline
Recommended
WordCamp Kansai 2015 - WordPress.org フォーラム参加のススメ
WordCamp Kansai 2015 - WordPress.org フォーラム参加のススメ
Kojiro Fukazawa
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
Mignon Style
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
Mignon Style
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
Hidetaka Okamoto
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
タカシ キタジマ
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
タカシ キタジマ
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
Hidetaka Okamoto
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
parkn-park
Recommended
WordCamp Kansai 2015 - WordPress.org フォーラム参加のススメ
WordCamp Kansai 2015 - WordPress.org フォーラム参加のススメ
Kojiro Fukazawa
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
Mignon Style
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
Mignon Style
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
Hidetaka Okamoto
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
タカシ キタジマ
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
タカシ キタジマ
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
Hidetaka Okamoto
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
parkn-park
TwentyTwelveの子テーマつくったらハマった話
TwentyTwelveの子テーマつくったらハマった話
Cherry Pie Web
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
Hidekazu Ishikawa
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
Sho Shirasaka
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
Hidetaka Okamoto
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
Akira Tachibana
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
Shinichi Nishikawa
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
Yoshinori Kobayashi
An example of how to make the accessibility ready theme
An example of how to make the accessibility ready theme
Takeshi Kashihara
WordCampKansai 2015 公式ディレクトリへの テーマ掲載とビジネスモデル
WordCampKansai 2015 公式ディレクトリへの テーマ掲載とビジネスモデル
Hidekazu Ishikawa
ウェブ制作者のためのセルフブランディング
ウェブ制作者のためのセルフブランディング
Hidekazu Ishikawa
メニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしよう
Mayuko Moriyama
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
Mignon Style
ノンプログラマーのためのWordPressプラグイン開発超入門v1.0
ノンプログラマーのためのWordPressプラグイン開発超入門v1.0
Yuki Okamoto
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
Mignon Style
WordPress アジュール部 テーマ制作について考えること
WordPress アジュール部 テーマ制作について考えること
Web nist
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
Mignon Style
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
Mignon Style
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
foom_in
WP-CLI (WordBench Sendai 20140628)
WP-CLI (WordBench Sendai 20140628)
Kazue Igarashi
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
文樹 高橋
WordCamp Kansai 2015 - 京都大学における WordPress を利用した多言語情報発信と管理運用 #wck2015
WordCamp Kansai 2015 - 京都大学における WordPress を利用した多言語情報発信と管理運用 #wck2015
Kitani Kimiya
WordCamp Kansai 2015 CI ハンズオン
WordCamp Kansai 2015 CI ハンズオン
タカシ キタジマ
More Related Content
What's hot
TwentyTwelveの子テーマつくったらハマった話
TwentyTwelveの子テーマつくったらハマった話
Cherry Pie Web
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
Hidekazu Ishikawa
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
Sho Shirasaka
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
Hidetaka Okamoto
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
Akira Tachibana
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
Shinichi Nishikawa
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
Yoshinori Kobayashi
An example of how to make the accessibility ready theme
An example of how to make the accessibility ready theme
Takeshi Kashihara
WordCampKansai 2015 公式ディレクトリへの テーマ掲載とビジネスモデル
WordCampKansai 2015 公式ディレクトリへの テーマ掲載とビジネスモデル
Hidekazu Ishikawa
ウェブ制作者のためのセルフブランディング
ウェブ制作者のためのセルフブランディング
Hidekazu Ishikawa
メニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしよう
Mayuko Moriyama
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
Mignon Style
ノンプログラマーのためのWordPressプラグイン開発超入門v1.0
ノンプログラマーのためのWordPressプラグイン開発超入門v1.0
Yuki Okamoto
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
Mignon Style
WordPress アジュール部 テーマ制作について考えること
WordPress アジュール部 テーマ制作について考えること
Web nist
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
Mignon Style
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
Mignon Style
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
foom_in
WP-CLI (WordBench Sendai 20140628)
WP-CLI (WordBench Sendai 20140628)
Kazue Igarashi
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
文樹 高橋
What's hot
(20)
TwentyTwelveの子テーマつくったらハマった話
TwentyTwelveの子テーマつくったらハマった話
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
An example of how to make the accessibility ready theme
An example of how to make the accessibility ready theme
WordCampKansai 2015 公式ディレクトリへの テーマ掲載とビジネスモデル
WordCampKansai 2015 公式ディレクトリへの テーマ掲載とビジネスモデル
ウェブ制作者のためのセルフブランディング
ウェブ制作者のためのセルフブランディング
メニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしよう
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
ノンプログラマーのためのWordPressプラグイン開発超入門v1.0
ノンプログラマーのためのWordPressプラグイン開発超入門v1.0
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
WordPress アジュール部 テーマ制作について考えること
WordPress アジュール部 テーマ制作について考えること
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
WP-CLI (WordBench Sendai 20140628)
WP-CLI (WordBench Sendai 20140628)
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
Viewers also liked
WordCamp Kansai 2015 - 京都大学における WordPress を利用した多言語情報発信と管理運用 #wck2015
WordCamp Kansai 2015 - 京都大学における WordPress を利用した多言語情報発信と管理運用 #wck2015
Kitani Kimiya
WordCamp Kansai 2015 CI ハンズオン
WordCamp Kansai 2015 CI ハンズオン
タカシ キタジマ
WordCamp Kansai 2015 ハンズオン - 踏み出してみよう!翻訳の第一歩 #wck2015
WordCamp Kansai 2015 ハンズオン - 踏み出してみよう!翻訳の第一歩 #wck2015
Kitani Kimiya
Learning from theme review requirements
Learning from theme review requirements
Shinichi Nishikawa
WordPressで行う継続的インテグレーションのススメ
WordPressで行う継続的インテグレーションのススメ
horike37
オープンデータとWordPress
オープンデータとWordPress
Kouji Kozaki
WordPress はどこへ向かう?〜コミュニティが支える未来〜
WordPress はどこへ向かう?〜コミュニティが支える未来〜
Naoko Takano
WordPress on HHVM + Hack
WordPress on HHVM + Hack
Takayuki Miyauchi
2015年 失敗しない! WordPress多言語サイト制作で 絶対に知っておきたいこと
2015年 失敗しない! WordPress多言語サイト制作で 絶対に知っておきたいこと
Katz Ueno
WordCamp Kansai 2015 発表資料
WordCamp Kansai 2015 発表資料
Masahito Muratake
WordCamp Kansai 2015 デザイン初心者向けワークショップ〜 ブログデザインを実際に作ってみよう〜
WordCamp Kansai 2015 デザイン初心者向けワークショップ〜 ブログデザインを実際に作ってみよう〜
Ayaka Sumida
先取り!PHP 7 と WordPress
先取り!PHP 7 と WordPress
Masashi Shinbara
組長サイトの作り方
組長サイトの作り方
Yuriko IKEDA
WordCamp Kansai GPL study
WordCamp Kansai GPL study
YAT blog
WordCamp Kansai 2015 実行委員向け GPL勉強会 | GPL study sessions for WordCamp Kansai 2...
WordCamp Kansai 2015 実行委員向け GPL勉強会 | GPL study sessions for WordCamp Kansai 2...
Junko Nukaga
WorcCamp Kansai 2015 LT大会
WorcCamp Kansai 2015 LT大会
Koji Asaga
Fonts around the WordPress
Fonts around the WordPress
Djiro
Heroku で作る スケーラブルな PHP アプリケーション
Heroku で作る スケーラブルな PHP アプリケーション
Masashi Shinbara
レイヤードアーキテクチャを意識したPHPアプリケーションの構築
レイヤードアーキテクチャを意識したPHPアプリケーションの構築
Masashi Shinbara
超高速WordPress ~ PHP7 vs HHVM vs PHP5.6
超高速WordPress ~ PHP7 vs HHVM vs PHP5.6
Kengyu Nakamura
Viewers also liked
(20)
WordCamp Kansai 2015 - 京都大学における WordPress を利用した多言語情報発信と管理運用 #wck2015
WordCamp Kansai 2015 - 京都大学における WordPress を利用した多言語情報発信と管理運用 #wck2015
WordCamp Kansai 2015 CI ハンズオン
WordCamp Kansai 2015 CI ハンズオン
WordCamp Kansai 2015 ハンズオン - 踏み出してみよう!翻訳の第一歩 #wck2015
WordCamp Kansai 2015 ハンズオン - 踏み出してみよう!翻訳の第一歩 #wck2015
Learning from theme review requirements
Learning from theme review requirements
WordPressで行う継続的インテグレーションのススメ
WordPressで行う継続的インテグレーションのススメ
オープンデータとWordPress
オープンデータとWordPress
WordPress はどこへ向かう?〜コミュニティが支える未来〜
WordPress はどこへ向かう?〜コミュニティが支える未来〜
WordPress on HHVM + Hack
WordPress on HHVM + Hack
2015年 失敗しない! WordPress多言語サイト制作で 絶対に知っておきたいこと
2015年 失敗しない! WordPress多言語サイト制作で 絶対に知っておきたいこと
WordCamp Kansai 2015 発表資料
WordCamp Kansai 2015 発表資料
WordCamp Kansai 2015 デザイン初心者向けワークショップ〜 ブログデザインを実際に作ってみよう〜
WordCamp Kansai 2015 デザイン初心者向けワークショップ〜 ブログデザインを実際に作ってみよう〜
先取り!PHP 7 と WordPress
先取り!PHP 7 と WordPress
組長サイトの作り方
組長サイトの作り方
WordCamp Kansai GPL study
WordCamp Kansai GPL study
WordCamp Kansai 2015 実行委員向け GPL勉強会 | GPL study sessions for WordCamp Kansai 2...
WordCamp Kansai 2015 実行委員向け GPL勉強会 | GPL study sessions for WordCamp Kansai 2...
WorcCamp Kansai 2015 LT大会
WorcCamp Kansai 2015 LT大会
Fonts around the WordPress
Fonts around the WordPress
Heroku で作る スケーラブルな PHP アプリケーション
Heroku で作る スケーラブルな PHP アプリケーション
レイヤードアーキテクチャを意識したPHPアプリケーションの構築
レイヤードアーキテクチャを意識したPHPアプリケーションの構築
超高速WordPress ~ PHP7 vs HHVM vs PHP5.6
超高速WordPress ~ PHP7 vs HHVM vs PHP5.6
Similar to WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
rie05
テーマ作成のアプローチ
テーマ作成のアプローチ
Seto Takahiro
WordPressのテーマ選び みんなどうしてますか?
WordPressのテーマ選び みんなどうしてますか?
Takeaki Inoue
第18回WordBench大阪【2013年6月23日】
第18回WordBench大阪【2013年6月23日】
rie05
WordPress オリジナルテーマを作ろう!
WordPress オリジナルテーマを作ろう!
Yusuke Hayasaki
簡単・多機能・スタイリッシュなビジネステンプレート
簡単・多機能・スタイリッシュなビジネステンプレート
Hidekazu Ishikawa
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
Word beach2012
Word beach2012
Hidekazu Ishikawa
WordPressをカスタマイズするなら知っておきたいこと~テンプレート階層~
WordPressをカスタマイズするなら知っておきたいこと~テンプレート階層~
Akinori Tateyama
Vivliostyle Theme 開発ガイドラインの公開
Vivliostyle Theme 開発ガイドラインの公開
Sanae Yamashita
Wordpressスマートフォンテーマ作成
Wordpressスマートフォンテーマ作成
Yoshie Nakayama
「最新デフォルトテーマをひも解きながら、オリジナルテーマへとカスタマイズするヒントを学ぼう。」in ゆるゆるカフェ
「最新デフォルトテーマをひも解きながら、オリジナルテーマへとカスタマイズするヒントを学ぼう。」in ゆるゆるカフェ
Takehiro Ichinohe
WordPressってブログじゃないの?
WordPressってブログじゃないの?
tokumotonahoko
初心者がつまずかないための、いちばんやさしい WordPress の用語解説
初心者がつまずかないための、いちばんやさしい WordPress の用語解説
Hidekazu Ishikawa
ゼロからのWordPress(第三回)〜テーマの構造、カスタマイズの基礎〜
ゼロからのWordPress(第三回)〜テーマの構造、カスタマイズの基礎〜
schoowebcampus
ゼロからのWordPress(第三回)〜テーマの構造、カスタマイズの基礎〜
ゼロからのWordPress(第三回)〜テーマの構造、カスタマイズの基礎〜
schoowebcampus
WordPress 運用前の初期設定
WordPress 運用前の初期設定
Shigeki Takai
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
はじめてのオリジナルテーマ制作
はじめてのオリジナルテーマ制作
Seiichiro Mishiba
Wordpress 子テーマってなにさ
Wordpress 子テーマってなにさ
HOTTA SATOMI
Similar to WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
(20)
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
テーマ作成のアプローチ
テーマ作成のアプローチ
WordPressのテーマ選び みんなどうしてますか?
WordPressのテーマ選び みんなどうしてますか?
第18回WordBench大阪【2013年6月23日】
第18回WordBench大阪【2013年6月23日】
WordPress オリジナルテーマを作ろう!
WordPress オリジナルテーマを作ろう!
簡単・多機能・スタイリッシュなビジネステンプレート
簡単・多機能・スタイリッシュなビジネステンプレート
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Word beach2012
Word beach2012
WordPressをカスタマイズするなら知っておきたいこと~テンプレート階層~
WordPressをカスタマイズするなら知っておきたいこと~テンプレート階層~
Vivliostyle Theme 開発ガイドラインの公開
Vivliostyle Theme 開発ガイドラインの公開
Wordpressスマートフォンテーマ作成
Wordpressスマートフォンテーマ作成
「最新デフォルトテーマをひも解きながら、オリジナルテーマへとカスタマイズするヒントを学ぼう。」in ゆるゆるカフェ
「最新デフォルトテーマをひも解きながら、オリジナルテーマへとカスタマイズするヒントを学ぼう。」in ゆるゆるカフェ
WordPressってブログじゃないの?
WordPressってブログじゃないの?
初心者がつまずかないための、いちばんやさしい WordPress の用語解説
初心者がつまずかないための、いちばんやさしい WordPress の用語解説
ゼロからのWordPress(第三回)〜テーマの構造、カスタマイズの基礎〜
ゼロからのWordPress(第三回)〜テーマの構造、カスタマイズの基礎〜
ゼロからのWordPress(第三回)〜テーマの構造、カスタマイズの基礎〜
ゼロからのWordPress(第三回)〜テーマの構造、カスタマイズの基礎〜
WordPress 運用前の初期設定
WordPress 運用前の初期設定
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
はじめてのオリジナルテーマ制作
はじめてのオリジナルテーマ制作
Wordpress 子テーマってなにさ
Wordpress 子テーマってなにさ
WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
1.
WordPressはじめの一歩 テーマ作成ハンズオン 今あるテーマを有効活用! 子テーマではじめるお手軽テーマ作成法 2015.7.25 WordCamp Kansai
2015 Speaker 土居安佳里
2.
公式ディレクトリ掲載テーマ 子テーマとは? 子テーマにする理由 作りはじめる前に 子テーマの作り方 子テーマのカスタマイズ 作ってみよう 本日のお話
3.
本日のお話 公式ディレクトリ掲載テーマ 子テーマとは? 子テーマにする理由 作りはじめる前に 子テーマの作り方 子テーマのカスタマイズ 作ってみよう
4.
公式ディレクトリ掲載テーマ WordPress公式サイトに「テーマ」というメニューがあります。 メニューをクリックするとたくさんのテーマが出てきます。 世界中のテーマ作者さんによって作成されたテーマです。
5.
公式ディレクトリ掲載テーマ 管理画面の「外観>テーマ>新規追加」で公式ディレクトリのテーマは追加できます。 テーマの名前を入力して検索してください。
6.
公式ディレクトリ掲載テーマ ● テーマレビュアーとテーマレビューチームの厳しいチェック済み ● 作者がアップデートしてくれる(くれないこともある) ●
100%GPL CSSも画像も自由に使える・配布もできる * よくわからない「野良テーマ」を使うのはやめましょう * 公式ディレクトリ掲載テーマの素晴らしいところ!
7.
本日のお話 公式ディレクトリ掲載テーマ 子テーマとは? 子テーマにする理由 作りはじめる前に 子テーマの作り方 子テーマのカスタマイズ 作ってみよう
8.
子テーマとは?子テーマにする理由 では公式ディレクトリのテーマからテーマを選んでカスタマイズ… テーマを直接カスタマイズすると アップデート時に消えてしまう!! CSS PHP 変更 カスタマイズ終了ー あっアップデートきてる 消失 カスタマイズしたところが 消えてる… アップデート
9.
子テーマとは?子テーマにする理由 そこで子テーマ! http://wpdocs.osdn.jp/子テーマ 子テーマは、親テーマと呼ばれる 別のテーマの機能とスタイルを継承したテーマです。 既存のテーマを変更する方法として、 子テーマが推奨されています。 −WordPress Codex日本語版 子テーマ
10.
子テーマとは?子テーマにする理由 子テーマで行ったカスタマイズは 親テーマのアップデートに 影響しない! 子テーマを使用すればテーマの変更は確実に保持されます。 −WordPress Codex日本語版 子テーマ
11.
子テーマとは?子テーマにする理由 子テーマの他のメリット WordPressテーマ作成 初心者に最適! ● 開発時間の短縮 ● テーマの開発を良い形で学べる
12.
本日のお話 公式ディレクトリ掲載テーマ 子テーマとは? 子テーマにする理由 作りはじめる前に 子テーマの作り方 子テーマのカスタマイズ 作ってみよう
13.
子テーマの作り方 必要なもの ● 子テーマディレクトリ ● style.css ●
functions.php
14.
子テーマの作り方 − 子テーマディレクトリ ●
wp-content/themes ディレクトリ下に設置(親テーマと同じ階層) 一般的にはテーマ名と同じ名前を付けます (半角英数字にする、空白は-に置き換える) 既存の公式ディレクトリテーマと同じ名前にならないようにしましょう! (そのテーマにアップデートがあると、通知が来てしまう) twentyfifteen-child
15.
子テーマの作り方 − style.css ●
先ほど用意した子テーマディレクトリ下に設置 テーマ名・親テーマのディレクトリ名だけが必須事項 その他は任意で書けばOK(Codexに記載例があります) style.css /* Theme Name: Twenty Fifteen Child Template: twentyfifteen */ 右記コード記入
16.
子テーマの作り方 − functions.php ●
先ほど用意した子テーマディレクトリ下に設置 親テーマのスタイルシートを読み込む 難しいのでCodexよりコピー! functions. php <?php add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); } 下記コード記入 ← 開始タグは自分で記入!
17.
子テーマの作り方 − 管理画面から有効化 ●
管理画面>外観>テーマ 子テーマを有効化 これで親テーマそのまま継承されたテーマができた!
18.
本日のお話 公式ディレクトリ掲載テーマ 子テーマとは? 子テーマにする理由 作りはじめる前に 子テーマの作り方 子テーマのカスタマイズ 作ってみよう
19.
子テーマのカスタマイズ − テーマカスタマイザー WordPress3.4からテーマカスタマイザーがデフォルトで追加され、 ほぼ全てのWordPressテーマで利用可能です。 管理画面からヘッダー画像を変えたり、背景の色を変えたりできます。 外観>カスタマイズ ここで変更した内容も親テーマのアップデートには影響しない!
20.
子テーマのカスタマイズ − テーマオプション ここで変更した内容も親テーマのアップデートには影響しない! 「テーマオプション」が設定されたテーマもあります。 テーマオプションはそのテーマ独自のオプションを保存するために 設定されたものです。 外観>Theme
Options
21.
子テーマのカスタマイズ − CSSでカスタマイズ ●
先ほど作ったstyle.cssにCSSを追記してカスタマイズ Chromeのデベロッパーツールなどを使って 変更したい箇所のclassやidを調べて 自分好みにカスタマイズ! style.css
22.
子テーマのカスタマイズ − テンプレートでカスタマイズ ●
CSSやテーマカスタマイザーだけでカスタマイズできないところもでてくる 例えばヘッダーにある何かを消したいなど 出力されるHTMLを変更したいときです header. php コピー 親テーマのファイルをコピーして変更 子テーマディレクトリに設置 親テーマのファイルを上書きして表示! header.php footer.php index.php ・・・ header.php index.php ・・・ 親 子 優先 優先 ※緑がアクティブ状態
23.
子テーマのカスタマイズ − テンプレートでカスタマイズ ●
親テーマに存在しないファイルでも、子テーマに含められる 例えば特定のページ用のテンプレートや カテゴリーアーカイブ用のテンプレートなど WordPressがページを表示するとき どのテンプレートファイルが使われるかは テンプレート階層をチェック! page-○○. php category-○○. php −WordPress Codex日本語版 テンプレート階層 http://wpdocs.osdn.jp/テンプレート階層
24.
子テーマのカスタマイズ − テンプレートでカスタマイズ functions.phpのみ親テーマを上書きしない! 親テーマのfunctions.phpも読み込まれる (親テーマのファイルの直前に子テーマのファイルが読み込まれる) 難しいのでまずはCSSとテンプレートでカスタマイズしよう! functions. php 注意
25.
あとは手を動かすだけ! Let s Try!!
Download now