WordPressテーマを独学・自作するために見たサイトと本

”WordPress テーマ作ってみよう”からおよそ半年、ようやくゴールしました。嬉しい！ゼロからじわじわ調べて、気がつけばHTML・CSSが理解できるまでに成長しました。こんなにコツコツできる自分に驚いたこと、何かを作る達成感を久々に味わえたこと、結果はいい事しかありませんでした。

実は今現在のテーマは２つ目です。最初のテーマはいろんなところから拾ってきたつぎはぎのコードで、画像使いすぎて重いし、見てもらうためのSEO対策なんて無だし、問題だらけすぎてページュビューがみるみる下がっていきました。というわけで、納得がいかずの２個目です。１個目は半年ぐらいかかったのに、２つ目は３週間でできた！成長をすぐに感じれるのも、長続きの理由ですね。

後から無料テーマをいじるという、最良の方法があることに気がつきましたが、実際に一からコードを書いて完成させた事が、wordpressの理解を深め、phpの使い方の勉強になりました。

お世話になったサイトと書籍

兎にも角にも、ググる力の必要性を思い知ったプログラミング。必ずどこかに答えはあるので、諦めずに探して、どうしてもダメな時は後回しに。あるタイミングでファ！っと分かるようになったりします。気長にいきましょう！

同じように独学でWordPress のブログ作ってみたい、という方の勉強の参考に、とてもお世話になった、理解しやすかったオススメのサイトや本を紹介します。

まずは基本を勉強する

• Progate (HTML/CSS/jQuery/Javascript/PHP)
• ドットインストール (HTML/CSS/Javascript/PHP)

プログラミングのゼロイチはこの２つから。特にProgateは実際にコードを書いて作っている感があるので、ゲーム感覚で挫折せずに進める事ができました。分かりにくいとことだけ２回ぐらいやって、ドットインストールでさらっとおさらいしました。こういう感じなのかと理解できたら、次に進みましょう。

より理解を深める

自分の好きなデザインのサイトのフロントページを真似て、自分なりのコードで作ってみます。この段階で理解不足な点や、デザインをちょっと変えてみたい部分など、とにかくググり、Youtubeを漁りまくりました。半年前よりプログラミング系のYoutube動画が増えているので、もっと分かりやすいのがありそうです。

• CodeCademy (HTML/CSS/Javascript)
• YouTUBE mmutus(HTML/CSS/Javascript/PHP)

CodeCademyは英語のサイトですが、かなり理解しやすい作りになっています。ある程度わかってきた段階でやってみると、より理解が深まると思いますのでオススメです。英文も分かりやすい単語で書かれていますが、プログラミング用語はググりながら進めたので、違う意味で勉強になります。

そしてググっても理解しにくかった部分だけ、書籍で補いました。本は体系的に書かれているので、やはり分かりやすいです。理解を深めたい方にオススメします。

jQueryがめちゃ好きになれる本です。簡潔な説明と図式が分かりやすい！

いよいよWordPress のテーマ制作

1. まずはブログのテーマデザインを色々参考にして、自分の作りたいフロントページのデザインを固めて紙に書きました。
2. それからWordpress についてサイトをググりまくってある程度の実装方法を考察。
3. まずはローカル環境でワードプレス をダウンロード(公開されないので、ここでテストしながら作ります)
4. まずはHTML/CSS で枠組みを作り、PHPでWordPress 用のコードを実装して、なんとか各ページのファイル制作完了。
5. サーバーにWordPress をダウンロードする。
6. そしていよいよFTPでアップローーーーード。
7. 設定がうまくいっていない部分や、レスポンシブのチェック・修正。何度も何度も何度もやり直して、ようやくなんとか完成！

PHP とWordPress が一体どういう仕組みでつながっているのか、本当に理解できなくて時間を要しました。あとはローカル環境と、実際のサーバー上での見え方が違ったり。まだまだわからない事はたくさんありますが、とりあえずやり切る事ができたので、２つ目を作る原動力にもなりました。

痒いところに手が届いた！数冊買いましたが、一番分かりやすかったかな。

[有料級レベル]自作・カスタマイズ の参考サイト

• Plusers (WordPress)
• HPcode (WordPress/HTML/CSS/jQuery)
• サルワカ(HTML/CSS/デザイン)

この3サイトは本当の本当にお世話になりました。本よりYouTubeよりどのサイトより分かりやすく丁寧で、初心者に易しい言葉で解説してくれている、教科書的なサイトです。wordpressの組み立ては『Plusers』で大体理解できます。プラグイン無しで作るやり方も参考になり、何度も読みました。

独学プログラミング、次なるステップは？

以前、Javascriptの勉強でテトリスを作ったんですが、あまりときめきませんでした。それよりPHP でショッピングサイトを作る書籍があって、それが結構面白かったんですよね。wordpressメインでやっていたから、一回通して放置していたんですが、ちょっとまたやってショッピングサイトを作ってみようかと思っています。私も友人も物販してる人多いし、色々弄れたら便利ですしね。

予想以上にプログラミングが楽しくて、どんどん色々な言語に興味が湧きます。どうせなら、好きな事ができる言語を習得したいですね。

PHP て何が面白いの？と思っていたけど、ちょっと好きになれる良書です^^