Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
WordPressの紹介
野末 泰裕@WordBench名古屋
自己紹介
野末 泰裕(@noz_web)
● 株式会社リライヴ テクニカルディレクター
● WordBench名古屋に出没
● WordFes Nagoya 2013 実行委員長
● WordFes Nagoya 2014 副実行委員長
● 実はスピーカ...
大阪音大ジャズコース出身
トランペットとピアノやってました
25歳までバンドマン
→派遣会社の営業→今に至る
本日の流れ
● WordPressとは?
● 事例紹介
● テーマの作り方
● メリット・注意点
● 行こうぜコミュニティ
WordPressとは?
WordPress(ワードプレス)は、オープンソースのブログソフトウェアで
ある。PHPで開発されており、データベース管理システムとして
MySQLを利用している(後述のプラグインよりSQLiteでの使用も可
能)。単なるブログではなくCMSと...
!注意!
「W」と「P」は大文字です
×Wordpress
○WordPress
WordPressの特徴
WordPressの特徴
●ブログ型のCMS
ニュースサイトや情報発信系のサイト向き
■投稿
記事(コンテンツ)を時系列で並べる
■固定ページ
ページ単位でコンテンツを管理する
投稿 一覧画面
投稿 編集画面
投稿 編集画面
固定ページ 一覧
固定ページ 編集
さらにこんな機能も!
■カスタムフィールド
投稿する本文以外に好きなフィールドを作れる
■カスタム投稿タイプ
投稿の機能を新たに増やすことができる
■カスタムタクソノミー(分類)
任意にカテゴリーやタグのグループを増やすことができる
カスタムフィールド
カスタムフィールド
カスタム投稿タイプ
通常の投稿 カスタム投稿タイプ「実績紹介」
カスタム投稿タイプ
通常の投稿 カスタム投稿タイプ「実績紹介」
カスタムタクソノミー(分類)
カスタムタクソノミー(分類)
事例紹介
APPBANK
http://www.appbank.net/
WIRED.jp
http://wired.jp/
クックパッド株式会社
https://info.cookpad.com/
テーマの作り方
サイトにWordPressを組み込むには?
テーマって何??
ブログの着せ替え(ブログスキンとか)のようなもの。
トップページ、カテゴリーページ、詳細ページ、固定ページ
などのテンプレートから、画像、JS、CSSなどサイトの
マークアップに必要なファイルを全てひっくるめた総称。
テーマの作り方の一例
1. 静的にマークアップ
2. モジュールに切り分けて合体
3. 動的部分を実装
1.静的にマークアップ
2.モジュールに切り分ける
header.php
sidedar.php
2.モジュールに切り分ける
footer.php
2.モジュールを→合体
get_header()
get_sidebar()
get_footer()
3.動的部分をマークアップ
記事を出力する
新着記事◯件と
かを書いていく
WordPressのメリット
シェア率・ユーザーの多さ
・世界でCMSで作られたサイトの中で 60.6%(日本は83.3%)
・ブログで情報発信している人が多く、何かとお世話になっ
ております。
http://w3techs.com
豊富なプラグイン&テーマ
公式ディレクトリに登録されている
テーマは3,024 プラグインは36,121
2015.2.17現在
調べれば何とかなる!
「こんな機能ってあるんかなー。」
↓
ググる
↓
プラグインであるやん!
このパターンが結構多い!
PHPを覚えれば結構自力で出来る
PHPで作られているので、PHPの理解を深
めることでカスタマイズの幅が広がる
出来る事が増えてくると
楽しい!!
コミュニティが充実
日本全国にユーザーコミュニティが存在。
大小様々な勉強会やイベントが積極的に開かれている。
WordPressの注意点
良くも悪くも情報が多い
・情報が古かったり非推奨になった情報も多い。
・ググって調べるときは、記事の投稿日に注目
※基本は Codex を参考に!
・テーマやプラグインを利用する時は、
なるべく公式ディレクトリのもの、
かつLast Updat...
セキュリティへの配慮
シェア率の高さ=狙われやすさでもある
● WordPress本体やプラグイン・テーマを最新版に保つ
● パスワードを強化する
● ログイン制限
などの配慮が必要
WordPressコミュニティ
WordBench(ワードベンチ)
WordPressユーザーのための地域コミュニティ。
日本全国各地に存在。
各地域のユーザーが自主的に開催しています。
http://wordbench.org/
WordBench名古屋
・月1回のペースで開催
 (基本、毎月第2土曜日)
・WordPressに関することなら
なんでもテーマにして勉強してます
http://wordbench.org/groups/nagoya/
WordFes Nagoya 2014
日時:2014/8/30(sat) 11:00
場所:名古屋工業大学
参加費:無料
http://2014.wordfes.org/
WordFes Nagoya 2014
WordFes Nagoya 2014
WordBench名古屋 2015年新年会
次回のWordBench名古屋
次回:3月14日(土) 14:00 〜 17:00
場所:愛知県名古屋市中区栄 1-22-16 ミナミ栄ビル会議室
■WordPressの日も開催中!
場所:ベースキャンプ名古屋
コミュニティで
リア充になれるかも?
WordBeach(WordFesの前身イベント)が縁で
結婚したカップルも・・・!
←あれ?どこかで・・・
まとめ
これからCMSを覚える人は
まず最初にWordPressを覚えてみよう!
仲間も多いし、助けになるよ!
そして、慣れてきたらもう一つ他のCMSにも
挑戦しよう!
ご清聴ありがとう
ございました。
関連リンク
DoorKeeper
http://wbnagoya.doorkeeper.jp
Facebook
http://www.facebook.com/WordBenchNagoya
Twitter
@wbNagoya ハッシュタグ:#...
Upcoming SlideShare
Loading in …5
×

WordPressの紹介@CMS Fun Nagoya 2015.2.21

1,222 views

Published on

CMS Fun Nagoya
2015.2.21 WordPressの紹介のスライドです。

Published in: Services
  • Be the first to comment

WordPressの紹介@CMS Fun Nagoya 2015.2.21

  1. 1. WordPressの紹介 野末 泰裕@WordBench名古屋
  2. 2. 自己紹介
  3. 3. 野末 泰裕(@noz_web) ● 株式会社リライヴ テクニカルディレクター ● WordBench名古屋に出没 ● WordFes Nagoya 2013 実行委員長 ● WordFes Nagoya 2014 副実行委員長 ● 実はスピーカーデビュー(*ノωノ) ドキドキ ※痩せてた頃(アイコン詐欺) のずえ やすひろ
  4. 4. 大阪音大ジャズコース出身 トランペットとピアノやってました 25歳までバンドマン →派遣会社の営業→今に至る
  5. 5. 本日の流れ ● WordPressとは? ● 事例紹介 ● テーマの作り方 ● メリット・注意点 ● 行こうぜコミュニティ
  6. 6. WordPressとは?
  7. 7. WordPress(ワードプレス)は、オープンソースのブログソフトウェアで ある。PHPで開発されており、データベース管理システムとして MySQLを利用している(後述のプラグインよりSQLiteでの使用も可 能)。単なるブログではなくCMSとしてもしばしば利用されている。 b2/cafelogというソフトウェアのフォーク(後継)として開発、2003年5月 27日に初版がリリースされた。 GNU General Public License(GPL)の下で配布されている。 出典:ウィキペディアより
  8. 8. !注意!
  9. 9. 「W」と「P」は大文字です ×Wordpress ○WordPress
  10. 10. WordPressの特徴
  11. 11. WordPressの特徴 ●ブログ型のCMS ニュースサイトや情報発信系のサイト向き ■投稿 記事(コンテンツ)を時系列で並べる ■固定ページ ページ単位でコンテンツを管理する
  12. 12. 投稿 一覧画面
  13. 13. 投稿 編集画面
  14. 14. 投稿 編集画面
  15. 15. 固定ページ 一覧
  16. 16. 固定ページ 編集
  17. 17. さらにこんな機能も! ■カスタムフィールド 投稿する本文以外に好きなフィールドを作れる ■カスタム投稿タイプ 投稿の機能を新たに増やすことができる ■カスタムタクソノミー(分類) 任意にカテゴリーやタグのグループを増やすことができる
  18. 18. カスタムフィールド
  19. 19. カスタムフィールド
  20. 20. カスタム投稿タイプ 通常の投稿 カスタム投稿タイプ「実績紹介」
  21. 21. カスタム投稿タイプ 通常の投稿 カスタム投稿タイプ「実績紹介」
  22. 22. カスタムタクソノミー(分類)
  23. 23. カスタムタクソノミー(分類)
  24. 24. 事例紹介
  25. 25. APPBANK http://www.appbank.net/
  26. 26. WIRED.jp http://wired.jp/
  27. 27. クックパッド株式会社 https://info.cookpad.com/
  28. 28. テーマの作り方 サイトにWordPressを組み込むには?
  29. 29. テーマって何?? ブログの着せ替え(ブログスキンとか)のようなもの。 トップページ、カテゴリーページ、詳細ページ、固定ページ などのテンプレートから、画像、JS、CSSなどサイトの マークアップに必要なファイルを全てひっくるめた総称。
  30. 30. テーマの作り方の一例 1. 静的にマークアップ 2. モジュールに切り分けて合体 3. 動的部分を実装
  31. 31. 1.静的にマークアップ
  32. 32. 2.モジュールに切り分ける header.php sidedar.php
  33. 33. 2.モジュールに切り分ける footer.php
  34. 34. 2.モジュールを→合体 get_header() get_sidebar() get_footer()
  35. 35. 3.動的部分をマークアップ 記事を出力する 新着記事◯件と かを書いていく
  36. 36. WordPressのメリット
  37. 37. シェア率・ユーザーの多さ ・世界でCMSで作られたサイトの中で 60.6%(日本は83.3%) ・ブログで情報発信している人が多く、何かとお世話になっ ております。 http://w3techs.com
  38. 38. 豊富なプラグイン&テーマ 公式ディレクトリに登録されている テーマは3,024 プラグインは36,121 2015.2.17現在
  39. 39. 調べれば何とかなる! 「こんな機能ってあるんかなー。」 ↓ ググる ↓ プラグインであるやん! このパターンが結構多い!
  40. 40. PHPを覚えれば結構自力で出来る PHPで作られているので、PHPの理解を深 めることでカスタマイズの幅が広がる 出来る事が増えてくると 楽しい!!
  41. 41. コミュニティが充実 日本全国にユーザーコミュニティが存在。 大小様々な勉強会やイベントが積極的に開かれている。
  42. 42. WordPressの注意点
  43. 43. 良くも悪くも情報が多い ・情報が古かったり非推奨になった情報も多い。 ・ググって調べるときは、記事の投稿日に注目 ※基本は Codex を参考に! ・テーマやプラグインを利用する時は、 なるべく公式ディレクトリのもの、 かつLast Updateを確認しよう 参照:Jetpack by WordPress.com
  44. 44. セキュリティへの配慮 シェア率の高さ=狙われやすさでもある ● WordPress本体やプラグイン・テーマを最新版に保つ ● パスワードを強化する ● ログイン制限 などの配慮が必要
  45. 45. WordPressコミュニティ
  46. 46. WordBench(ワードベンチ) WordPressユーザーのための地域コミュニティ。 日本全国各地に存在。 各地域のユーザーが自主的に開催しています。 http://wordbench.org/
  47. 47. WordBench名古屋 ・月1回のペースで開催  (基本、毎月第2土曜日) ・WordPressに関することなら なんでもテーマにして勉強してます http://wordbench.org/groups/nagoya/
  48. 48. WordFes Nagoya 2014 日時:2014/8/30(sat) 11:00 場所:名古屋工業大学 参加費:無料 http://2014.wordfes.org/
  49. 49. WordFes Nagoya 2014
  50. 50. WordFes Nagoya 2014
  51. 51. WordBench名古屋 2015年新年会
  52. 52. 次回のWordBench名古屋 次回:3月14日(土) 14:00 〜 17:00 場所:愛知県名古屋市中区栄 1-22-16 ミナミ栄ビル会議室 ■WordPressの日も開催中! 場所:ベースキャンプ名古屋
  53. 53. コミュニティで リア充になれるかも?
  54. 54. WordBeach(WordFesの前身イベント)が縁で 結婚したカップルも・・・! ←あれ?どこかで・・・
  55. 55. まとめ
  56. 56. これからCMSを覚える人は まず最初にWordPressを覚えてみよう! 仲間も多いし、助けになるよ! そして、慣れてきたらもう一つ他のCMSにも 挑戦しよう!
  57. 57. ご清聴ありがとう ございました。
  58. 58. 関連リンク DoorKeeper http://wbnagoya.doorkeeper.jp Facebook http://www.facebook.com/WordBenchNagoya Twitter @wbNagoya ハッシュタグ:#wbNagoya USTREAM http://www.ustream.tv/channel/wordbench-nagoya WordBench名古屋 http://wordbench.org/groups/nagoya/

×