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