Submit Search
Upload
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
•
9 likes
•
17,382 views
Mignon Style
Follow
2016年2月21日に開催されたWordBench東京「みんなのテーマ開発」〜自分の好きな作り方を話そう〜 でのセッションスライドです。
Read less
Read more
Design
Report
Share
Report
Share
1 of 66
Download now
Download to read offline
Recommended
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
Akira Tachibana
WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方を話そう〜 2016/2/21 サイト http://unofficialtokyo.com を Twenty Sixteen で構築した際の手順やコツを紹介しました。
WordBench 東京 とは
WordBench 東京 とは
Mignon Style
WordBench 東京 勉強会「WordBench 東京とは」のスライドです。2017年1月作成 http://wordbench.org/category/tokyo/
メニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしよう
Mayuko Moriyama
WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方を話そう〜 で発表したスライドです。 https://wbtokyo.doorkeeper.jp/
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
Mignon Style
2016年7月9日に開催されたWordCamp Kansai 2016 https://2016.kansai.wordcamp.org/ でのLTのスライドです。
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
parkn-park
WordCamp KOBE2011でお話させていただいた、「初めてのWordPress!オリジナルのテーマでブログを作る方法」についてのスライドです
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
文樹 高橋
WordBench 東京2016の発表資料です。WordPressでよく言われる「テーマは見た目、プラグインは機能」という言葉に対して真っ向から勝負を挑みます。
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
Mignon Style
2015年10月31日に開催されたWordCamp Tokyo 2015でのセッションスライドです。
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
Mignon Style
2016年1月23日に開催されたWordBash Kyotoでのセッションスライドです。 WordBash Kyoto: https://wordbash.github.io/kyoto-vol1/
Recommended
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
Akira Tachibana
WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方を話そう〜 2016/2/21 サイト http://unofficialtokyo.com を Twenty Sixteen で構築した際の手順やコツを紹介しました。
WordBench 東京 とは
WordBench 東京 とは
Mignon Style
WordBench 東京 勉強会「WordBench 東京とは」のスライドです。2017年1月作成 http://wordbench.org/category/tokyo/
メニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしよう
Mayuko Moriyama
WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方を話そう〜 で発表したスライドです。 https://wbtokyo.doorkeeper.jp/
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
Mignon Style
2016年7月9日に開催されたWordCamp Kansai 2016 https://2016.kansai.wordcamp.org/ でのLTのスライドです。
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
parkn-park
WordCamp KOBE2011でお話させていただいた、「初めてのWordPress!オリジナルのテーマでブログを作る方法」についてのスライドです
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
文樹 高橋
WordBench 東京2016の発表資料です。WordPressでよく言われる「テーマは見た目、プラグインは機能」という言葉に対して真っ向から勝負を挑みます。
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
Mignon Style
2015年10月31日に開催されたWordCamp Tokyo 2015でのセッションスライドです。
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
Mignon Style
2016年1月23日に開催されたWordBash Kyotoでのセッションスライドです。 WordBash Kyoto: https://wordbash.github.io/kyoto-vol1/
WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
Akari Doi
WordCamp Kansai 2015 で行ったテーマ作成ハンズオンの「子テーマ」の説明です。
デザイナーとエンジニアの境界線 〜 Are you a Designer or an Engineer? 〜
デザイナーとエンジニアの境界線 〜 Are you a Designer or an Engineer? 〜
Mignon Style
2016年12月18日に開催されたWordBench東京「Xmas&年末LT大会 〜ピザとケーキとライトニングトーク〜」でのLTスライドです。
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
タカシ キタジマ
WordCamp Tokto 2015で登壇したセッションのスライドです。
〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争
〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争
Mignon Style
2016年3月5日に開催されたFRONTEND CONFERENCE 2016 http://kfug.jp/frontconf2016/ でのLTのスライドです。
WordPressってこんなCMS
WordPressってこんなCMS
Kawakami Hiroko
第67回「WEB TOUCH MEETING+WordPressハンズオン勉強会」(KDDIウェブコミュニケーションズ協賛)での前座の発表スライドです。 WordPressについてのさわり程度の内容です
TwentyTwelveの子テーマつくったらハマった話
TwentyTwelveの子テーマつくったらハマった話
Cherry Pie Web
WordBench京都 2013年3月17日
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
Hidetaka Okamoto
WordCamp Kansai 2015ハンズオンスライド
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
Mignon Style
2014年10月11日に開催されたWordCamp Tokyo 2014でのセッションスライドです。
一歩踏み込むWordPress
一歩踏み込むWordPress
正樹 平野
2014/712 クリエイティブコネクトというイベントで話したスライドです。
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
Mignon Style
WordPress公式ディレクトリにテーマを登録するときによくあるダメだし「Plugin Territory」。Plugin Territoryって何でしょう?
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
Hidetaka Okamoto
WordCamp Kansai 2015 テーマ作成ハンズオン再演。 _sに絞ってWordBench京都向けにリメイクしています。
ノンプログラマーのためのWordPressプラグイン作成超入門 | Mignon Style
ノンプログラマーのためのWordPressプラグイン作成超入門 | Mignon Style
Mignon Style
2017年3月24日に開催されたWordBench東京「WordPressプラグイン祭り」でのセッションスライドです。 https://wbtokyo.doorkeeper.jp/events/58337
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
Mignon Style
2016年9月17日に開催されたWordCamp Tokyo 2016でのセッションスライドです。
WooCommerce & AWS
WooCommerce & AWS
Hidetaka Okamoto
WordBench京都2016年2月のスライドです。
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
Takahiro Nakahata
2014/9/17にコワーキングスペース茅場町で開催された「ゼロから始めるWordPress勉強会」で使用した資料です。
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
Mignon Style
2014年8月30日に開催されたWordFes Nagoya 2014でのセッションスライドです。
Yat-wbnara201602
Yat-wbnara201602
YAT blog
アイキャッチを作ってWordPressに表示しよう
WordPressってブログじゃないの?
WordPressってブログじゃないの?
tokumotonahoko
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
Hidekazu Ishikawa
WordCampTokyo 2015のスライドです。
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
Sho Shirasaka
WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
WordPress 運用前の初期設定
WordPress 運用前の初期設定
Shigeki Takai
WordBench奈良 2013年度 和同弁知 第5回 WordPress 勉強会 (2013-10-26) にて発表
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
Takashi Uemura
WordPressのスライドやブログ記事で、特に人気の高いものをカテゴリ別に集めました。2011年〜2012年に発表されたものが対象です。
More Related Content
What's hot
WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
Akari Doi
WordCamp Kansai 2015 で行ったテーマ作成ハンズオンの「子テーマ」の説明です。
デザイナーとエンジニアの境界線 〜 Are you a Designer or an Engineer? 〜
デザイナーとエンジニアの境界線 〜 Are you a Designer or an Engineer? 〜
Mignon Style
2016年12月18日に開催されたWordBench東京「Xmas&年末LT大会 〜ピザとケーキとライトニングトーク〜」でのLTスライドです。
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
タカシ キタジマ
WordCamp Tokto 2015で登壇したセッションのスライドです。
〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争
〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争
Mignon Style
2016年3月5日に開催されたFRONTEND CONFERENCE 2016 http://kfug.jp/frontconf2016/ でのLTのスライドです。
WordPressってこんなCMS
WordPressってこんなCMS
Kawakami Hiroko
第67回「WEB TOUCH MEETING+WordPressハンズオン勉強会」(KDDIウェブコミュニケーションズ協賛)での前座の発表スライドです。 WordPressについてのさわり程度の内容です
TwentyTwelveの子テーマつくったらハマった話
TwentyTwelveの子テーマつくったらハマった話
Cherry Pie Web
WordBench京都 2013年3月17日
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
Hidetaka Okamoto
WordCamp Kansai 2015ハンズオンスライド
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
Mignon Style
2014年10月11日に開催されたWordCamp Tokyo 2014でのセッションスライドです。
一歩踏み込むWordPress
一歩踏み込むWordPress
正樹 平野
2014/712 クリエイティブコネクトというイベントで話したスライドです。
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
Mignon Style
WordPress公式ディレクトリにテーマを登録するときによくあるダメだし「Plugin Territory」。Plugin Territoryって何でしょう?
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
Hidetaka Okamoto
WordCamp Kansai 2015 テーマ作成ハンズオン再演。 _sに絞ってWordBench京都向けにリメイクしています。
ノンプログラマーのためのWordPressプラグイン作成超入門 | Mignon Style
ノンプログラマーのためのWordPressプラグイン作成超入門 | Mignon Style
Mignon Style
2017年3月24日に開催されたWordBench東京「WordPressプラグイン祭り」でのセッションスライドです。 https://wbtokyo.doorkeeper.jp/events/58337
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
Mignon Style
2016年9月17日に開催されたWordCamp Tokyo 2016でのセッションスライドです。
WooCommerce & AWS
WooCommerce & AWS
Hidetaka Okamoto
WordBench京都2016年2月のスライドです。
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
Takahiro Nakahata
2014/9/17にコワーキングスペース茅場町で開催された「ゼロから始めるWordPress勉強会」で使用した資料です。
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
Mignon Style
2014年8月30日に開催されたWordFes Nagoya 2014でのセッションスライドです。
Yat-wbnara201602
Yat-wbnara201602
YAT blog
アイキャッチを作ってWordPressに表示しよう
WordPressってブログじゃないの?
WordPressってブログじゃないの?
tokumotonahoko
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
Hidekazu Ishikawa
WordCampTokyo 2015のスライドです。
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
Sho Shirasaka
WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
What's hot
(20)
WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
デザイナーとエンジニアの境界線 〜 Are you a Designer or an Engineer? 〜
デザイナーとエンジニアの境界線 〜 Are you a Designer or an Engineer? 〜
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争
〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争
WordPressってこんなCMS
WordPressってこんなCMS
TwentyTwelveの子テーマつくったらハマった話
TwentyTwelveの子テーマつくったらハマった話
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
一歩踏み込むWordPress
一歩踏み込むWordPress
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
ノンプログラマーのためのWordPressプラグイン作成超入門 | Mignon Style
ノンプログラマーのためのWordPressプラグイン作成超入門 | Mignon Style
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
WooCommerce & AWS
WooCommerce & AWS
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
Yat-wbnara201602
Yat-wbnara201602
WordPressってブログじゃないの?
WordPressってブログじゃないの?
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
Similar to ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
WordPress 運用前の初期設定
WordPress 運用前の初期設定
Shigeki Takai
WordBench奈良 2013年度 和同弁知 第5回 WordPress 勉強会 (2013-10-26) にて発表
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
Takashi Uemura
WordPressのスライドやブログ記事で、特に人気の高いものをカテゴリ別に集めました。2011年〜2012年に発表されたものが対象です。
実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス
実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス
Hidekazu Ishikawa
contents.nagoya
WordPress マニュアル Codex の紹介 - 2016年3月の今だけ限定、超簡単本家 WordPress.org へのコントリビュートあります ...
WordPress マニュアル Codex の紹介 - 2016年3月の今だけ限定、超簡単本家 WordPress.org へのコントリビュートあります ...
Akira Tachibana
WordPress の公式オンラインマニュアル Codex の概要、使い方、コントリビュート方法について説明します。2016年3月現在、Codex は Developer Resources に移行中で、過渡期ならではの注意点やコントリビュート方法についても触れます。また最近拡張されたコア、テーマ、プラグインの翻訳システムについても説明します。
[修正版]大学生によるWordPress活用事例紹介 -1-大学生にこそ普及してほしいWordPress
[修正版]大学生によるWordPress活用事例紹介 -1-大学生にこそ普及してほしいWordPress
Ryo Uozumi
WordFes Nagoya 2016 | WordPress の森に集おう! SESSION1 5215教室
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
Eri Sawada
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
WordPressのデフォルトテーマTwenty Fourteenをカスタマイズした超簡単テーマdoshirouto2014を作りました。
2013 wordcamptokyo初心者keynote
2013 wordcamptokyo初心者keynote
Takahiro Nakahata
Word camp tokyo2014 わぷーステージ振り返り
Word camp tokyo2014 わぷーステージ振り返り
Sosuke Eguchi
東京都台東区上野にあるいいオフィスで行われたWordBench Tokyo 10月のセッション『WordCamp Tokyo 2014 わぷーステージ振り返り』スライド資料です。
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
Tsuyoshi.
第3.5.2回 WordBench Fukuokaでお話した時のスライドです。
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
WordPressのデフォルトテーマTwenty Fourteenをカスタマイズした超簡単テーマdoshirouto2014を作りました。
WordCamp YOKOHAMA kai4den
WordCamp YOKOHAMA kai4den
カイ カイ
WordPressって何
WordPressって何
Kazue Igarashi
WordBench仙台2012年12月勉強会用資料。 初心者向けWordPressの紹介とインストール、勉強方法など。
バックアッププラグインあれこれ
バックアッププラグインあれこれ
Chieko Aihara
2013年5月18日 WordBench千葉にて
テーマ作成のアプローチ
テーマ作成のアプローチ
Seto Takahiro
テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2
テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2
Susumu Seino
日本語フォーラムで回答してみよう!~誰でも出来るWordPressへの貢献〜
日本語フォーラムで回答してみよう!~誰でも出来るWordPressへの貢献〜
Kazue Igarashi
WordCamp Tokyo 2012で行ったセッション「日本語フォーラムで回答してみよう!~誰でも出来るWordPressへの貢献〜」のスライドです。
WordPressをCMSとして利用するために便利なWP SiteManagerについて
WordPressをCMSとして利用するために便利なWP SiteManagerについて
Tsuyoshi.
第3.6 べーた3回目くらいの今回は初心者向けですよ WordBench Fukuokaでお話した時のスライドです。
第18回WordBench大阪【2013年6月23日】
第18回WordBench大阪【2013年6月23日】
rie05
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
FLOW web planning & design
WordVolcano(2012.7.14@マルヤガーデンズ/鹿児島) ---------------------- HTML,CSS,PHPなどのコードをさわらずに、既存テーマとプラグインでビジネサイトを作ってみよう、というセッションを行いました。
Similar to ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
(20)
WordPress 運用前の初期設定
WordPress 運用前の初期設定
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス
実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス
WordPress マニュアル Codex の紹介 - 2016年3月の今だけ限定、超簡単本家 WordPress.org へのコントリビュートあります ...
WordPress マニュアル Codex の紹介 - 2016年3月の今だけ限定、超簡単本家 WordPress.org へのコントリビュートあります ...
[修正版]大学生によるWordPress活用事例紹介 -1-大学生にこそ普及してほしいWordPress
[修正版]大学生によるWordPress活用事例紹介 -1-大学生にこそ普及してほしいWordPress
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
2013 wordcamptokyo初心者keynote
2013 wordcamptokyo初心者keynote
Word camp tokyo2014 わぷーステージ振り返り
Word camp tokyo2014 わぷーステージ振り返り
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordCamp YOKOHAMA kai4den
WordCamp YOKOHAMA kai4den
WordPressって何
WordPressって何
バックアッププラグインあれこれ
バックアッププラグインあれこれ
テーマ作成のアプローチ
テーマ作成のアプローチ
テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2
テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2
日本語フォーラムで回答してみよう!~誰でも出来るWordPressへの貢献〜
日本語フォーラムで回答してみよう!~誰でも出来るWordPressへの貢献〜
WordPressをCMSとして利用するために便利なWP SiteManagerについて
WordPressをCMSとして利用するために便利なWP SiteManagerについて
第18回WordBench大阪【2013年6月23日】
第18回WordBench大阪【2013年6月23日】
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
1.
WordPressのテーマ制作みんなどうしてる? ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼ 子テーマでWordPressのテーマをつくろう ∼ Mignon
Style
2.
Mignon Style Webデザイナー WordPress公式ディレクトリ テーマ「Chocolat」 プラグイン「MS
Custom Login」デベロッパー WordPressスターターテーマ「_s」コントリビューター http://mignonstyle.com/ @mignon_style mignonxstyle https://profiles.wordpress.org/mignonstyle Adobe BracketsのWordPress用コードヒントも作ってます!
3.
2013年7月 WordPressの勉強をはじめる 2014年5月 WordPress公式ディレクトリにテーマ「Chocolat」を登録 2014年6月
WordCamp Kansai 2014に遊びに行く 2014年8月 WordFes Nagoya 2014 登壇/実行委員 2014年10月 WordCamp Tokyo 2014 登壇 2014年10月 WordPress公式ディレクトリにプラグイン「MS Custom Login」を登録 2015年4月 BracketsにWordPress用コードヒントのアドオンを登録 2015年7月 WordCamp Kansai 2015 実行委員 2015年8月 WordFes Nagoya 2015 実行委員 2015年9月 _s のコントリビューターになる 2015年10月 WordCamp Tokyo 2015 登壇 2016年1月 WordBash Kyoto 登壇/運営 WordBashハングアウト放送中!!
4.
テーマ「 Chocolat 」
https://ja.wordpress.org/themes/chocolat/
5.
プラグイン「 MS Custom
Login 」 https://ja.wordpress.org/plugins/ms-custom-login/
6.
_s http://underscores.me/
7.
_s http://underscores.me/
8.
01 テーマ制作の ワークフロー
9.
WordPressのテーマ どんなワークフローで 作ってますか?
10.
クライアントさんの デザインにあわせて 1からテーマを作ってます
11.
オリジナルのテーマをベースに カスタマイズして作ってます
12.
公式ディレクトリのテーマを 直接カスタマイズして 作ってます
13.
ええっ!!
14.
既存のテーマを 直接カスタマイズしたら ダメなんだよ!!
15.
そうだよ 大変なことに なるよ!!
16.
どうしていけないの? どうすればいいの・・・?
17.
そんなときは 子テーマ!!
18.
02 子テーマの活用
19.
子テーマとは 既存のテーマの持っている機能やデザインを そのまま受け継いだ新しいテーマの事です
20.
どうして 子テーマがいいの?
21.
1 親テーマを カスタマイズした場合
22.
親テーマに行ったカスタマイズは 親テーマを更新すると上書きされます
23.
2 子テーマを カスタマイズした場合
24.
子テーマに行ったカスタマイズは 親テーマを更新してもそのまま残ります
25.
子テーマを使えば カスタマイズが消えないのね!
26.
それにテーマの修正は テーマ作者さんが やってくれるのでラクラク!
27.
「テーマを 更新」を
28.
ポチッ
29.
03 WordPress Codex 日本語版
https://wpdocs.osdn.jp/子テーマ 子テーマの作り方
30.
1 フォルダの作成 子テーマ用のファイルをいれる フォルダ(ディレクトリ)を作成します (親テーマディレクトリ名)-childの ような名前が推奨 一般的には子テーマ名の 小文字の半角英数字 空白は「-」に 置き換えます
31.
2 style.cssの作成 style.cssの冒頭に テーマの詳細
を記述します /* Theme Name: Twenty Sixteen Child Template: twentysixteen */ Theme Name: 子テーマのテーマ名 Template: 親テーマのディレクトリ名
32.
3 スタイルシートの読込 親テーマのスタイルシートを読み込みます /* Theme Name:
Twenty Sixteen Child Template: twentysixteen */ @import url('../twentysixteen/style.css'); @importで親テーマの スタイルシートを読み込み
33.
この書き方は 今は 非推奨です
34.
3 スタイルシートの読込 今はコレ!! functions.phpに親テーマの スタイルシートを読み込むコードを記述 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' ); } コピペでOK!
35.
親テーマのスタイルシートを読み込んだ後 子テーマのスタイルシートを自動的に読み込みます functios.phpの始めに PHPの「開始タグ」を記述 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' ); } 親テーマのstyle.cssを追加 PHPの「終了タグ」は書かなくてもOK
36.
子テーマのスタイルシートが読み込まれない場合 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' ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( 'parent-style' ) ); }
37.
子テーマのスタイルシートが読み込まれない場合 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' ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( 'parent-style' ) ); } 親テーマのstyle.cssを追加 子テーマのstyle.cssを追加
38.
子テーマがあるときは 親テーマのスタイルシートを 自動的に読み込むテーマも あります 親テーマのスタイルが 反映されてるか まずは確認してみよう
39.
4 フォルダのアップロード 子テーマ用のフォルダに style.cssとfunctions.phpを入れます
40.
1 管理画面からアップロードする場合 子テーマのフォルダをZIP形式に圧縮
41.
管理画面の 外観 >
テーマ > 新規追加 「テーマのアップロード」でzipファイルを選択 今すぐインストール 親テーマがインストールされていないときは 自動的にインストールされる
42.
2 FTPでアップロードする場合 子テーマのフォルダをWordPressをインストールしてる サーバーのwp-content/themesにアップロード wp-content /themes
ディレクトリに入れます 親テーマがインストールされていないと子テーマが エラーになるので親テーマを自分でインストール
43.
5 子テーマを有効化 管理画面の 外観
> テーマ > でテーマを選んで有効化 子テーマが表示された!
44.
04 子テーマ制作の ポイント
45.
親テーマを更新したら テーマがぐちゃぐちゃに なっちゃった!!
46.
バックアップは とってないの?
47.
そうだよ バックアップくらい 常識だろ!!
48.
・・・・・・
49.
大丈夫!! 公式ディレクトリのテーマは 開発ログがあります
50.
WordPress.orgの テーマディレクトリで テーマを検索
51.
テーマの 詳細ページ を表示
52.
Tracで 参照
53.
1つ前の バージョンを 選択
54.
Zip Archive を選択
55.
zipファイルを解凍 フォルダ名をテーマのディレクトリ名に書き換えて テーマフォルダへ wp-content /themes ディレクトリに入れます 更新したテーマは削除して 1つ前のバージョンに置き換える
56.
GitHubで管理してる 作者さんも多いので GitHubにデータがないか 調べてみましょう Twenty Sixteenは GitHubからも ダウンロードできます
57.
更新するときは まずテスト環境で 試してみましょう readme.txtや changelog.txtに 変更した内容を 書いてる作者さんも います
58.
子テーマだから 安心ってわけでは ないのね
59.
05 親テーマの選び方
60.
WordPressのテーマ どうやって選んでますか?
61.
見た目の美しさだけでなく 子テーマに対応しているかも 確認しましょう
62.
functions.php 子テーマで同名の関数を書き換えることができる if ( !
function_exists( 'my_theme_posted_on' ) ) { function my_theme_posted_on () { } } ! function_exists があるかチェック!!
63.
特定のタイミングで関数を呼び出したり 書き換えたりできる functions.php function my_theme_posted_on ()
{ do_action( 'my_theme_posted_on_pre' ); return apply_filters( 'my_theme_posted_on_result', $result ); } フィルタやフックがあるかチェック!!
64.
子テーマって なんだか大変そう…
65.
それなら自分が使いやすい テーマを作って 公式ディレクトリに 登録しよう!
66.
もっとくわしく知りたい人はこちらもどうぞ ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマでテーマ作成&カスタマイズ∼ http://www.slideshare.net/mignonstyle/wordpress-childtheme http://www.slideshare.net/mignonstyle/use-wordpressdirectory 更新作業で消耗しない! Web製作者のためのWordPress公式ディレクトリ活用術
Download now