経験知ロゴ

WordPressのテーマ作成を打ち合わせから納品まで学べる技術書「WordPressデザイン入門」レビュー

WordPressデザイン入門

WordPressは世界で最も使用されているCMSで、様々な企業のWebサイトに採用されています。

そのため、Web制作においてWordPressを使った案件は多数あり、Web制作に関わるならWordPressでサイトを作る技術は必須といえるでしょう。

そこでオススメしたい本が「ビジネスサイトをこれからつくる WordPressデザイン入門 サイト制作から納品までのはじめの一歩」です。

クライアントとの打ち合わせから仕様の決定の仕方、WordPress制作環境の構築、テーマ作成、納品までを一貫して解説していますので紹介します。

WordPressデザイン入門

企業にWeb制作者を依頼されたらどのような手順で作るのか。というのを、WordPressの仕組みだけでなく、クライアントにどのような要望を聞けば良いのかなど、仕様設定の段階から丁寧に解説しています。

PHPに関しては、WordPressで使われているものを簡潔に解説しているので、PHPに詳しくない人でもテーマをいじれるようになるはずです。

  • これから独立してWordPressを使ったWeb制作をしたい。
  • Web制作会社に就職が決まり、Web制作の流れを知りたい。
  • 社内の静的サイトをWordPressに移行したい。
  • WordPressでブログを書いていて、自分でオリジナルのテーマを作りたい。

という人にオススメです。

本の全体の流れ

本書は下記のように、実際の受注案件の流れで進んでいきます。

クライアントからのヒアリング

ラフを描き、ワイヤーフレームの作成

WordPressの開発環境を整える

WordPressのテーマを作成

コンテンツの作成

プラグインの導入

本番環境の作成と移行

WordPressの表示確認

制作・解説の進め方は、静的なHTMLファイルが用意されているのでそれをWordPressのテーマへ変えていきます。

ひとつのHTMLファイルを再利用しやすいように分解していくので、実際に手を動かしながら進んでいくと、WordPressのファイル構成や仕組みを理解することができます。

良いところ

実際に読んでみて良かったところを紹介します。

制作時のチェックリストにもなる

本書には、クライアントとの仕様決定の時に役立つリストも書かれています。

レスポンシブ対応か、お問い合わせフォームはどうするか、コンテンツの入力はどちらがやるか、など、仕様決定時に確認すべき項目がまとめられているのでとても便利です。

現在のWeb制作に必要な技術も解説されている

2016年現在において、Web制作に必要なテクニックも紹介されています。

例えば、

  • CSSスプライトを使用してサーバへのリクエスト数を減らす
  • Media Queriesを使ってRetinaなどの高解像度ディスプレイへの対応
  • WebサイトをiPhoneのホーム画面に登録した時に表示されるWebクリップアイコン
  • Webサイトをブックマークした時に表示されるfavicon

なども紹介されています。

ひとつのHTMLでPCもスマホも専用のレイアウトにできるレスポンシブデザインにも対応し、ラフやワイヤーフレームの作り方の例も紹介されています。

ただし、HTMLとCSSはレスポンシブデザインに既に対応したものを使うので、レスポンシブのコードについては学べません。

開発環境を構築する手順が詳細

WordPressのテーマを作成したりいじったりする際に地味に大変なのが自分のパソコンにPHPやMySqlなどの開発環境を整えることです。

本書ではXAMPPの導入の仕方が詳しく紹介されています。

更に、実際にファイルを編集するのに必要なのがテキストエディタですが、こちらも「Sublime Text 2」を紹介していて、導入時に予測される文字化けや日本語化の方法も解説しています。

他の技術書ではテキストエディタを紹介していても、起こりうる問題まで解説している本はあまり無いはずです。

PHPの説明が簡潔にまとめられている

WordPressのテーマで頻繁に出てくるif文やwhile文、関数など、PHPに関する解説も必要最低限のものを簡潔にまとめられているので、PHPに詳しくなくても、この処理がどのようなことをしているか何となく分かるようになるはずです。

週3日の副業で月50万

月50万稼げたら年収は600万で、普通の人以上の生活ができます。

それが週3日で稼げたら、残りの4日をどう過ごしますか?

  • 自分の趣味に全力を注ぐ
  • 家族との時間を増やし、子供の成長をしっかりと見守る
  • 毎週海外へ旅行へ行く
  • 新しいことに挑戦する
  • 何もせず、のんびり自由な時間を過ごす

週の半分以上が自分の好きなことに使えるのなら、人生は楽しい物になりますよね!

週2日の休みが増えるということは、

52週(1年) × 2日 = 104日

年間104日も増え、365日のうち208日も自分の時間に使えるのです!

更に、今30歳だとして、65歳まで働いたら、

104日 × 35年 = 3,640日

3,640日も変わってきます!!10年以上ですよ!10年!!

週2日の休みのために5日を無駄にする生活をいつまで続けますか?

週4日の自由たった3日で稼いで、自分のために自由に時間を使う生活をはじめましょう!

週3日で50万円稼げる案件は、業界最大級の案件を保有しているレバテックフリーランスで見つけられます。

1分で完了する無料登録で、時間の自由への一歩を踏み出しましょう!

おわりに

今まで自己流でWordPressのテーマを作成していたので、このようにWeb制作の流れが体系的にまとめられていると、とても勉強になります。

特に、ラフやワイヤーフレームの書き方、仕様の決め方など自分がやったことがないことは参考になりました。

Web制作でWordPressを使う人は一読の価値有りです。

この本は、著者のひとりである清野様より頂きました。ありがとうございます!

正誤表:「SBクリエイティブ:【正誤情報】ビジネスサイトをこれからつくる WordPressデザイン入門

▼役に立ったらシェアをお願いします