私がやったwordpressの勉強法 byたにゃん

私がやったWordPressの勉強法たにゃん @_signaless

13年10月13日日曜日

自己紹介

デザイナーというよりアニヲタ

ヘッコロダニ星雲タンバ星系ササヤマ星から来ました。←元ネタ・21エモン

WB神戸で初の発表です。お手柔らかに(>_<) きんちょうするよー

普段は、姫路路ゆるいWeb勉強会、姫路IT系勉強会、楽しそうネットワーク（宍粟）などに出没

WordPress歴半年、Web勉強歴1年弱。めっちゃ勉強してるわけでもないです…。

たにゃん@_signaless


私のスキル

32%

3%5%

20%

40%Illustrator

Webデザイン

Photoshopコーディング

2次元的妄想

WordPressはこの辺に含まれるWeb関係、

ほぼ何もできないって

ことですね！


Web制作経験ほぼ0(あえて言うならテーブル世代）

初WordPress

オリジナルテーマ

HTML5/CSS3※コードめちゃくちゃです☆

PHPはコピペ（ほぼ理解していない）

そんなんですが、WordPressでブログをひっそりやってます。


構築の際にお世話になったもの

10%7%

5%

8%

70%Webデザインレシピ書籍

W e bクリエイターボックス

HTMLクイックリファレンス

勉強会

（構成）http://webdesignrecipes.com/first-time-

wordpress-origin-theme/

（デザイン・モックアップ）http://www.webcreatorbox.com/tech/create-

website-guide/

（コーディング）http://www.htmq.com/

独学なので、書籍が主です。


http://www.htmq.com/

http://www.htmq.com/

http://www.webcreatorbox.com/tech/create-website-guide/




http://webdesignrecipes.com/first-time-wordpress-origin-theme/




なんでそうなったか？

ネット上の情報だけだと、1からの構築はムズカシイ（かいつまんで説明しているところが多い）

となると本を基軸にした方がいいと思った。2冊買って足りない部分はネットで検索検索☆

本通りに作っても、PHPが分からないので、応用ができない…！そんな時に助けてもらったのが勉強会の方々。細かい部分は有識者に聞くしかないのか…。


PHPはコピペでいける。けど！HTMLとCSSはかなり大事…これで何とかできる部分が多かった。←見た目重視する人

PHPコピペしてる時、何やってるか分からんかったけど、コピー→プレビューしてソース見る→HTMLやCSSを確認する、を繰り返していたら、ちょっと意味が分かってきた気がする。（でも1からは書けない）

テンプレート階層、パーツテンプレート、テンプレートタグの意味を理解したら、ぐっとやりやすくなった。

不安はものっそいあったけど、案外あっさり動く。

Codexはあとで見る。

勉強していく上で感じたこと

とりあえず書く！


Chrome使ってるなら、拡張機能「Chrome Sniffer」入れた方がいいかも。WordPressで出来たサイトが分かるようになるので、勉強に役立ちます。※追記・firefoxにはWappalyzerという同じ機能のアドオンがある

古いプラグインを使う、なんかよく分からんJQueryを入れる、などを最初は避けました。本や、比較的更新が新しいサイトの情報などを参考に、安全牌で進行。あとは軌道に乗ってから考える！

勉強していく上で感じたこと

テーマフォルダに何が入っているか？何を使うのか？

ID、classは何が吐き出されているか？

この辺が分かれば通常サイトと同じように

組める？かなぁ？


本のご紹介


分からんかったから、Web系ブログやアマゾンのレビューを参考に選びました

入門本の有名どころばっかりですが…読んだ本を、初心者目線で、超個人的に解説していきます。

初心者向け慣れた人向け

最初買った2冊 ※画像・アマゾンより

ブログ向け通常サイト向け解説 PHP


WordPressレッスンブック

え？PHPって？WordPressって？っていう人でも、この本通りに一から書いていけば、なんと！ブログ構築ができる！

1からテーマを作っていくタイプなので、HTML/CSS、画像処理の知識はいる（HTMLやCSSは、作例のものは少し解説されて載っているが、応用出来る範囲ではない）

index.phpに全てを書き込んでいく。テンプレート分けは行わない。プラグインもあまり書いてない。

サーバーに直接インストール。ローカル構築については書いていない。


テーマ構築をしたい初心者は、とりあえず買って間違いない。ひとまず完成はできる。慣れた人には物足りない。

解説が丁寧。今ここやってます、このコードを追加したからこうなります、ということが、HTML/CSS、PHP全てに書いてある。コードもその都度全て掲載されているので、迷子になることが少ない。

PHPは部品として入れ込む感覚で、解説はない。逆にそれが混乱を招かず、するっと組めたような気がする。

ローカル構築は別に勉強しよう。

続きは「WordPressデザインブック」で。

個人的な感想とポイント


「WordPressレッスンブック」のお姉さん本。

レッスンブックでindex.phpに書き込んだ内容をパーツ（テンプレート）分けしていく。そして、ブログ等でよく使われているプラグイン、RSSやfacebook向けの設定を付け加えていく。流行り型のブログ構築ならこれでほぼOK。

WordPress以外でも、コードを書き慣れている人なら、この本から入ってもいけそう。

ブログはこれだけでいいが、コーポレートサイトは厳しいかも？？

WordPressデザインブック



解説は変わらず丁寧。WordPressの人気機能（スライドショーやシェアボタンなど）の実装方法が結構書いてあるので、流行りに乗ってキャッキャウフフできる。

個人的には一番の当たり本。自分がやりたかったこと（最近よくある型のブログ構築）はほぼ書いてあったし、スムーズに実践できた。ほんまに完成するねん、この本で！

PHPの解説はなし。もうここまでくるとPHPやらんでもいけるわ、と思う。けど、細かいカスタムでつまずくことがある。（ここでCodexの出番です。パラメーター見たり。）


WordPressの教科書

あらかじめindex.phpに書いてあるコードを、切ったり貼ったり追記したりして、1つのコーポレートサイトを作っていく。

本の通りにすれば、高機能でオシャレなサイトができる！WordPressデザインブック・レッスンブックのコーポレートサイト版みたい。似てると思う。

SEOや高速化など、運用についても記述がある。プラグインの作り方も載ってる。

Windows向け。Macについての記述はないが、Macでの開発環境が分かる人なら問題はない。



コーポレートサイト向けのメジャープラグイン、必須機能が網羅されている。

章の最初に、その章でやることの完成図と説明があり、イメージしてから取り組めるので、頭に入りやすかった。

コード解説も多く、全コード記載もあるので、迷子にならないと思う。

WordPressでとりあえずサイトが欲しい！という人は、これとWordPressデザインブックがあれば、大丈夫なんじゃないかな。さすがPS社ですね！


WordPressの教科書2

WordPressの教科書(1)にスマホサイト作りを載せました！的な本。発売して1ヶ月くらい（現時点）のホヤホヤな本。3.6対応。

PC、スマホサイトを一から構築＆子テーマでブログも作ってる。PCとスマホサイトは、別々にテーマを作りプラグインで切り替え、ブログはTwentyThirteen標準のレスポンシブ機能を使って子テーマで構築。サーバーはWindowsAzure。

教科書(1)と半分弱くらい？同じことが書いてある。本の構成は一緒。使用プラグインなどはちょっと違う。



レスポンシブなど、とりあえず流行りについていけるサイトが作れそう。先にこれ読んで、足りない部分は教科書(1)を読む、っていう手もアリじゃないかと。

個人的に嬉しかったのが、子テーマ制作時のCSS一挙掲載＆解説と、ワイヤーフレームなど仕様書の掲載。構築の背景がちゃんと書いてあるのでイメージしやすいし、綺麗なサイトのCSS解説は、デザイン系には嬉しい。あとバックアップと復元についても載っていて、初心者やサイト構築に不慣れな人なら特に、持っていて良い本かも！


基礎からのWordPress

「Webデザインレシピ」の中の人、高橋のりさんの御本。

テンプレートタグを中心にPHPの解説あり。

ローカルorWebサーバーへのWordPressのインストールから、既存のテーマ、子テーマ、オリジナルテーマ制作、ブログ、コーポレートサイト、フックetc…幅広い解説がある。

解説が細かい。しかし本の通りに書けばサイトが立ち上がります！というタイプではないので、すぐにサイトが欲しい初心者にはキツそう。



テンプレートタグを中心としたPHPの解説が良かった。コピペしてたPHPの意味が理解できたし、パラメーターも載っているのでCodex恐怖症にはもってこい。

細かい部分の解説が中心なので、全体像が掴みづらかった。全体的にコードの記載が少なく、迷子になりやすいかも。一度WPサイトを構築したことのある人が、更に理解を深めるために読んだら良さそうな気がした。←私にはちょいとハイレベルに感じるところがあった。

ローカル構築終了後の公開方法の記載が欲しかった…。


PHPプログラミングの教科書

PHPを全く書いたことがない人に向けた本で、3行ほどの超簡単な構文から、データベースのプログラミングまで書いてある。作例は、メールフォーム、ゲストブック、アンケートフォームなど。

whileなど、WordPressによく出てくる構文の解説もあり。

何をするか一度説明して一旦完成、章の最後で完成形の確認と解説があり、ちゃんと復習できる構成。

この本だけでは大したことはできないかもしれないが、初心者がPHPの構造を理解するにはとっても詳しくて良いかも。


良かったと思う勉強法

WordPressレッスンブックやデザインブック、WordPressの教科書のように、分からなくてもとりあえずコードを書いて、動いたら嬉しいし、動かなかったらモヤモヤする。そういう感覚を大事に、書いて実行を繰り返すのが良かったかも。分からなくても全コードが本に載ってるので、やり直しができた。WPデザインブック+WP教科書2+!が良いと思う。

WordBenchなどのコミュニティに参加して、実際に話が聞けたのも良かった。百検索は一会話に如かず。

非常にシンプル…(；´Д｀)


ご清聴ありがとうございましたm(_ _)m


私がやったwordpressの勉強法 byたにゃん

Technology