24
WordPress 学学学学 学学学学学学学 学 27 学 WordBench 学学 @bren_boss 2013/10/12

WordPressの学習方法 プログラマー編

  • Upload
    bren

  • View
    658

  • Download
    1

Embed Size (px)

Citation preview

Page 1: WordPressの学習方法 プログラマー編

WordPress 学習方法プログラマー編

第 27 回 WordBench 神戸@bren_boss2013/10/12

Page 2: WordPressの学習方法 プログラマー編

自己紹介

• 「ブレン」という屋号でシステム開発してます。• 経歴– 1993 - 1998 年:ゲーム会社でプログラマー– 1999 - 1999 年:フリーでゲームプログラマー– 2000 - 2007 年:某重工業で機械制御プログラマー– 2008 - 2009 年: Web システム開発、お好み焼き店長– 2010 - 現在: Web 、iOS、 Windows システム開発

Page 3: WordPressの学習方法 プログラマー編

WordPress を始めた理由

Web サイト制作歴が 2 年、しかも独学。無料版 Movable Type でカスタムフィールドを使えなかったので、無料でカスタムフィールドを使える WordPress に移行。

Page 4: WordPressの学習方法 プログラマー編

こう思った

「無料でこれだけできるんやったら、もう WordPress でエエやん」

Page 5: WordPressの学習方法 プログラマー編

「 Movable Type との比較記事を見たら、そう書いてた」

※ 全然深く考えてなかった。

Page 6: WordPressの学習方法 プログラマー編

やってしもたこと

• Dreamweaver でテンプレート機能を使って、ページを生産。

• できた HTML ファイルの拡張子を PHP に変えてアップロード。

Page 7: WordPressの学習方法 プログラマー編

結果

「 WordPress の作法を知らなさ過ぎた」

※ プラグインが動かんかったり、マジで色々困りました。

Page 8: WordPressの学習方法 プログラマー編

「さすがに、独学は効率悪すぎ」

Page 9: WordPressの学習方法 プログラマー編

学習方法(全体)

「初心者向けの本を買って読む」

何ができるのか、ザッと知る。高橋のりさんの著書「基礎からの WordPress 」

がオススメ。

Page 10: WordPressの学習方法 プログラマー編

「詳しい人に教えて貰う」

一方的に甘えるのは、あまり良くない。感謝の気持ちを表す。お互いイイ気分になる。

Page 11: WordPressの学習方法 プログラマー編

「コミュニティとかで、仲間を増やす」

聞く相手、相談する相手が増える。勉強が楽しくなる。

Page 12: WordPressの学習方法 プログラマー編

学習方法(基礎)

「デフォルトテンプレートを使う」

カスタムは後回し。

Page 13: WordPressの学習方法 プログラマー編

「ダッシュボードに慣れる」

どの機能でどう変わるか、見た目を確認しながら慣れる。

表示オプションを開き、すべてにチェックを入れる。

WordCamp Kobe 2013 で、細谷さん( @tkc49 )がセッションやってた。

Page 14: WordPressの学習方法 プログラマー編

学習方法(カスタム)

「テーマの機能でカスタム」

標準テーマで、ヘッダ画像、色、メニュー、ウィジェットを変更する。

Page 15: WordPressの学習方法 プログラマー編

「プラグインでカスタマイズ」

色んなプラグインを試し、「もうプラグインが無いと無理…」って思う。

Page 16: WordPressの学習方法 プログラマー編

「ウィジェットでカスタマイズ」

色んなウィジェットを試して、「ウィジェットを追加すれば便利!」と認識する。

ウィジェットを追加するには、ウィジェットが追加されるテーマを使うか、ウィジェットが追加されるプラグインを追加するか、どっちかで。

Page 17: WordPressの学習方法 プログラマー編

「 CSS でカスタマイズ」

どの状況でどんな HTML/CSS が出力されるか、把握する。

CSS でカスタマイズできることは、 CSS で済ませる。

CSS でできることを PHP でやろうとするのは、「俺プログラマーだからさ」というバカがすること。

Page 18: WordPressの学習方法 プログラマー編

「子テーマを作ってみる」

親テーマ(いわゆるテーマ)を作るには、テーマを作るための知識がすべて必要になるので、親テーマをちょっと変更するだけで済む子テーマから始める。

Page 19: WordPressの学習方法 プログラマー編

学習方法(プログラム)

「 IDE (統合開発環境)を使う」

ブレンは、 NetBeans派。FTP 、 SFTP 、 Subversion 、 Git に対応してて便利。FTP は、テストとか本番とかで切り替え、自動

アップロードも対応。HTML 、 CSS 、 PHP関数、 WordPress タグのコー

ドヘルプに対応。

Page 20: WordPressの学習方法 プログラマー編

「 WordPress Codex 日本語版を読む」

テンプレート階層(どの状況で、どのテンプレート PHP が使われるか把握)。

テンプレートタグ(テンプレートで表示するための関数を把握)。

慣れてきたら、関数をすべて一読し、どんな関数があるか脳内に焼き付ける(詳細は含まず)。

Page 21: WordPressの学習方法 プログラマー編

「 functions.php を読む」

どこをどうカスタマイズしているか、なぜそのカスタマイズをしているかを読み解く。

Page 22: WordPressの学習方法 プログラマー編

「プラグインを作る」

プラグイン作成を通じて、フィルターの使い方を身につける。

ウィジェットを作るのもアリ。自作○○が増えると、 WordPress サイトの制作

スピードがどんどん上がる。

Page 23: WordPressの学習方法 プログラマー編

「 WordPress コアを読む」

問題調査のさい、機会があればコアコードを読んでみる。

WordPress 開発に参加するのもアリ(developer.wordpress.com)

Page 24: WordPressの学習方法 プログラマー編

Please enjoy!