先日、無料WordpressテーマSimplicityを作成しました。
今年からWordpressを始めた僕ですが、いろいろなツールや参考ページの力を借りて、何とか初となるテーマを完成させることができました。
僕の、しょぼいなりに知っていることを総動員して作ったので、テーマ適用日の7月15日から昨日まで、悪くないというか予想以上に良い結果が出せています。
（途中PVが微妙に少なくなったところは、「ページ/セッション」のような巡回率が悪くなったからで、ver20140722で対策済み。Googleのクロールも16日から21日でほとんど終わっています。）
もちろん、PVが増えだしたからといって、テーマのおかげではないと思います。ただ、テーマをSimplicityにしたからといって、SEO的に悪く評価されてアクセスが減るようなテーマではないと思います。
今回は、初めてこのSimplicityというWPテーマを作るためにやったこと、参考にしたものなどを、忘れる前に書いておこうかと思います。
photo by Christopher Ross
目次
WordPressテーマを作った手順
僕がテーマを作った時はこのようにしました。
- ローカルにWordpress環境を作る
- WordPressテーマ作成に関する記事を読みまくる
- フリーのサンプルテーマを編集してテーマを作る
- 公開
主にやったことをざっくりと書くと、こんな感じになります。
以下では順を追って書いていきたいと思います。
ローカルのWordpress環境を作る
僕の開発環境は、Windowsですのでそれに合わせて書きます。
まずテーマを作るのに、ローカルで何度でも手軽に試行錯誤を繰り返せる環境が必要です。いちいち変更するたびに、サーバーにアップロードして試していたら面倒ですからね。
ということで、僕はローカルでの開発に、Bitnamiを利用しました。
参考にした記事は以下など。
- 超簡単！WordPressのローカル環境をBitNamiを使って構築する方法・手順を解説します。
- WordPressをローカルにインストール – BitNami for XAMPP – WordPressの使い方と設定 – Webkaru
- PCにWordPressを！BitNamiインストールと日本語化までの全手順
開発環境は、EmEditorとSublime Textを使いました。
この2つのエディターを使ったのは、以下のような機能目当てです。
- コード補完機能があるのでキー入力を少なくできる（僕のようなヘボグラマーには必須機能）
- 少ない入力からコードを生成するZen Coding/Emmetが使えるのでキー入力を少なくできる（EmEditorのZen Codingは、ちょっと古いけど）
とにかく、なるべくキーボードを打つ事なく、なるべく楽がしたいからです。あと、Sublime TextのEmmetでCSSを打ち込んだ日には、ザクザク書けて気持ちよくてクセになるというのもあります。
作った環境はこんな感じです。
WordPressテーマ作成関連の記事を読む
僕がテーマを作る前に、何度も読んだWPテーマ作成関連記事などを紹介します。
チュートリアル
これらの記事は本当にわかりやすくて、作りながらもわからないところが出てきたら読み返していました。
いろいろな方のテーマ作成記事を読むことで、一方でわからなかった表現も、他の記事を読むことで理解できたりします。いろいろ読むことで「テーマ作成って、こんなことするんだな」というのが、素人なりにわかりました。
リファレンス
あと、作っていてHTMLやCSS、Wordpressなどでわからないことがあれば以下のページで、機能を確認しました。
WordPressに関しては、以下のチートシート（PDF）でカンニングしまくりました。（多少古い記述もありますが、コードがそのまま使えます。）
PHPに関しては、特定のサイトで調べず、すべてググりました。PHPはユーザーが多いので、とりあえず検索すれば目当てのものが見つかります。
その他に参考にしたものはこちら→参考・技術情報
サンプルテーマをもとに作成開始
とりあえず、テーマを1から全部作るのは、とても面倒くさ大変そうだったので自由に編集して使えるテーマをカスタマイズすることにしました。
中でもとてもシンプルでカスタマイズしやすそうだった、WebデザインレシピのSimpleSimpleを利用させてもらいました。
先程のチュートリアルでも紹介した以下のページにあります。
今回作成したテーマをダウンロードすることができます。ライセンスは WordPress 同様、GPL にしてあるので自由に使っていただいて構いません。
チュートリアルで勉強したあと、このテーマをいじれば、理解度が早く、取っつきやすいです。
公開
で、シンプル(地味)なWordPress無料テーマ「Simplicity」を作ってみましたのエントリを書いたときぐらいに公開しました。
この記事あたりからテーマを作っていること言っているので、制作期間はだいたい1ヶ月くらいです。
作成したものは、Simplicityにて公開しています。
そのままですぐに始められるので、これからWordpressを始める人にも簡単に使えると思います。けど、もともと、カスタマイズありきで作ったテーマなので、ブログを運営しながら、いろいろ自分好みの色に染めて利用するのがお勧め。
その後、Simplicityは、公開後も何度かバージョンアップして、機能追加＆問題点を修正しています。
何か、改善点・不具合がありましたら、お気軽にご報告ください。
まとめ
とりあえず出来のことは置いといて、WP素人ながらテーマを一つ作ったことで、Wordpressの理解度が深まったのが1番の収穫です。
今まで、なんとなくコピペだけでテーマのカスタマイズを済ましていたところを、「ああ、ここは、こういう理由でこうなっているのか！」と気づくことがあったり、いろいろ調べているうちに「あっ、こんな方法もあるのか！」なんて、新たな発見もあったりして、作っててとても楽しかったです。
最初は何となく「作ってみようかな」的に始めたテーマ作りですが、Wordpressや、WPカスタマイズ好きなら、かなり楽しめるのではないかと思います。
共有していただきありがとうございます！