Your SlideShare is downloading. ×
  • Like
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)

  • 4,311 views
Published

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

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

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
4,311
On SlideShare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
34
Comments
0
Likes
15

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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-13427406http://www.ustream.tv/recorded/23503081・カスタム系機能の説明が整理されており分かりやすい。・スライドだけで理解できるように作られている・おすすめのプラグインあり
  • 10. 最近のオススメスライド 静的なサイトからの 制作 2012.4WordPressテーマをつくろう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&Toolshttp://www.slideshare.net/428design/wordpresswebtipstools・ボリューム多い・WordPressのニュースや情報を発信しているサイトの紹介・有料プラグイン、有料テーマなどの紹介
  • 13. 入門
  • 14. 入門今から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としての管理ページの使い方。・手順紹介ではなく、「どんなことができるか」の紹介のみ。
  • 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テーマ33選 ¦ Hibiloghttp://www.aokiu.com/2012/07/04/wordpress-theme/・シンプル系、ビジュアル系のテーマが多い。無料で使えるレスポンシブのWordPressブログテンプレート10選 ¦ バズ部http://bazubu.com/wptemplates-2439.html・レスポンシブ対応テーマレスポンシブなWordpressテーマ制作のためのスターターテーマまとめ - Kconfhttp://kenz0.s201.xrea.com/weblog/2012/06/wordpress_responsive_starter_themes.html・レスポンシブ対応のテーマを集めている。
  • 18. テーマ[英語]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・ポートフォリオ用のテーマ。おしゃれなのが多い。
  • 19. テーマ[英語]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/・テーマ作成用のまとめ記事
  • 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ブログの作成時に必ず導入しているプラグイン10選 ¦ バズ部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・目的別のプラグインまとめ集
  • 23. 企業サイト
  • 24. 企業サイト 企業サイトで便利な プラグイン 2012.9WordPressで企業サイトを作るときに必須なプラグイン11http://www.tatuo-web.com/wordpress/plug-in/enterprise/・Child Pages Shortcode 子ページ一覧を出したいときに重宝するプラグイン。・PS Auto Sitemap サイトマップを出力できるプラグイン・Contact Form 7 フォーム・メールのカスタマイズも自由。・Maintenance Mode 一時的にメンテナンスの表示に切り替え、 閲覧を制限できるプラグイン。
  • 25. 企業サイト 企業サイト作成の手順を 事細かに。 2011.12WordPressでブログじゃないWebサイトを作るときのいろいろ(サンプル付き)http://webdesignrecipes.com/wordpress-corporate-website/・企業サイトの作り方を手取り足取り教えてくれます。長大記事!・サイトマップも図解で説明されている。・query_postの使い方や、カスタムタクソノミーの使い方まで!
  • 26. 企業サイトWordPressをクライアントワークで使用する際に覚えておくと良さそうな管理画面のカスタマイズ用コードいろいろ - かちびと.nethttp://kachibito.net/wordpress/admin-area-customize.html・ダッシュボードにオリジナルのブロックを表示させる方法など。Webに疎いクライアント向けにWordPressの管理メニューを使いやすくする為のプラグイン・CMS Dashboard - かちびと.nethttp://kachibito.net/wordpress/cms-dashboard.html・ユーザー向けに管理画面をカスタマイズするプラグインCMS DashboardWordPressで一般的な企業サイトを作るときに参考になる記事まとめ5つ - W3Qhttp://w3q.jp/t/2063・まとめ記事ビジネスサイト用の WordPress デザインテーマ25選 ¦ フリーランスと中小企業向けの請求書作成・管理ツール ¦ MakeLeaps ブログ -http://bit.ly/W92Y39・ビジネスサイト用有料・無料テーマ
  • 27. カスタム
  • 28. カスタム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() 関数
  • 29. 高速化
  • 30. 高速化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/・静的コンテンツのキャッシュを別サーバに置いて高速化する有料サービス。
  • 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. PHPWordPress で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・特定のページにのみ特定のスタイルシートを適用する方法など。
  • 34. 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・まとめ記事
  • 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.orghttp://wpmu.org/how-to-automatically-backup-your-wordpress-site-to-google-drive/・Google Drive for WordPressプラグインを使って Google Driveにバックアップを取る方法。
  • 37. WordPress導入事例サイト
  • 38. 導入事例Wordpressで作られている、有名Webサイト11選 ¦ Hibiloghttp://www.aokiu.com/2012/07/11/wordpress-web/・WIRED.jpとかTechCranchとか。WordPressでここまでできる!WordPressで作ったとは思えないWebサイトまとめ14個 - W3Qhttp://w3q.jp/t/511・一風変わったサイトを運営している事例
  • 39. その他
  • 40. その他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/・カテゴリー別絞込み検索などの実装方法
  • 41. その他Cacoo - WordPress データベース ER図https://cacoo.com/diagrams/qrEzV0rIlBJQC2pa・データベース構造を知りたい場合はこちら。2011年以降!Wordpressの良記事まとめ - NAVER まとめhttp://matome.naver.jp/odai/2132581371326364401・まとめ記事Webデザイナーに最適。WordPress環境を解凍するだけで構築「WordPressPortable」 - MOONGIFThttp://www.moongift.jp/2012/01/20120117-2/・Windows向けの構築環境。MySQL、ApacheコミコミWordPressでjQueryを使うときに、問題なく動作させる為の基礎知識やTipsと、動かない場合の対処例 - かちびと.nethttp://kachibito.net/web-design/wordpress-with-jquery.html・jQueryのコンフリクト(競合)を防ぐ方法。
  • 42. ありがとうございました