Suche senden
Hochladen
WordPress テーマカスタマイズ 基本の「き」
•
6 gefällt mir
•
2,606 views
Kazue Igarashi
Folgen
WordBench仙台2013年3月勉強会(座談会)での発表資料です。 2013.3.26 改訂
Weniger lesen
Mehr lesen
Technologie
Melden
Teilen
Melden
Teilen
1 von 39
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
Nagios大好きさんが喋るzabbixとAWS連携の話
Nagios大好きさんが喋るzabbixとAWS連携の話
Takayuki Saito
Sphinxの使い方事例
Sphinxの使い方事例
Go Yamada
WordPressテーマ作成
WordPressテーマ作成
Takami Kazuya
俺のZabbixがこんなに可愛いわけがない(おかわり)
俺のZabbixがこんなに可愛いわけがない(おかわり)
Seiichiro Ishida
Zenlab - API Night
Zenlab - API Night
Toru Takahashi
Ansibleで始めるpostgre sqlの冗長化
Ansibleで始めるpostgre sqlの冗長化
Soudai Sone
PostgreSQLの冗長化について
PostgreSQLの冗長化について
Soudai Sone
sqldf for pandas
sqldf for pandas
airtoxin Ishii
Empfohlen
Nagios大好きさんが喋るzabbixとAWS連携の話
Nagios大好きさんが喋るzabbixとAWS連携の話
Takayuki Saito
Sphinxの使い方事例
Sphinxの使い方事例
Go Yamada
WordPressテーマ作成
WordPressテーマ作成
Takami Kazuya
俺のZabbixがこんなに可愛いわけがない(おかわり)
俺のZabbixがこんなに可愛いわけがない(おかわり)
Seiichiro Ishida
Zenlab - API Night
Zenlab - API Night
Toru Takahashi
Ansibleで始めるpostgre sqlの冗長化
Ansibleで始めるpostgre sqlの冗長化
Soudai Sone
PostgreSQLの冗長化について
PostgreSQLの冗長化について
Soudai Sone
sqldf for pandas
sqldf for pandas
airtoxin Ishii
Postgre sqlから見るnosql
Postgre sqlから見るnosql
Soudai Sone
[2019 01-19] AzureDevOps LT
[2019 01-19] AzureDevOps LT
Igarashi Toru
Osh2014
Osh2014
Soudai Sone
BPstudy#64 ドキュメントを作りたくなってしまう魔法のツール Sphinx 2012年版
BPstudy#64 ドキュメントを作りたくなってしまう魔法のツール Sphinx 2012年版
Go Yamada
sphinx + blockdiag で始めるドキュメント生活 2011/05 yokohama.pm
sphinx + blockdiag で始めるドキュメント生活 2011/05 yokohama.pm
Takeshi Komiya
大容量ファイルもGitで管理。 Git LFSの使い方
大容量ファイルもGitで管理。 Git LFSの使い方
hibiki443
Git LFSを触ってみた
Git LFSを触ってみた
Yuto Suzuki
Web で変わったクラウドと postgre sql の今と昔
Web で変わったクラウドと postgre sql の今と昔
Soudai Sone
SIerでもSphinxを使いたい! 前編
SIerでもSphinxを使いたい! 前編
kk_Ataka
Sphinx拡張 探訪 2014 #sphinxjp
Sphinx拡張 探訪 2014 #sphinxjp
Takeshi Komiya
Sphinx GO!!
Sphinx GO!!
Go Yamada
中国地方Db勉強会
中国地方Db勉強会
Soudai Sone
ドキュメントの話、しませんか? #428rk01
ドキュメントの話、しませんか? #428rk01
Takeshi Komiya
月刊ライトニングトーク 12月号
月刊ライトニングトーク 12月号
Masaki Yamamoto
DDDハンズオン
DDDハンズオン
Soudai Sone
Django/Celeyを用いたデータ分析Webアプリケーションにおける非同期処理の設計と実装
Django/Celeyを用いたデータ分析Webアプリケーションにおける非同期処理の設計と実装
Satoshi Nagayasu
Djangoのススメ
Djangoのススメ
Alisue Lambda
マークアップ言語の拡張 メリットとデメリット #hankumi
マークアップ言語の拡張 メリットとデメリット #hankumi
Takeshi Komiya
JUS関西 Sphinxワークショップ@関西 Sphinx紹介
JUS関西 Sphinxワークショップ@関西 Sphinx紹介
Takayuki Shimizukawa
Web エンジニアが postgre sql を選ぶ 3 つの理由
Web エンジニアが postgre sql を選ぶ 3 つの理由
Soudai Sone
WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介
Takashi Uemura
中級者のためのWordPress講座[第1回]既存のプラグインを組み合わせることでWEBサービスを作ってみよう!
中級者のためのWordPress講座[第1回]既存のプラグインを組み合わせることでWEBサービスを作ってみよう!
switch3000
Weitere ähnliche Inhalte
Was ist angesagt?
Postgre sqlから見るnosql
Postgre sqlから見るnosql
Soudai Sone
[2019 01-19] AzureDevOps LT
[2019 01-19] AzureDevOps LT
Igarashi Toru
Osh2014
Osh2014
Soudai Sone
BPstudy#64 ドキュメントを作りたくなってしまう魔法のツール Sphinx 2012年版
BPstudy#64 ドキュメントを作りたくなってしまう魔法のツール Sphinx 2012年版
Go Yamada
sphinx + blockdiag で始めるドキュメント生活 2011/05 yokohama.pm
sphinx + blockdiag で始めるドキュメント生活 2011/05 yokohama.pm
Takeshi Komiya
大容量ファイルもGitで管理。 Git LFSの使い方
大容量ファイルもGitで管理。 Git LFSの使い方
hibiki443
Git LFSを触ってみた
Git LFSを触ってみた
Yuto Suzuki
Web で変わったクラウドと postgre sql の今と昔
Web で変わったクラウドと postgre sql の今と昔
Soudai Sone
SIerでもSphinxを使いたい! 前編
SIerでもSphinxを使いたい! 前編
kk_Ataka
Sphinx拡張 探訪 2014 #sphinxjp
Sphinx拡張 探訪 2014 #sphinxjp
Takeshi Komiya
Sphinx GO!!
Sphinx GO!!
Go Yamada
中国地方Db勉強会
中国地方Db勉強会
Soudai Sone
ドキュメントの話、しませんか? #428rk01
ドキュメントの話、しませんか? #428rk01
Takeshi Komiya
月刊ライトニングトーク 12月号
月刊ライトニングトーク 12月号
Masaki Yamamoto
DDDハンズオン
DDDハンズオン
Soudai Sone
Django/Celeyを用いたデータ分析Webアプリケーションにおける非同期処理の設計と実装
Django/Celeyを用いたデータ分析Webアプリケーションにおける非同期処理の設計と実装
Satoshi Nagayasu
Djangoのススメ
Djangoのススメ
Alisue Lambda
マークアップ言語の拡張 メリットとデメリット #hankumi
マークアップ言語の拡張 メリットとデメリット #hankumi
Takeshi Komiya
JUS関西 Sphinxワークショップ@関西 Sphinx紹介
JUS関西 Sphinxワークショップ@関西 Sphinx紹介
Takayuki Shimizukawa
Web エンジニアが postgre sql を選ぶ 3 つの理由
Web エンジニアが postgre sql を選ぶ 3 つの理由
Soudai Sone
Was ist angesagt?
(20)
Postgre sqlから見るnosql
Postgre sqlから見るnosql
[2019 01-19] AzureDevOps LT
[2019 01-19] AzureDevOps LT
Osh2014
Osh2014
BPstudy#64 ドキュメントを作りたくなってしまう魔法のツール Sphinx 2012年版
BPstudy#64 ドキュメントを作りたくなってしまう魔法のツール Sphinx 2012年版
sphinx + blockdiag で始めるドキュメント生活 2011/05 yokohama.pm
sphinx + blockdiag で始めるドキュメント生活 2011/05 yokohama.pm
大容量ファイルもGitで管理。 Git LFSの使い方
大容量ファイルもGitで管理。 Git LFSの使い方
Git LFSを触ってみた
Git LFSを触ってみた
Web で変わったクラウドと postgre sql の今と昔
Web で変わったクラウドと postgre sql の今と昔
SIerでもSphinxを使いたい! 前編
SIerでもSphinxを使いたい! 前編
Sphinx拡張 探訪 2014 #sphinxjp
Sphinx拡張 探訪 2014 #sphinxjp
Sphinx GO!!
Sphinx GO!!
中国地方Db勉強会
中国地方Db勉強会
ドキュメントの話、しませんか? #428rk01
ドキュメントの話、しませんか? #428rk01
月刊ライトニングトーク 12月号
月刊ライトニングトーク 12月号
DDDハンズオン
DDDハンズオン
Django/Celeyを用いたデータ分析Webアプリケーションにおける非同期処理の設計と実装
Django/Celeyを用いたデータ分析Webアプリケーションにおける非同期処理の設計と実装
Djangoのススメ
Djangoのススメ
マークアップ言語の拡張 メリットとデメリット #hankumi
マークアップ言語の拡張 メリットとデメリット #hankumi
JUS関西 Sphinxワークショップ@関西 Sphinx紹介
JUS関西 Sphinxワークショップ@関西 Sphinx紹介
Web エンジニアが postgre sql を選ぶ 3 つの理由
Web エンジニアが postgre sql を選ぶ 3 つの理由
Ähnlich wie WordPress テーマカスタマイズ 基本の「き」
WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介
Takashi Uemura
中級者のためのWordPress講座[第1回]既存のプラグインを組み合わせることでWEBサービスを作ってみよう!
中級者のためのWordPress講座[第1回]既存のプラグインを組み合わせることでWEBサービスを作ってみよう!
switch3000
WordCafe Fuji vol.1
WordCafe Fuji vol.1
Endoh Shingo
WordPressって何
WordPressって何
Kazue Igarashi
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
rie05
WordPress アカンパターン
WordPress アカンパターン
Kazue Igarashi
WordCafe fuji vol.2
WordCafe fuji vol.2
Endoh Shingo
情報セキュリティCAS 第七十五回放送用スライド
情報セキュリティCAS 第七十五回放送用スライド
Kumasan, LLC.
WordBench仙台 のお誘い
WordBench仙台 のお誘い
Kazue Igarashi
WordPressをカスタマイズするなら知っておきたいこと~テンプレート階層~
WordPressをカスタマイズするなら知っておきたいこと~テンプレート階層~
Akinori Tateyama
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
switch3000
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
Takashi Uemura
WordCampでコントリビュータデイに参加しよう!
WordCampでコントリビュータデイに参加しよう!
Daisuke Takahashi
中級者のためのWordPress講座[第5回]携帯電話やスマートフォンからの閲覧に対応させてみよう!
中級者のためのWordPress講座[第5回]携帯電話やスマートフォンからの閲覧に対応させてみよう!
switch3000
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
Mignon Style
WordPress基礎講座5 テーマ作成基礎知識
WordPress基礎講座5 テーマ作成基礎知識
Akinori Kawamitsu
新デフォルトテーマTwentyTen を理解しよう
新デフォルトテーマTwentyTen を理解しよう
Yoshitaka KATO
WordBeach 2012
WordBeach 2012
Masaki Takeda
WordPressとリスク管理 at 第42回 WordBench大阪
WordPressとリスク管理 at 第42回 WordBench大阪
Kitani Kimiya
ゼロからのWordPress(1限目)〜WordPressの今と未来・基本について知る〜 先生:高野直子先生・相原知栄子先生
ゼロからのWordPress(1限目)〜WordPressの今と未来・基本について知る〜 先生:高野直子先生・相原知栄子先生
schoowebcampus
Ähnlich wie WordPress テーマカスタマイズ 基本の「き」
(20)
WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介
中級者のためのWordPress講座[第1回]既存のプラグインを組み合わせることでWEBサービスを作ってみよう!
中級者のためのWordPress講座[第1回]既存のプラグインを組み合わせることでWEBサービスを作ってみよう!
WordCafe Fuji vol.1
WordCafe Fuji vol.1
WordPressって何
WordPressって何
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
WordPress アカンパターン
WordPress アカンパターン
WordCafe fuji vol.2
WordCafe fuji vol.2
情報セキュリティCAS 第七十五回放送用スライド
情報セキュリティCAS 第七十五回放送用スライド
WordBench仙台 のお誘い
WordBench仙台 のお誘い
WordPressをカスタマイズするなら知っておきたいこと~テンプレート階層~
WordPressをカスタマイズするなら知っておきたいこと~テンプレート階層~
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordCampでコントリビュータデイに参加しよう!
WordCampでコントリビュータデイに参加しよう!
中級者のためのWordPress講座[第5回]携帯電話やスマートフォンからの閲覧に対応させてみよう!
中級者のためのWordPress講座[第5回]携帯電話やスマートフォンからの閲覧に対応させてみよう!
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
WordPress基礎講座5 テーマ作成基礎知識
WordPress基礎講座5 テーマ作成基礎知識
新デフォルトテーマTwentyTen を理解しよう
新デフォルトテーマTwentyTen を理解しよう
WordBeach 2012
WordBeach 2012
WordPressとリスク管理 at 第42回 WordBench大阪
WordPressとリスク管理 at 第42回 WordBench大阪
ゼロからのWordPress(1限目)〜WordPressの今と未来・基本について知る〜 先生:高野直子先生・相原知栄子先生
ゼロからのWordPress(1限目)〜WordPressの今と未来・基本について知る〜 先生:高野直子先生・相原知栄子先生
Mehr von Kazue Igarashi
WordPress 初心者からの脱出 #tohokuitfes
WordPress 初心者からの脱出 #tohokuitfes
Kazue Igarashi
20150704cmsdou
20150704cmsdou
Kazue Igarashi
DigitalCubeのリモートワーク
DigitalCubeのリモートワーク
Kazue Igarashi
WordPress JSON REST API 〜さらばPHP、さらばWordPressテーマ
WordPress JSON REST API 〜さらばPHP、さらばWordPressテーマ
Kazue Igarashi
WordOnsen in 福島飯坂 2014 応募時の質問と回答
WordOnsen in 福島飯坂 2014 応募時の質問と回答
Kazue Igarashi
AWS で concrete5 を 簡単起動!
AWS で concrete5 を 簡単起動!
Kazue Igarashi
JAWS FESTA Tohoku 2014 WordPressとAWSの素敵な関係
JAWS FESTA Tohoku 2014 WordPressとAWSの素敵な関係
Kazue Igarashi
WP-CLI (WordBench Sendai 20140628)
WP-CLI (WordBench Sendai 20140628)
Kazue Igarashi
My '_s' Contributor’s Story
My '_s' Contributor’s Story
Kazue Igarashi
WordBench仙台とは
WordBench仙台とは
Kazue Igarashi
日本語フォーラムで回答してみよう!~誰でも出来るWordPressへの貢献〜
日本語フォーラムで回答してみよう!~誰でも出来るWordPressへの貢献〜
Kazue Igarashi
Mehr von Kazue Igarashi
(11)
WordPress 初心者からの脱出 #tohokuitfes
WordPress 初心者からの脱出 #tohokuitfes
20150704cmsdou
20150704cmsdou
DigitalCubeのリモートワーク
DigitalCubeのリモートワーク
WordPress JSON REST API 〜さらばPHP、さらばWordPressテーマ
WordPress JSON REST API 〜さらばPHP、さらばWordPressテーマ
WordOnsen in 福島飯坂 2014 応募時の質問と回答
WordOnsen in 福島飯坂 2014 応募時の質問と回答
AWS で concrete5 を 簡単起動!
AWS で concrete5 を 簡単起動!
JAWS FESTA Tohoku 2014 WordPressとAWSの素敵な関係
JAWS FESTA Tohoku 2014 WordPressとAWSの素敵な関係
WP-CLI (WordBench Sendai 20140628)
WP-CLI (WordBench Sendai 20140628)
My '_s' Contributor’s Story
My '_s' Contributor’s Story
WordBench仙台とは
WordBench仙台とは
日本語フォーラムで回答してみよう!~誰でも出来るWordPressへの貢献〜
日本語フォーラムで回答してみよう!~誰でも出来るWordPressへの貢献〜
Kürzlich hochgeladen
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
sugiuralab
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
Kürzlich hochgeladen
(9)
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
WordPress テーマカスタマイズ 基本の「き」
1.
WordPress テーマ カスタマイズ 基本の「き」 五十嵐和恵(@gatespace_k)
2.
Who are you? 五十嵐和恵 (株)デジタルキューブ(通称め組)のエンジニア @gatespace_k http://gatespace.jp/ WordPress日本語フォーラム世話役(通称おかん) WordBench仙台モデレーター JAWS-UG
仙台 網元起動隊
3.
網元起動隊よろしくね(宣伝) https://www.facebook.com/GHOSTINTHEAMIMOTO https://aws.amazon.com/marketplace/pp/B00G2DMZJ8 ↑からAWSに網元でWordPress環境を起動したら誰でもなれるよ
4.
お品書き WordPressのテーマについて 準備1:開発環境を用意しよう 準備2:WordPressをデバッグモードにする 準備3:テストデータ(Theme unit test
data) 準備4:テーマチェックプラグイン 公式テーマのガイドライン テーマ開発4つアプローチ
5.
お断り テーマカスタマイズの準備のお話です。 テンプレートタグやテーマファイルには、 ほとんど触れません。 実際に制作会社などでお仕事されている方には 退屈な内容かもしれません。
6.
テーマについて
7.
テーマの役割 見栄え マークアップ CSS 機能 ウィジェット カスタムメニュー など
8.
テーマの入手 http://wordpress.org/extend/themes/ 公式ディレクトリが基本 2,402テーマ(2013.3.26現在) 審査を通ったテーマのみ配布 ライセンスはGPL 有料でもGPLライセンスのもの で販売しているサイトの紹介も ある http://wordpress.org/themes/ commercial/
9.
テーマカスタマイズのための準備1 開発環境を用意しよう
10.
WordPressはダッシュボード(管理画面)でテーマを編集できるが、 やらない方がよい
11.
ダッシュボードから テーマ編集のあるある うっかりタイポ → 500エラー
→ サイトが真っ白 → 管理画面にもログイン・表示できない → バックアップもない \(^o^)/オワタ テーマファイルはPHPなので大変危険です
12.
開発環境1 : テスト用(ステージング)サーバー できれば公開するサーバーと同じ環境 PHP(モジュール
or CGI版) MySQL 難しければ PC or Mac にローカルサーバーを用意 XAMMP(Win、Mac、Linux) MAMP(Mac) Virtual Box + Vagrant の VCCW ←New!
13.
開発環境2 : エディタ UTF-8(BOMなし)
で保存できるエディタ Win : TeraPad、秀丸エディタ など メモ帳(Notepad)は使っちゃダメ! Mac : mi、JeditX など
14.
開発環境3 : 最低限用意しておきたいブラウザ Internet Explorer(可能な限り対応したいバージョン全て) Firefox ・ Chrome ・ Safari ブラウザやバージョンによってHTML5、CSS、 JavaScript(jQuery)の対応状況が異なる WindowsとMacではデバイスフォントも異なる
15.
開発環境3 : 各ブラウザの開発者ツール HTMLのマークアップやCSSの適用状態の確認 JavaScriptのデバッグ ! 幅を狭くしたい、リンクや背景の色を変えたい 文字の大きさを変えたい →それはWordPressではなく、CSSの問題!
16.
Internet Explorer 開発者モード(F12)
17.
Firefox Web開発ツール or Firebug
18.
Chrome デベロッパーツール
19.
テーマカスタマイズのための準備2 デバッグモード ここからはテスト用のサーバーで行う内容 本番環境ではやっちゃダメ
20.
デバッグモード wp-config.php の define( WP_DEBUG
, false); を define( WP_DEBUG , true); に エラー内容が表示される
21.
テーマカスタマイズのための準備3 テストデータのインポート
22.
テストデータ 日本語 https://raw.github.com/jawordpressorg/theme-test-data-ja/master/ wordpress-theme-test-date-ja.xml 英語 https://wpcom-themes.svn.automattic.com/demo/theme-unit-test- data.xml いずれも「ツール」→「インポート」でインポート http://wpdocs.sourceforge.jp/ %E3%83%86%E3%83%BC%E3%83%9E%E3%83%A6%E3%83%8B% E3%83%83%E3%83%88%E3%83%86%E3%82%B9%E3%83%88 VCCW なら設定値で自動でインポートされる
23.
テストデータの内容 「作られる可能性のある」様々な投稿 画像、ギャラリー、投稿内でHTMLタグが使われた場合 予約投稿、下書きなどの投稿の状態 カテゴリー、タグ、日別アーカイブ たくさんのカテゴリー・タグが指定された投稿 タイトルのない投稿、本文の無い投稿 など
24.
テーマカスタマイズのための準備4 テーマチェックプラグインを使おう
25.
テーマチェックプラグイン Theme-Check http://wordpress.org/plugins/theme-check/ 元は公式テーマの審査基準のチェッ ク用 テンプレートファイルの有無 スタイルシートでWordPressが付与 するクラスの対応がされているか テンプレートタグが適切に実装され ているか(非推奨コードが使われて いないか) 必須(推奨)の機能が組み込まれて いるか セキュリティや互換性に関するチェッ ク など 対処療法(モグラたたき)で確認や 修正を行うよりはずっと効率が良い
26.
公式テーマのガイドライン 公式テーマに申請しなくても 知っておきたいガイドライン
27.
Theme Review http://codex.wordpress.org/Theme_Review ユニークな名前 (関数、テキストドメイン) プラグインのテリトリー テンプレートタグやフック WordPressで生成されたCSS クラスのサポート テーマテンプレートファイル GPL互換ライセンス など
28.
テーマ開発4つアプローチ ようやくテーマを開発(カスタマイズ)する 準備ができたので・・・。
29.
最大の注意点 「公式ディレクトリで配布されているテーマ(デ フォルトテーマを含む)」を直接カスタマイズ しちゃダメ! 公式ディレクトリのテーマは自動アップデー トの対象。 アップデートすると、オリジナルに変更を加 えた箇所が無かったことに!
30.
テーマ開発4つアプローチ 出典:テーマ開発4つアプローチ http://ja.naoko.cc/2012/12/02/wordpress-theme-development-approach/ アプローチ 長所 短所 スクラッチ開発
コントロールできる 制作に時間がかかる 子テーマ すばやく機能を 取り入れられる 親テーマへの依存が 大きい フレームワーク 多機能 慣れるまで時間が必要 スターター・テーマ 学習しやすい 元テーマが更新されて も継承はない
31.
スクラッチ開発 イチから自分でつくる 必ず入れなければならない テンプレートタグ スタイル(クラス)
32.
子テーマ http://wpdocs.sourceforge.jp/%E5%AD%90%E3%83%86%E3%83%BC%E3%83%9E オリジナルのテーマの機能などをベースに、 追加・変更したい部分のみをカスタマイズ テーマの関数(functions.php)の改変には 癖がある 気がつくと親テーマと同じぐらいの テーマファイル・・・
33.
テーマフレームワーク 学習コストが高い (WordPressのテーマ作成+フレームワーク独 自のもの) 英語しか情報がない
34.
スターター・テーマ 改変することが前提 WordPressのテーマに必要な設定はされている 子テーマと違い、 元のテーマが更新されても継承しない
35.
それぞれ長所・短所があ るので使い分けよう
36.
今日の資料・出典(1) スターターテーマ _s を使ってWordPressのテーマを つくる(準備編・補足) http://gatespace.jp/2013/01/07/underscores01/ テーマの入手 WordPress
› Free WordPress Themes(公式テー マディレクトリ) http://wordpress.org/extend/themes/ Commercially Supported GPL Themes http://wordpress.org/themes/commercial/
37.
今日の資料・出典(2) ローカル環境 ローカル環境(XAMPP)にWordPressをインストー ルする手順 http://wp.yat-net.com/?p=3507 図解!MacにWordPressのテスト環境を構築できる MAMPの設定手順 http://05step.com/2012/10/09/mac-local-mamp/ VCCW(VirtualBox + Vagrant) https://github.com/miya0001/vagrant-chef- centos-wordpress
38.
今日の資料・出典(3) WordPressのデバッグモード http://gatespace.jp/2012/07/20/wordpress-debugging/ Codex : テーマユニットテスト http://wpdocs.sourceforge.jp/ %E3%83%86%E3%83%BC%E3%83%9E%E3%83%A6%E3%83%8B%E3%83 %83%E3%83%88%E3%83%86%E3%82%B9%E3%83%88 日本語 https://raw.github.com/jawordpressorg/theme-test-data-ja/master/ wordpress-theme-test-date-ja.xml 英語 https://wpcom-themes.svn.automattic.com/demo/theme-unit-test- data.xml WordPressでテーマを作る際のテーマユニットテストのススメ http://firegoby.jp/archives/
39.
今日の資料・出典(4) テーマチェック WordPress › Theme-Check
« WordPress Plugins http://wordpress.org/extend/plugins/theme-check/ 公式テーマガイドライン Theme Review http://codex.wordpress.org/Theme_Review テーマ開発4つアプローチ http://ja.naoko.cc/2012/12/02/wordpress-theme- development-approach/
Jetzt herunterladen