58
WordPressの紹介 野末 泰裕@WordBench名古屋

WordPressの紹介@CMS Fun Nagoya 2015.2.21

Embed Size (px)

Citation preview

Page 1: WordPressの紹介@CMS Fun Nagoya 2015.2.21

WordPressの紹介野末 泰裕@WordBench名古屋

Page 2: WordPressの紹介@CMS Fun Nagoya 2015.2.21

自己紹介

Page 3: WordPressの紹介@CMS Fun Nagoya 2015.2.21

野末 泰裕(@noz_web)

● 株式会社リライヴ テクニカルディレクター

● WordBench名古屋に出没

● WordFes Nagoya 2013 実行委員長

● WordFes Nagoya 2014 副実行委員長

● 実はスピーカーデビュー(*ノωノ) ドキドキ

※痩せてた頃(アイコン詐欺)

のずえ やすひろ

Page 4: WordPressの紹介@CMS Fun Nagoya 2015.2.21

大阪音大ジャズコース出身

トランペットとピアノやってました

25歳までバンドマン

→派遣会社の営業→今に至る

Page 5: WordPressの紹介@CMS Fun Nagoya 2015.2.21

本日の流れ

● WordPressとは?

● 事例紹介

● テーマの作り方

● メリット・注意点

● 行こうぜコミュニティ

Page 6: WordPressの紹介@CMS Fun Nagoya 2015.2.21

WordPressとは?

Page 7: WordPressの紹介@CMS Fun Nagoya 2015.2.21

WordPress(ワードプレス)は、オープンソースのブログソフトウェアで

ある。PHPで開発されており、データベース管理システムとして

MySQLを利用している(後述のプラグインよりSQLiteでの使用も可

能)。単なるブログではなくCMSとしてもしばしば利用されている。

b2/cafelogというソフトウェアのフォーク(後継)として開発、2003年5月27日に初版がリリースされた。

GNU General Public License(GPL)の下で配布されている。

出典:ウィキペディアより

Page 8: WordPressの紹介@CMS Fun Nagoya 2015.2.21

!注意!

Page 9: WordPressの紹介@CMS Fun Nagoya 2015.2.21

「W」と「P」は大文字です

×Wordpress○WordPress

Page 10: WordPressの紹介@CMS Fun Nagoya 2015.2.21

WordPressの特徴

Page 11: WordPressの紹介@CMS Fun Nagoya 2015.2.21

WordPressの特徴

●ブログ型のCMSニュースサイトや情報発信系のサイト向き

■投稿

記事(コンテンツ)を時系列で並べる

■固定ページ

ページ単位でコンテンツを管理する

Page 12: WordPressの紹介@CMS Fun Nagoya 2015.2.21

投稿 一覧画面

Page 13: WordPressの紹介@CMS Fun Nagoya 2015.2.21

投稿 編集画面

Page 14: WordPressの紹介@CMS Fun Nagoya 2015.2.21

投稿 編集画面

Page 15: WordPressの紹介@CMS Fun Nagoya 2015.2.21

固定ページ 一覧

Page 16: WordPressの紹介@CMS Fun Nagoya 2015.2.21

固定ページ 編集

Page 17: WordPressの紹介@CMS Fun Nagoya 2015.2.21

さらにこんな機能も!

■カスタムフィールド

投稿する本文以外に好きなフィールドを作れる

■カスタム投稿タイプ

投稿の機能を新たに増やすことができる

■カスタムタクソノミー(分類)任意にカテゴリーやタグのグループを増やすことができる

Page 18: WordPressの紹介@CMS Fun Nagoya 2015.2.21

カスタムフィールド

Page 19: WordPressの紹介@CMS Fun Nagoya 2015.2.21

カスタムフィールド

Page 20: WordPressの紹介@CMS Fun Nagoya 2015.2.21

カスタム投稿タイプ

通常の投稿 カスタム投稿タイプ「実績紹介」

Page 21: WordPressの紹介@CMS Fun Nagoya 2015.2.21

カスタム投稿タイプ

通常の投稿 カスタム投稿タイプ「実績紹介」

Page 22: WordPressの紹介@CMS Fun Nagoya 2015.2.21

カスタムタクソノミー(分類)

Page 23: WordPressの紹介@CMS Fun Nagoya 2015.2.21

カスタムタクソノミー(分類)

Page 24: WordPressの紹介@CMS Fun Nagoya 2015.2.21

事例紹介

Page 25: WordPressの紹介@CMS Fun Nagoya 2015.2.21

APPBANK

http://www.appbank.net/

Page 26: WordPressの紹介@CMS Fun Nagoya 2015.2.21

WIRED.jp

http://wired.jp/

Page 27: WordPressの紹介@CMS Fun Nagoya 2015.2.21

クックパッド株式会社

https://info.cookpad.com/

Page 28: WordPressの紹介@CMS Fun Nagoya 2015.2.21

テーマの作り方

サイトにWordPressを組み込むには?

Page 29: WordPressの紹介@CMS Fun Nagoya 2015.2.21

テーマって何??

ブログの着せ替え(ブログスキンとか)のようなもの。

トップページ、カテゴリーページ、詳細ページ、固定ページ

などのテンプレートから、画像、JS、CSSなどサイトの

マークアップに必要なファイルを全てひっくるめた総称。

Page 30: WordPressの紹介@CMS Fun Nagoya 2015.2.21

テーマの作り方の一例

1. 静的にマークアップ

2. モジュールに切り分けて合体

3. 動的部分を実装

Page 31: WordPressの紹介@CMS Fun Nagoya 2015.2.21

1.静的にマークアップ

Page 32: WordPressの紹介@CMS Fun Nagoya 2015.2.21

2.モジュールに切り分ける

header.php

sidedar.php

Page 33: WordPressの紹介@CMS Fun Nagoya 2015.2.21

2.モジュールに切り分ける

footer.php

Page 34: WordPressの紹介@CMS Fun Nagoya 2015.2.21

2.モジュールを→合体

get_header()

get_sidebar()

get_footer()

Page 35: WordPressの紹介@CMS Fun Nagoya 2015.2.21

3.動的部分をマークアップ

記事を出力する新着記事◯件とかを書いていく

Page 36: WordPressの紹介@CMS Fun Nagoya 2015.2.21

WordPressのメリット

Page 37: WordPressの紹介@CMS Fun Nagoya 2015.2.21

シェア率・ユーザーの多さ

・世界でCMSで作られたサイトの中で 60.6%(日本は83.3%)

・ブログで情報発信している人が多く、何かとお世話になっております。

http://w3techs.com

Page 38: WordPressの紹介@CMS Fun Nagoya 2015.2.21

豊富なプラグイン&テーマ

公式ディレクトリに登録されている

テーマは3,024 プラグインは36,121

2015.2.17現在

Page 39: WordPressの紹介@CMS Fun Nagoya 2015.2.21

調べれば何とかなる!

「こんな機能ってあるんかなー。」

↓ググる

↓プラグインであるやん!

このパターンが結構多い!

Page 40: WordPressの紹介@CMS Fun Nagoya 2015.2.21

PHPを覚えれば結構自力で出来る

PHPで作られているので、PHPの理解を深めることでカスタマイズの幅が広がる

出来る事が増えてくると

楽しい!!

Page 41: WordPressの紹介@CMS Fun Nagoya 2015.2.21

コミュニティが充実

日本全国にユーザーコミュニティが存在。

大小様々な勉強会やイベントが積極的に開かれている。

Page 42: WordPressの紹介@CMS Fun Nagoya 2015.2.21

WordPressの注意点

Page 43: WordPressの紹介@CMS Fun Nagoya 2015.2.21

良くも悪くも情報が多い

・情報が古かったり非推奨になった情報も多い。

・ググって調べるときは、記事の投稿日に注目

※基本は Codex を参考に!

・テーマやプラグインを利用する時は、

なるべく公式ディレクトリのもの、

かつLast Updateを確認しよう

参照:Jetpack by WordPress.com

Page 44: WordPressの紹介@CMS Fun Nagoya 2015.2.21

セキュリティへの配慮

シェア率の高さ=狙われやすさでもある

● WordPress本体やプラグイン・テーマを最新版に保つ

● パスワードを強化する

● ログイン制限

などの配慮が必要

Page 45: WordPressの紹介@CMS Fun Nagoya 2015.2.21

WordPressコミュニティ

Page 46: WordPressの紹介@CMS Fun Nagoya 2015.2.21

WordBench(ワードベンチ)

WordPressユーザーのための地域コミュニティ。日本全国各地に存在。

各地域のユーザーが自主的に開催しています。

http://wordbench.org/

Page 47: WordPressの紹介@CMS Fun Nagoya 2015.2.21

WordBench名古屋

・月1回のペースで開催

 (基本、毎月第2土曜日)・WordPressに関することなら

なんでもテーマにして勉強してます

http://wordbench.org/groups/nagoya/

Page 48: WordPressの紹介@CMS Fun Nagoya 2015.2.21

WordFes Nagoya 2014

日時:2014/8/30(sat) 11:00場所:名古屋工業大学

参加費:無料

http://2014.wordfes.org/

Page 49: WordPressの紹介@CMS Fun Nagoya 2015.2.21

WordFes Nagoya 2014

Page 50: WordPressの紹介@CMS Fun Nagoya 2015.2.21

WordFes Nagoya 2014

Page 51: WordPressの紹介@CMS Fun Nagoya 2015.2.21

WordBench名古屋 2015年新年会

Page 52: WordPressの紹介@CMS Fun Nagoya 2015.2.21

次回のWordBench名古屋

次回:3月14日(土) 14:00 〜 17:00場所:愛知県名古屋市中区栄 1-22-16 ミナミ栄ビル会議室

■WordPressの日も開催中!

場所:ベースキャンプ名古屋

Page 53: WordPressの紹介@CMS Fun Nagoya 2015.2.21

コミュニティでリア充になれるかも?

Page 54: WordPressの紹介@CMS Fun Nagoya 2015.2.21

WordBeach(WordFesの前身イベント)が縁で

結婚したカップルも・・・!

←あれ?どこかで・・・

Page 55: WordPressの紹介@CMS Fun Nagoya 2015.2.21

まとめ

Page 56: WordPressの紹介@CMS Fun Nagoya 2015.2.21

これからCMSを覚える人は

まず最初にWordPressを覚えてみよう!

仲間も多いし、助けになるよ!

そして、慣れてきたらもう一つ他のCMSにも

挑戦しよう!

Page 57: WordPressの紹介@CMS Fun Nagoya 2015.2.21

ご清聴ありがとう

ございました。

Page 58: WordPressの紹介@CMS Fun Nagoya 2015.2.21

関連リンク

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/