WordPressのオススメスライドとか記事とか集めました。

2012.10.13WordBench神戸 上村崇

自己紹介

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

@uemera uemura

XOOPS勉強会準備

JavaScript

WordPress サーバインフラ

PHPフレームワークFuelPHP、CodeIgniter

さくらVPS(CentOS)、LAMP、メールサーバ、git、samba、netatalk

jQuery

主に技術サポート

WordBench, サーバ関係

最近のオレ

オススメのスライドとかブログ記事とかを紹介します。

僕がRSSフィードなどで取り貯めた記事を集約してまとめてます。

2011年～2012年9月くらいまでの記事を対象にしています。

このスライドは...

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

目次

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

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

最近のオススメスライド

PHPをさわらず作る！デザイナーさんのためのWordPress【超！初級】http://www.slideshare.net/mamy315/wb-kobe0218

・投稿ページと固定ページの違い・最初にいれておいた方がいいプラグイン・おすすめのプラグイン

初心者におすすめ2012.2WordBench神戸

最近のオススメスライド

ブログの枠を超えるためのWordPressカスタマイズ入門http://www.slideshare.net/muracchi/wordpress-13427406

・カスタム系機能の説明が整理されており分かりやすい。・スライドだけで理解できるように作られている・おすすめのプラグインあり

カスタムしたい人に2012.6WordBench大阪

http://www.ustream.tv/recorded/23503081

最近のオススメスライド

WordPressテーマをつくろうhttp://www.slideshare.net/mokeco/word-press-12574389

・静的なHTMLをWordPress化する方法・テンプレートタグ、functions.phpの書き方・やや高度な内容

静的なサイトからの制作2012.4

最近のオススメスライド

第3回WordPress Cafe プラグイン紹介http://www.slideshare.net/foom_in/20120321-wpcafe

・便利なプラグイン紹介・トップページにスライドショーをつける(WP-Cycle)・ページ送り(ページナビ)をカッコよく (WP-PageNavi)

プラグイン紹介2012.3WordPress Cafe(横浜)

最近のオススメスライド

WordPressを使ったWeb制作効率化のためのTips&Toolshttp://www.slideshare.net/428design/wordpresswebtipstools

・ボリューム多い・WordPressのニュースや情報を発信しているサイトの紹介・有料プラグイン、有料テーマなどの紹介

便利なニュースソース紹介

2012.8KDDIウェブコミュニケーションズにて

最近のオススメスライド

入 門

今からWordPressでブログを始めたい人に贈るエントリーまとめ。ドメイン取得からWordPressインストール、おすすめプラグインまで！http://ushigyu.net/2012/08/21/wordpress_blog_matome/・ムームードメイン、ロリポップ使用。・ブログ更新に便利なiPhoneアプリのお勧めもある。

本格的にブログを始めたい人向け！誰でも簡単に、Wordpressをインストールする方法 | Hibiloghttp://www.aokiu.com/2012/07/03/wordpress/・hetemlにWordPressをインストールする方法

WordPressの導入からデザイン、プラグイン、カスタマイズまで全部まとめ | WEB制作会社の販促まとめ - http://bit.ly/W93a2D・まとめ集。インストール手順は掲載していない。

WordPressってなに？WordPressで作るサイトのサンプルいろいろ。 « Parkn' Parkhttp://parkn-park.com/webdesign/wordpress/wordpress-sample-site/・CMSとしての管理ページの使い方。・手順紹介ではなく、「どんなことができるか」の紹介のみ。

入 門

テーマ、レスポンシブ

おそらく最もわかりやすいWordPressテーマ制作チュートリアルhttp://stocker.jp/diary/wordpress-tutorial/

・テーマのサンプルファイルをダウンロード配布している。・テンプレートを構成するファイルや、テンプレートを変更したら　表示がどう変わるかが分かりやすく説明されている。・初めてテーマをカスタマイズする人には参考になりそう。

おそらく最もわかりやすい?2011.12

テーマ

厳選！高品質なのに無料で使用できるレスポンシブ対応のWordPressのテーマのまとめ -2012年版 | コリスhttp://coliss.com/articles/blog/wordpress/free-wordpress-themes-for-responsive-of-2012-best.html・シンプル系のテーマが多い。

これが無料!?!?圧倒的にクオリティーが高い、Wordpressテーマ３３選 | Hibiloghttp://www.aokiu.com/2012/07/04/wordpress-theme/・シンプル系、ビジュアル系のテーマが多い。

無料で使えるレスポンシブのWordPressブログテンプレート１０選 | バズ部http://bazubu.com/wptemplates-2439.html・レスポンシブ対応テーマ

レスポンシブなWordpressテーマ制作のためのスターターテーマまとめ - K'confhttp://kenz0.s201.xrea.com/weblog/2012/06/wordpress_responsive_starter_themes.html・レスポンシブ対応のテーマを集めている。

テーマ

[英語]10 Wordpress Themes That Look Like Tumblrhttp://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 · GitHubhttps://github.com/gravityonmars/wp-svbtle・シンプルなテーマwp-svbtle

自分らしさをアピール、WordPressポートフォリオテーマ素材35個まとめ Photoshophttp://photoshopvip.net/archives/34846・ポートフォリオ用のテーマ。おしゃれなのが多い。

テーマ

[英語]10 Free WordPress Themes for Photo Lovershttp://mashable.com/2012/04/27/wordpress-photography-themes/#view_as_one_page-gallery_box5261・写真愛好家のためのテーマ。

ミニマルデザインを極める、WordPressテーマ素材30個まとめ - Photoshop VIPhttp://photoshopvip.net/archives/33343・あまり使用しない機能のせいでシステムが肥大化することを避けたテーマ

無料で使えるプロフェッショナルっぽいWordPressテーマ集 - GIGAZINEhttp://gigazine.net/news/20120210-free-professional-wordpress-themes/・オーソドックスなものが多い

WordPressのトップページを雑誌や新聞のような段組にする方法 | Stocker.jphttp://stocker.jp/diary/jquery-masonry-wordpress/

WordPressのオリジナルテーマ 作り方の記事まとめ | OZPAの表4http://ozpa-h4.com/2011/12/28/wordpress_how_to_make_original_theme_matome/・テーマ作成用のまとめ記事

テーマ

プラグイン

WordCamp Tokyo スタッフおすすめ! WordPress の面白いプラグインやテーマカスタマイズhttp://wp3.jp/2011/11/27/wordcamp-tokyo-2011-pdf/

・面白いプラグインがいろいろ紹介されており楽しめる内容になっています。

面白いプラグイン2011.11WordCamp東京

http://www.ustream.tv/recorded/18772129/highlight/221006

プラグイン

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 Pluginshttp://wp.smashingmagazine.com/2012/03/22/useful-wordpress-tools-themes-plugins/・テーマとプラグインの紹介。かなり量多い。・日本ではあまり見かけないプラグインが多数紹介されている。

どや！？2011年版 ワードプレスで◯◯をつくるときに使いたいプラグインまとめ | デザインどや！？http://www.doya-doya.com/word-press/2011/12/15/8477・目的別のプラグインまとめ集

プラグイン

企業サイト

WordPressで企業サイトを作るときに必須なプラグイン11 http://www.tatuo-web.com/wordpress/plug-in/enterprise/

・Child Pages Shortcode 子ページ一覧を出したいときに重宝するプラグイン。・PS Auto Sitemap サイトマップを出力できるプラグイン・Contact Form 7 フォーム・メールのカスタマイズも自由。・Maintenance Mode 一時的にメンテナンスの表示に切り替え、　閲覧を制限できるプラグイン。

企業サイトで便利なプラグイン2012.9

企業サイト

WordPressでブログじゃないWebサイトを作るときのいろいろ（サンプル付き）http://webdesignrecipes.com/wordpress-corporate-website/

・企業サイトの作り方を手取り足取り教えてくれます。長大記事!・サイトマップも図解で説明されている。・query_postの使い方や、カスタムタクソノミーの使い方まで!

企業サイト作成の手順を事細かに。2011.12

企業サイト

WordPressをクライアントワークで使用する際に覚えておくと良さそうな管理画面のカスタマイズ用コードいろいろ - かちびと.nethttp://kachibito.net/wordpress/admin-area-customize.html・ダッシュボードにオリジナルのブロックを表示させる方法など。

Webに疎いクライアント向けにWordPressの管理メニューを使いやすくする為のプラグイン・CMS Dashboard - かちびと.nethttp://kachibito.net/wordpress/cms-dashboard.html・ユーザー向けに管理画面をカスタマイズするプラグインCMS Dashboard

WordPressで一般的な企業サイトを作るときに参考になる記事まとめ5つ - W3Qhttp://w3q.jp/t/2063・まとめ記事

ビジネスサイト用の WordPress デザインテーマ25選 | フリーランスと中小企業向けの請求書作成・管理ツール | MakeLeaps ブログ - http://bit.ly/W92Y39・ビジネスサイト用有料・無料テーマ

企業サイト

カスタム

WordPress のカスタムフィールド・投稿タイプ・タクソノミーを使い分けよう！ ‒ ja.naoko.cchttp://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() 関数

カスタム

高 速 化

WordPress高速化に使えそうなプラグインを色々試してみた結果、けっこう早くなったのでご紹介。 / Maka-Veli .comhttp://maka-veli.com/faster-wp-plugin.html・WP SuperCacheなど、プラグインを使って高速化する方法

WordPressを高速化する9つのステップ | PLUShttp://golog.plus.vc/web/4531/・CSSスプライトやgzip圧縮などWebの一般的な高速化手法

Wordpressの高速化決定版はMO Cacheだ for @donpyiPhone 研究室 | iPhone 研究室http://iphone-lab.net/archives/189174・翻訳ファイルであるmoファイルをキャッシュし高速化する方法

AWS + 網元で、超高速 WordPress を手に入れよう、そうしよう | 8bitodyssey.comhttp://8bitodyssey.com/archives/3344・Amazon でWordPress高速化チューニング済みのサーバイメージを使う。

HOME | WP BoosterWordPressが驚くほど高速に生まれ変わります。WP Boosterhttp://ja.wpbooster.net/・静的コンテンツのキャッシュを別サーバに置いて高速化する有料サービス。

高 速 化

PHP、コード、スニペット

WordPressで必要なPHP基礎講座 ‒ WordBench東京＆WordPress3.2リリースパーティを行いました。http://wp3.jp/2011/08/03/wordbench-tokyo/

・WordPressに特化したPHP講座なので、WordPressをやる方にとっては　無駄なく学習できます。

PHPを分かりやすく学ぶ2011.8WordBench東京

http://www.ustream.tv/recorded/16326211

PHP

WordPress でWeb製作をしたいけど、PHP はまだちょっと … という人のPHP ガイドhttp://webdesignrecipes.com/php-programing-and-wordpress/・PHPを初心者目線で解説した記事。ボリューム多い!

WordPressのwp-config.phpで出来る事いろいろ - かちびと.nethttp://kachibito.net/wordpress/wp-config-list.html・デバッグモードにしたり、クエリの履歴を保存したりできる。

WordPressで作っておくと便利なショートコード何個か - かちびと.nethttp://kachibito.net/wordpress/useful-shortcode.html・任意のPHPコード記事内に挿入するショートコードなど。ちょっとマニアック。

WordPressをもっと便利にするスニペットが500個以上登録されている -WPSNIPP | コリスhttp://coliss.com/articles/blog/wordpress/wpsnipp-wordpress-snippets-for-your-blog.html・特定のページにのみ特定のスタイルシートを適用する方法など。

PHP

[英語]QueryPosts - better WordPress code referencehttp://queryposts.com/・コードスニペットとか便利な関数がめっちゃある。玄人向けか。

地味だけど割と便利なWordPressカスタマイズTips集 - かちびと.nethttp://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・まとめ記事

PHP

バックアップ

今こそ安心できる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.orghttp://wpmu.org/how-to-automatically-backup-your-wordpress-site-to-google-drive/・Google Drive for WordPressプラグインを使って　Google Driveにバックアップを取る方法。

バックアップ

WordPress導入事例サイト

Wordpressで作られている、有名Webサイト１１選 | Hibiloghttp://www.aokiu.com/2012/07/11/wordpress-web/・WIRED.jpとかTechCranchとか。

WordPressでここまでできる！WordPressで作ったとは思えないWebサイトまとめ14個 - W3Qhttp://w3q.jp/t/511・一風変わったサイトを運営している事例

導入事例

その他

1クリックでWordPressのテーマファイルの制作に必要なファイルが全部揃う -Underscores | コリスhttp://coliss.com/articles/blog/wordpress/starter-theme-for-wordpress-underscores.html・テーマファイルをインタラクティブに生成できる。

Wordpressのセキュリティ関連メモ (後で見る) / Maka-Veli .comhttp://maka-veli.com/WordPressSecuryMemo.html・セキュリティ対策のためのプラグインとかカスタマイズとかのまとめ記事。

パンくずリストを作ってみるとWordPress でのサイト構築のコツがつかめるかもしれない（コード 付き）http://webdesignrecipes.com/wordpress-breadcrumb-list-tips/・WordPress構造を理解するための、テンプレート階層やテンプレートタグとか　の説明。

WordPressの検索機能をもっと使いやすくする | Webクリエイターボックスhttp://www.webcreatorbox.com/tech/wordpress-search/・カテゴリー別絞込み検索などの実装方法

そ の 他

Cacoo - WordPress データベース ER図https://cacoo.com/diagrams/qrEzV0rIlBJQC2pa・データベース構造を知りたい場合はこちら。

2011年以降！Wordpressの良記事まとめ - NAVER まとめhttp://matome.naver.jp/odai/2132581371326364401・まとめ記事

Webデザイナーに最適。WordPress環境を解凍するだけで構築「WordPress Portable」 - MOONGIFThttp://www.moongift.jp/2012/01/20120117-2/・Windows向けの構築環境。MySQL、Apacheコミコミ

WordPressでjQueryを使うときに、問題なく動作させる為の基礎知識やTipsと、動かない場合の対処例 - かちびと.nethttp://kachibito.net/web-design/wordpress-with-jquery.html・jQueryのコンフリクト(競合)を防ぐ方法。

そ の 他

ありがとうございました