WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
•
16 likes•6,918 views
WordPressのスライドやブログ記事で、特に人気の高いものをカテゴリ別に集めました。2011年〜2012年に発表されたものが対象です。
![テーマ
[英語]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
・ポートフォリオ用のテーマ。おしゃれなのが多い。](https://image.slidesharecdn.com/20121013wordbench-121013082610-phpapp01/85/WordPress-2012-10-13-WordBench-18-320.jpg)
![テーマ
[英語]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/
・テーマ作成用のまとめ記事](https://image.slidesharecdn.com/20121013wordbench-121013082610-phpapp01/85/WordPress-2012-10-13-WordBench-19-320.jpg)
![プラグイン
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
・目的別のプラグインまとめ集](https://image.slidesharecdn.com/20121013wordbench-121013082610-phpapp01/85/WordPress-2012-10-13-WordBench-22-320.jpg)
![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
・まとめ記事](https://image.slidesharecdn.com/20121013wordbench-121013082610-phpapp01/85/WordPress-2012-10-13-WordBench-34-320.jpg)
![バックアップ
今こそ安心できる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にバックアップを取る方法。](https://image.slidesharecdn.com/20121013wordbench-121013082610-phpapp01/85/WordPress-2012-10-13-WordBench-36-320.jpg)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
- 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導入事例サイト その他
- 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. ありがとうございました