Contenu connexe
Similaire à 4時間まったりWordPressテーマ作成講座 (20)
Plus de Shinichi Nishikawa (14)
4時間まったりWordPressテーマ作成講座
- 1. 4時間まったり!
WordPressテーマ作成講座
html/cssが分かる人、
コーダーさんやウェブデザイナーの方が、
自分でWordPressの勉強が
できるようになるところまで。
Shinichi Nishikawa
@shinichiN
http://nskw-style.com/
http://colog.jp/
- 2. 目次
• 1: アンケートと目標設定
• 4:テーマ!
• 2:テーマ??
• テンプレートタグ
• テーマを理解するために必要な知識一覧
• WordPressのファイル構成全体
• phpと関数
• テンプレート階層(テーマのファイル構
• データベース 成)
• WordPressについて • インクルードタグ
• テンプレートタグ • 条件分岐タグ
• テンプレート階層
• インクルードタグ • 4:発展編
• 条件分岐タグ • functions.php
• functions.phpとプラグイン • プラグイン
• 3:事前知識 • 5:勉強方法
• htmlとphp • 書籍
• クライアントとサーバ • ブログ(基本とすごいの)
• データベースとphp
• WordPressについて • 6:参加について
- 14. テンプレートタグの形
<?php ?>
<?php the_title(); ?>
<?php bloginfo( url ); ?>
<?php bloginfo( name ); ?>
<?php wp_title( ¦ , true, right ); ?>
<?php wp_list_categories( orderby=id&show_count=1&exclude=10 ); ?>
- 18. <?php bloginfo( xxx ); ?>
<?php bloginfo( url ); ?>
<?php bloginfo( name ); ?>
() の中に何かを入れる
- 34. クライアントとサーバ
2
サーバ
1 3
クライアント
4
http://example.com
と、ブラウザで入力する。
- 35. クライアントサイドプログラム
JavaScript
• ブラウザで実行される
• こう書くと、こう動くというルールをブラ
ウザが知っている
• ちなみにhtml/cssのルールも知ってい
る。ブラウザを作っている人たちの会議と
かもあるし
• 通信は発生しない
• その場で動く
• Ajaxという通信するのもある
- 36. サーバサイドプログラム
phpとか
• サーバで実行される
• クリックとかアイコンとかないので、見え
ません
見えません • phpだけじゃなく、Java, Ruby, Perl,
Pythonなど、たくさんあります
• WordPressはサーバサイド
• クライアントからのリクエスト内容に応じ
て、色々計算して、結果を返してあげます。
• WordPressの場合、URLやフォームの内
容を受け取って、色々やったあと、結果を
htmlにして、返しています。
- 37. データベース
MySQL
• サーバで実行される
• ほんとは見えないんだけど、phpMyAdmin
などを使うと、無理やり見えます。
• リレーショナルデータベースの一種で、
PostgreSQLや、Oracleとかもあります。
• リレーショナル∼ではないものに、アマゾン
のSimpleDB、GoogleのBigTableなどがあ
るらしいです。
• WordPressではMySQLです。
• SQL文という命令文を使いますが、テーマを
作る、簡単なプラグインを作る場面では気に
しなくて大丈夫です。
- 38. クライアントとサーバ
2
サーバ
1 3
クライアント
4
http://example.com
と、ブラウザで入力する。
- 41. 上の階層も
知っておく
• wp-admin
• 管理画面系のファイル群
• wp-content
• テーマ、プラグイン、言語ファイルとか。
• ここしか触らない。
• wp-includes
• 管理画面系のファイル群
• いろんな関数やクラスが保存されている。
• 他のファイルから呼び出されまくる。
• テンプレートタグは、この中で定義され
ている!
- 42. 上の階層も
知っておく
• wp-admin
• 管理画面系のファイル群
• wp-content
• テーマ、プラグイン、言語ファイルとか。
• ここしか触らない。
• wp-includes
• 管理画面系のファイル群
• いろんな関数やクラスが保存されている。
• 他のファイルから呼び出されまくる。
• テンプレートタグは、この中で定義され
ている!
- 47. テンプレート階層
テキスト
• http://wpdocs.sourceforge.jp/テンプレート階層
- 57. 現在地の確認
• ネットサーフィンできる!
• html/cssのコーディングができる!
• 本体、テーマ、プラグインがインストールできる!
• テンプレートタグが使える/分かる ←今日はココ
• 勉強できる ←明日からココ
• テーマが作れる ←がんばればココも明日から。作りながら勉強すると吉!
• オリジナルのテンプレートタグが作れる
• プラグインが作れる
• サービスを作る!
• どんどん作る!
• WordPressのもっとすごいのを作る!?
- 58. ネットで勉強
• Codex
• テンプレートタグ
• http://wpdocs.sourceforge.jp/テンプレートタグ
• テンプレート階層
• http://wpdocs.sourceforge.jp/テンプレート階層
• ブログ
• かちびと.net
http://kachibito.net/
• WebDesignRecipe
http://webdesignrecipes.com/
- 59. 本で勉強
• WordPress関連
• WordPress関数リファレンスガイド
• Amazon WordPress で検索
こればっかりは、色々試さないとです。。
• PHP関連
• よくわかるPHPの教科書
• PHP逆引きレシピ
- 60. WordPressコミュニティで勉強
• Forum
• http://ja.forums.wordpress.org/
• まず検索しよう!ナレッジベースという考え方
• 自分が困っていることは、多分誰かが以前に困ってる。
• 自分が困っていることは、多分誰かが以後に困る。
• 質問の仕方
• WP_DEBUG を true に変えよう
• プラグインを停止しよう。プラグインが原因だった場合は、そのプラグイン
の名前とURLを報告しよう
• 何をしたくて、何を試し、どういうエラーが出たのか。エラー文はコピペす
べし
• 解決したら、報告をする。自己解決の場合にも、報告する。
- 61. twitterで勉強
• ハッシュタグ
• #wordpressjp を付けてつぶやいたら、誰かが答えてくれるかもしれない
• フォロー
• wordpressを使っている人たち、自分の分からないことをやろうとしている人たちをフォローする
• 僕が気をつけていること
• 感謝の気持ちを表す
• 自分をフォローしてくれている人にも結果が分かるようにする
• 分からないことを、分かったふりをしない
• →「これ以上聞いたらしつこいかな」と考えてしまう気持ちが出てきてしまいますが、自分も聞
かれた人もそのやりとりを見ている人も誰も得しません。
• 分かったフリをしている時、せっかく教えてくれている人にも、やりとりを見ている人にも、
きっとバレていますよw
• WordPressのコミュニティに恩返しをする
• ブログに書く、フォーラムで答える、勉強会を開く。なんでもいいので、やってみるといいで
す。
- 62. リアルで勉強
• WordBench
• http://wordbench.org/
• 毎月、日本各地で開かれているWordPressの勉強会がリスト
されています
• WordCamp
• WordPressが好きな人が数百人!
• ブロガー、初心者、デザイナー、ものすごく詳しい人、
WordPressを使って大規模サイトを作る人、外国からも、み
んなが集まるお祭りです
• 11月27日(日)に品川の楽天(2号館!)で開催されます
- 66. おしまい
Shinichi Nishikawa
@shinichiN
http://nskw-style.com/