WordPressのスライドやブログ記事で、特に人気の高いものをカテゴリ別に集めました。2011年〜2012年に発表されたものが対象です。

1. WordPressのオススメスライドとか
記事とか集めました。
2012.10.13
WordBench神戸 上村崇

2. 自己紹介
@uemera uemura
上村崇 ( うえむらたかし )
フリーランスのシステムエンジニア
サーバインフラ、組込みシステム、Web とか。
C、PHP。最近はCodeIgniterとかFuelPHPが
ブーム。
IT 業界のキャリア 10 年ちょっと

3. 最近のオレ
XOOPS
勉強会準備
WordBench,
サーバ関係
PHPフレームワーク
JavaScript
FuelPHP、CodeIgniter
jQuery
WordPress サーバインフラ
主に技術サポート
さくらVPS(CentOS)、LAMP、
メールサーバ、git、samba、netatalk

4. このスライドは...
オススメのスライドとかブログ記事とかを
紹介します。
僕がRSSフィードなどで取り貯めた記事を
集約してまとめてます。
2011年∼2012年9月くらいまでの記事を対
象にしています。

5. 目次
まずは最近のオススメスライドから
入門
テーマ、レスポンシブ
プラグイン
企業サイト
カスタム
高速化
PHP、コード、スニペット
バックアップ
WordPress導入事例サイト
その他

6. まずは最近のオススメスライドから

7. 最近のオススメスライド
WordPress初心者に読んでほしいおすすめのスライドまとめ8つ
http://cmmntr.com/m/12

8. 最近のオススメスライド
初心者におすすめ
2012.2
WordBench神戸
PHPをさわらず作る！デザイナーさんのためのWordPress【超！初級】
http://www.slideshare.net/mamy315/wb-kobe0218
・投稿ページと固定ページの違い
・最初にいれておいた方がいいプラグイン
・おすすめのプラグイン

9. 最近のオススメスライド
カスタムしたい人に
2012.6
WordBench大阪
ブログの枠を超えるためのWordPressカスタマイズ入門
http://www.slideshare.net/muracchi/wordpress-13427406
http://www.ustream.tv/recorded/23503081
・カスタム系機能の説明が整理されており分かりやすい。
・スライドだけで理解できるように作られている
・おすすめのプラグインあり

10. 最近のオススメスライド
静的なサイトからの
制作
2012.4
WordPressテーマをつくろう
http://www.slideshare.net/mokeco/word-press-12574389
・静的なHTMLをWordPress化する方法
・テンプレートタグ、functions.phpの書き方
・やや高度な内容

11. 最近のオススメスライド
プラグイン紹介
2012.3
WordPress Cafe(横浜)
第3回WordPress Cafe プラグイン紹介
http://www.slideshare.net/foom_in/20120321-wpcafe
・便利なプラグイン紹介
・トップページにスライドショーをつける(WP-Cycle)
・ページ送り(ページナビ)をカッコよく (WP-PageNavi)

12. 最近のオススメスライド
便利なニュースソー
ス紹介
2012.8
KDDIウェブコミュニケーションズにて
WordPressを使ったWeb制作効率化のためのTips&Tools
http://www.slideshare.net/428design/wordpresswebtipstools
・ボリューム多い
・WordPressのニュースや情報を発信しているサイトの紹介
・有料プラグイン、有料テーマなどの紹介

13. 入門

14. 入門
今からWordPressでブログを始めたい人に贈るエントリーまとめ。
ドメイン取得からWordPressインストール、おすすめプラグインまで！
http://ushigyu.net/2012/08/21/wordpress_blog_matome/
・ムームードメイン、ロリポップ使用。
・ブログ更新に便利なiPhoneアプリのお勧めもある。
本格的にブログを始めたい人向け！誰でも簡単に、Wordpressをインストールする方法
¦ Hibilog
http://www.aokiu.com/2012/07/03/wordpress/
・hetemlにWordPressをインストールする方法
WordPressの導入からデザイン、プラグイン、カスタマイズまで全部まとめ
¦ WEB制作会社の販促まとめ -
http://bit.ly/W93a2D
・まとめ集。インストール手順は掲載していない。
WordPressってなに？WordPressで作るサイトのサンプルいろいろ。 « Parkn' Park
http://parkn-park.com/webdesign/wordpress/wordpress-sample-site/
・CMSとしての管理ページの使い方。
・手順紹介ではなく、「どんなことができるか」の紹介のみ。

15. テーマ、レスポンシブ

16. テーマ
おそらく最もわかり
やすい?
2011.12
おそらく最もわかりやすいWordPressテーマ制作チュートリアル
http://stocker.jp/diary/wordpress-tutorial/
・テーマのサンプルファイルをダウンロード配布している。
・テンプレートを構成するファイルや、テンプレートを変更したら
表示がどう変わるかが分かりやすく説明されている。
・初めてテーマをカスタマイズする人には参考になりそう。

17. テーマ
厳選！高品質なのに無料で使用できるレスポンシブ対応のWordPressのテーマのまとめ
-2012年版 ¦ コリス
http://coliss.com/articles/blog/wordpress/free-wordpress-themes-for-
responsive-of-2012-best.html
・シンプル系のテーマが多い。
これが無料!?!?圧倒的にクオリティーが高い、Wordpressテーマ３３選 ¦ Hibilog
http://www.aokiu.com/2012/07/04/wordpress-theme/
・シンプル系、ビジュアル系のテーマが多い。
無料で使えるレスポンシブのWordPressブログテンプレート１０選 ¦ バズ部
http://bazubu.com/wptemplates-2439.html
・レスポンシブ対応テーマ
レスポンシブなWordpressテーマ制作のためのスターターテーマまとめ - K'conf
http://kenz0.s201.xrea.com/weblog/2012/06/
wordpress_responsive_starter_themes.html
・レスポンシブ対応のテーマを集めている。

18. テーマ
[英語]10 Wordpress Themes That Look Like Tumblr
http://blog.shareaholic.com/2012/04/10-wordpress-themes-that-look-like-
tumblr/
・tumblrライクなテーマ。わりとカチッとしたテーマが多い。
WordPressで作られたブログをTwitter BootstrapでレスポンシブWebデザインにして
みた！Adsense対応も！ ‒ [Mu]ムジログ
http://musilog.net/webdesign/my-works/musilog-responsive-web-design.php
・wordPress-bootstrap (テンプレート用のフレームワーク)を使ったレスポンシブ対応
[英語]gravityonmars/wp-svbtle · GitHub
https://github.com/gravityonmars/wp-svbtle
・シンプルなテーマwp-svbtle
自分らしさをアピール、WordPressポートフォリオテーマ素材35個まとめ Photoshop
http://photoshopvip.net/archives/34846
・ポートフォリオ用のテーマ。おしゃれなのが多い。

19. テーマ
[英語]10 Free WordPress Themes for Photo Lovers
http://mashable.com/2012/04/27/wordpress-photography-themes/
#view_as_one_page-gallery_box5261
・写真愛好家のためのテーマ。
ミニマルデザインを極める、WordPressテーマ素材30個まとめ - Photoshop VIP
http://photoshopvip.net/archives/33343
・あまり使用しない機能のせいでシステムが肥大化することを避けたテーマ
無料で使えるプロフェッショナルっぽいWordPressテーマ集 - GIGAZINE
http://gigazine.net/news/20120210-free-professional-wordpress-themes/
・オーソドックスなものが多い
WordPressのトップページを雑誌や新聞のような段組にする方法 ¦ Stocker.jp
http://stocker.jp/diary/jquery-masonry-wordpress/
WordPressのオリジナルテーマ 作り方の記事まとめ ¦ OZPAの表4
http://ozpa-h4.com/2011/12/28/
wordpress_how_to_make_original_theme_matome/
・テーマ作成用のまとめ記事

20. プラグイン

21. プラグイン
面白いプラグイン
2011.11
WordCamp東京
WordCamp Tokyo スタッフおすすめ! WordPress の面白いプラグインやテーマ
カスタマイズ
http://wp3.jp/2011/11/27/wordcamp-tokyo-2011-pdf/
http://www.ustream.tv/recorded/18772129/highlight/221006
・面白いプラグインがいろいろ紹介されており楽しめる内容になっています。

22. プラグイン
Web系ブロガーさんにオススメのWordPressプラグインいろいろ
¦ Webクリエイターボックス
http://www.webcreatorbox.com/tech/wordpress-plugins-for-web-people/
・ちょっと変わったプラグインを紹介しる。
WordPressブログの作成時に必ず導入しているプラグイン１０選 ¦ バズ部
http://bazubu.com/necessaryplugins-261.html
・定番プラグインの紹介
[英語]Useful WordPress Tools, Themes and Plugins
http://wp.smashingmagazine.com/2012/03/22/useful-wordpress-tools-themes-
plugins/
・テーマとプラグインの紹介。かなり量多い。
・日本ではあまり見かけないプラグインが多数紹介されている。
どや！？2011年版 ワードプレスで⃝⃝をつくるときに使いたいプラグインまとめ ¦ デザ
インどや！？
http://www.doya-doya.com/word-press/2011/12/15/8477
・目的別のプラグインまとめ集

23. 企業サイト

24. 企業サイト
企業サイトで便利な
プラグイン
2012.9
WordPressで企業サイトを作るときに必須なプラグイン11
http://www.tatuo-web.com/wordpress/plug-in/enterprise/
・Child Pages Shortcode 子ページ一覧を出したいときに重宝するプラグイン。
・PS Auto Sitemap サイトマップを出力できるプラグイン
・Contact Form 7 フォーム・メールのカスタマイズも自由。
・Maintenance Mode 一時的にメンテナンスの表示に切り替え、
閲覧を制限できるプラグイン。

25. 企業サイト
企業サイト作成の手順を
事細かに。
2011.12
WordPressでブログじゃないWebサイトを作るときのいろいろ（サンプル付き）
http://webdesignrecipes.com/wordpress-corporate-website/
・企業サイトの作り方を手取り足取り教えてくれます。長大記事!
・サイトマップも図解で説明されている。
・query_postの使い方や、カスタムタクソノミーの使い方まで!

26. 企業サイト
WordPressをクライアントワークで使用する際に覚えておくと良さそうな管理画面のカ
スタマイズ用コードいろいろ - かちびと.net
http://kachibito.net/wordpress/admin-area-customize.html
・ダッシュボードにオリジナルのブロックを表示させる方法など。
Webに疎いクライアント向けにWordPressの管理メニューを使いやすくする為のプラグ
イン・CMS Dashboard - かちびと.net
http://kachibito.net/wordpress/cms-dashboard.html
・ユーザー向けに管理画面をカスタマイズするプラグインCMS Dashboard
WordPressで一般的な企業サイトを作るときに参考になる記事まとめ5つ - W3Q
http://w3q.jp/t/2063
・まとめ記事
ビジネスサイト用の WordPress デザインテーマ25選 ¦ フリーランスと中小企業向けの
請求書作成・管理ツール ¦ MakeLeaps ブログ -
http://bit.ly/W92Y39
・ビジネスサイト用有料・無料テーマ

27. カスタム

28. カスタム
WordPress のカスタムフィールド・投稿タイプ・タクソノミーを使い分けよう！ ‒
ja.naoko.cc
http://ja.naoko.cc/2011/12/07/using-wordpress-custom-fields-post-type-
taxonomy/
・名前がまぎらわしい「カスタム∼」の違いを解説。
PHP が分からない人でも WordPress のカスタムフィールドを使って
カスタマイズする方法 ¦ ウェブル
http://weble.org/2011/12/05/wordpress-customfield
・カスタムフィールドのカスタマイズ方法。
・カスタムフィールドの確認に使える get_post_meta() 関数

29. 高速化

30. 高速化
WordPress高速化に使えそうなプラグインを色々試してみた結果、
けっこう早くなったのでご紹介。 / Maka-Veli .com
http://maka-veli.com/faster-wp-plugin.html
・WP SuperCacheなど、プラグインを使って高速化する方法
WordPressを高速化する9つのステップ ¦ PLUS
http://golog.plus.vc/web/4531/
・CSSスプライトやgzip圧縮などWebの一般的な高速化手法
Wordpressの高速化決定版はMO Cacheだ for @donpyiPhone 研究室 ¦ iPhone 研究室
http://iphone-lab.net/archives/189174
・翻訳ファイルであるmoファイルをキャッシュし高速化する方法
AWS + 網元で、超高速 WordPress を手に入れよう、そうしよう ¦ 8bitodyssey.com
http://8bitodyssey.com/archives/3344
・Amazon でWordPress高速化チューニング済みのサーバイメージを使う。
HOME ¦ WP BoosterWordPressが驚くほど高速に生まれ変わります。WP Booster
http://ja.wpbooster.net/
・静的コンテンツのキャッシュを別サーバに置いて高速化する有料サービス。

31. PHP、コード、スニペット

32. PHP
PHPを分かりやすく
学ぶ
2011.8
WordBench東京
WordPressで必要なPHP基礎講座 ‒ WordBench東京＆WordPress3.2リリース
パーティを行いました。
http://wp3.jp/2011/08/03/wordbench-tokyo/
http://www.ustream.tv/recorded/16326211
・WordPressに特化したPHP講座なので、WordPressをやる方にとっては
無駄なく学習できます。

33. PHP
WordPress でWeb製作をしたいけど、PHP はまだちょっと … という人のPHP ガイド
http://webdesignrecipes.com/php-programing-and-wordpress/
・PHPを初心者目線で解説した記事。ボリューム多い!
WordPressのwp-config.phpで出来る事いろいろ - かちびと.net
http://kachibito.net/wordpress/wp-config-list.html
・デバッグモードにしたり、クエリの履歴を保存したりできる。
WordPressで作っておくと便利なショートコード何個か - かちびと.net
http://kachibito.net/wordpress/useful-shortcode.html
・任意のPHPコード記事内に挿入するショートコードなど。ちょっとマニアック。
WordPressをもっと便利にするスニペットが500個以上登録されている -WPSNIPP
¦ コリス
http://coliss.com/articles/blog/wordpress/wpsnipp-wordpress-snippets-for-
your-blog.html
・特定のページにのみ特定のスタイルシートを適用する方法など。

34. PHP
[英語]QueryPosts - better WordPress code reference
http://queryposts.com/
・コードスニペットとか便利な関数がめっちゃある。玄人向けか。
地味だけど割と便利なWordPressカスタマイズTips集 - かちびと.net
http://kachibito.net/wordpress/unpretentious-customize-tips.html
・テーマファイルで記事タイトルを文字数制限する方法とか。
WordPressでのサイト制作を簡単にしてくれる魔法のコード ¦ デザインどや！？
http://www.doya-doya.com/word-press/2012/01/26/8615
・トップページに記事一覧を表示する方法など。
WordPressでサイトを作る時に知ってると便利なカスタマイズいろいろ
NAVER まとめ
http://matome.naver.jp/odai/2132712368842099801
・まとめ記事

35. バックアップ

36. バックアップ
今こそ安心できるWordPressバックアップを！復旧作業まで実際にやってみた
WordPress丸ごとバックアップ法 ¦ 情報科学屋さんを目指す人のメモ
http://did2memo.net/2012/06/25/wordpress-backup-and-restore-backwpup/
・最強のバックアッププラグインBackWPupの使い方。
[英語]How to Automatically Backup Your WordPress Site to Google Drive -
WPMU.org
http://wpmu.org/how-to-automatically-backup-your-wordpress-site-to-google-
drive/
・Google Drive for WordPressプラグインを使って
Google Driveにバックアップを取る方法。

37. WordPress導入事例サイト

38. 導入事例
Wordpressで作られている、有名Webサイト１１選 ¦ Hibilog
http://www.aokiu.com/2012/07/11/wordpress-web/
・WIRED.jpとかTechCranchとか。
WordPressでここまでできる！WordPressで作ったとは思えないWebサイトまとめ14
個 - W3Q
http://w3q.jp/t/511
・一風変わったサイトを運営している事例

39. その他

40. その他
1クリックでWordPressのテーマファイルの制作に必要なファイルが全部揃う -
Underscores ¦ コリス
http://coliss.com/articles/blog/wordpress/starter-theme-for-wordpress-
underscores.html
・テーマファイルをインタラクティブに生成できる。
Wordpressのセキュリティ関連メモ (後で見る) / Maka-Veli .com
http://maka-veli.com/WordPressSecuryMemo.html
・セキュリティ対策のためのプラグインとかカスタマイズとかのまとめ記事。
パンくずリストを作ってみるとWordPress でのサイト構築のコツがつかめるかもしれな
い（コード 付き）
http://webdesignrecipes.com/wordpress-breadcrumb-list-tips/
・WordPress構造を理解するための、テンプレート階層やテンプレートタグとか
の説明。
WordPressの検索機能をもっと使いやすくする ¦ Webクリエイターボックス
http://www.webcreatorbox.com/tech/wordpress-search/
・カテゴリー別絞込み検索などの実装方法

41. その他
Cacoo - WordPress データベース ER図
https://cacoo.com/diagrams/qrEzV0rIlBJQC2pa
・データベース構造を知りたい場合はこちら。
2011年以降！Wordpressの良記事まとめ - NAVER まとめ
http://matome.naver.jp/odai/2132581371326364401
・まとめ記事
Webデザイナーに最適。WordPress環境を解凍するだけで構築「WordPress
Portable」 - MOONGIFT
http://www.moongift.jp/2012/01/20120117-2/
・Windows向けの構築環境。MySQL、Apacheコミコミ
WordPressでjQueryを使うときに、問題なく動作させる為の基礎知識やTipsと、動かな
い場合の対処例 - かちびと.net
http://kachibito.net/web-design/wordpress-with-jquery.html
・jQueryのコンフリクト(競合)を防ぐ方法。

42. ありがとうございました