世界中のトップサイトの55%がWordPressで構築されているそうですが、日本でもWordPressのサイトがかなり増えているように感じます。もちろん、このみはら.comもWordPressで構築していますし、みはら(@masashi_385)がつくるWebサイトのほとんどはWordPressで構築しています。
そんなWordPressの拡大で、興味を持ちはじめた方もたくさんいらっしゃると思います。そして、WordPressを使いはじめると、いろいろとカスタマイズしたくなってくると思います。しかし、phpがよくわかんないとか、どんなプラグインつかったらいいのかとか迷うことは多いと思います。そんなWordPress初心者の方におススメの記事13本を紹介します。
WordPressの基本を理解する
WordPressのカスタマイズをするには、基本的なことがわかっていないとなかなか苦労します。そこで、まずは各ファイルの役割、カスタマイズするときに使うタグ、WordPressの基本構造など、本当に基本的な部分をサラっとよんで「へーそうなんだ」くらいになっておきましょう。もちろん、全て理解できなくて当然です。「へーそうなんだ」くらいで十分です。
1.WordPressをカスタマイズするなら絶対覚えておきたいテンプレートファイルの使い方
タイトルにもある通り、WordPressをカスタマイズするなら絶対覚えておきたいテンプレートファイルの使い方を初心者でもわかるように丁寧に解説されています。
2.WordPressではじめてテーマをカスタマイズ・自作するときありがちな10のつまずき | VIVID COLORS + BLOG -福岡で働くWebデザイナーのブログ-
初心者があーしたいこーしたいっていうときに、つまづきそうなポイントを解説されています。基本的なテンプレートタグの解説もあります。
3.日本語版 WordPress チートシート | Webクリエイターボックス
WordPressのチートシート(カンニングペーパー)です。A4サイズのPDFも配布されているので手元に置いてササッと確認できます。
カスタマイズ用のローカル環境の構築
WordPressのカスタマイズをするなら、公開しているサーバー上のファイルを弄るのではなく、ローカル(自分のPC)環境でやりましょう。でないと、カスタマイズしている途中のみっともない姿を晒すことになります。Macの方はMAMP、Windowsの方はXAMPPが有名です。
4.図解!MacにWordPressのテスト環境を構築できるMAMPの設定手順 | ごすてっぷ
この記事をみてもテスト環境がつくれなかったらあきらめましょうっていうくらい丁寧に解説されています。
5.『最新版』XAMPP上にWordPressを簡単インストール | WordPress初心者の部屋~使い方知っとこ?
こちらもかなり丁寧にテスト環境を構築する方法が解説されています。
また、MAMPやXAMPPよりも手軽にローカル環境を構築できる「Instant WordPress」というのがあります。導入方法は、ダウンロードして解凍するだけという、驚きのカンタンさです。
6.こんなに簡単でいいの!?『Instant WordPress』でWordPressのローカル環境構築手順
本当にこんなにカンタンでいいの?と聞きたくなってしまうくらいカンタンです。
ローカル環境ができたら、いま使っているテーマとかをコピーして弄りたいっていう方は、こちらを参考にしてください。
7.WordPressのテスト環境作成時に必須なdata base置換操作 |ウェブシュフ
HTMLやCSSはわかるけど、データベースとか言われると…っていう方も安心してローカルにテスト環境を作ることができます。
WordPressのカスタマイズに必要なPHPとCSS
ここまでで、WordPressの基本的な部分と、ローカル環境の構築は理解できたと思います。で、実際にWordPressのカスタマイズをするには、PHPとCSSの知識が必要になります。知識が必要といっても、基本的なことがわかっていれば大抵のことはなんとかなります。もちろん知っていることが多ければ、カスタマイズの作業時間が短縮できるので、少しづつ覚えていきましょう。
8.[連載]WordPressでWebサービスを作る方法(1:PHPとは) | Stocker.jp / diary
みはらも、PHPなんてさっぱりわかりませんでしたが、一通り目を通すと、WordPressのPHPが理解できるようになります。ちょっと難しく感じるかもしれませんが、じっくり読んでみてください。
9.WordPress のよくあるカスタマイズコード functions.php 多め
ソーシャルボタンを追加する方法や、アップロードファイルのサイズ設定など、WordPressをカスタマイズするときに、よく使うコードがまとめられています。基本的にfunctions.phpに追加するだけなので、カンタンです。
10.0 から始めるHTMLとCSSの基本・基礎-webデザイン入門- | 秋田県webデザイナー【weblog】
HTMLとCSSについて、基本的なところが丁寧に解説されています。CSSについて知っているという方も確認のために読んでみるのがおススメです。
WordPressのオリジナルテーマをつくろう
ここまでの10コの記事で、カスタマイズもだいぶできるようになっているんではないでしょうか?カスタマイズができるようになると、自分のテーマをつくりたくなってきますよね?そんな方に、テーマのつくり方を解説した記事を紹介します。
11.WordPress オリジナルテーマの作り方 3.0+ | Webクリエイターボックス
記事の中に完璧ガイドとありますが、本当に完璧なテーマ作成ガイドです。
12.WordPressのオリジナルテーマ作成フロー・基本マニュアル – かちびと.net
サイトを作る目的の明確化から、ワイヤーフレーム作成、実際の作業手順が、非常に細かく、分かりやすく解説されています。
13.おそらく最もわかりやすいWordPressテーマ制作チュートリアル | Stocker.jp / diary
WordPressのテーマデザインからコーディングまでチュートリアル形式で解説されています。
みはらも、この3つの記事にはだいぶお世話になりました。
みはら.comでもWordPressのカスタマイズを紹介しています
ここまで13の記事を紹介してきましたが、みはら.comでもWordPressのカスタマイズについてけっこう紹介しています。プラグインを使うものとfunctions.phpに追加するものと両方ありますので、チラっとのぞいてみてください:)
WordPress | みはら.com