SlideShare a Scribd company logo
1 of 11
Download to read offline
2012.04.05




      CMSとしてのWORDPRESS
CMSとは何か?
ざっくりと言うと管理画面(WEBブラウザでアクセスするものが多い)から
WEBサイト等の情報を更新できるシステムの事と思ってもらえれば。


ブログ等もCMSの一つと言えると思います。


CMSとして使われているツール、オープンソースで代表的なものは以下の2つです


・MovableType (ライセンスが有料)
・WordPress (オープンソース)



参考:http://ja.wikipedia.org/wiki/
%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E3%83%9E
%E3%83%8D%E3%83%BC
%E3%82%B8%E3%83%A1%E3%83%B3%E3%83%88%E3%82%B7%E3%82%B9
%E3%83%86%E3%83%A0
CMSの基本的な仕組み
これもざっくりとした解説ですが、
・管理画面(ブラウザからアクセス)
・DB (エクセル)
・表示画面
の3つから構成されます。


■管理画面の役割
・入力した情報をDBに保存する。


■DBの役割
・表示画面に情報を渡す。
・どの情報を表示を渡すかは表示画面からリクエストがあります。


■表示画面の役割
・DBにほしい情報をリクエスト
・DBからもらった情報をhtmlで整形して表示
CMSの基本的な仕組み
図にすると




                          情報のリクエスト
    情報を送る
                 DB


                      情報を渡す



 管理画面
                              表示画面
CMSの基本的な仕組み
図にすると




                          情報のリクエスト
    情報を送る
                 DB


                      情報を渡す



 管理画面
                              表示画面
CMSの基本的な仕組み
図にすると




                          情報のリクエスト
    情報を送る
                 DB


                      情報を渡す



 管理画面
                              表示画面
WordPressの動作要件
・PHP バージョン 5.2.4 以上
・MySQL バージョン 5.0.15 以上



■注意
たまにPHPのバージョンが5.1.6のままのレンタルサーバーがあるので、動作要件の確認
は必須です!
※レンタルサーバー会社のHPに「WordPress動きます」書いてあっても、古い情報の時
もあるので確認はしたほうがいいです。
カスタムフィールドについて
WordPressの投稿画面はカスタマイズ無しの状態だと
・タイトル
・本文
の2つしか入力欄がありません。(厳密には日付やカテゴリ等あるのですが)


カスタムフィールドという機能を使うとこの入力欄を増やすことができます。
単純なテキスト入力だけではなく、チェックボックスやセレクトボックス等も設置できま
す。


※参考サイト管理画面の「試合情報」の入力画面に多く使われています
カスタム投稿タイプ
通常WordPressからページを制作する際は
・投稿
・固定ページ
という2つの項目のどちらかで制作します。


「固定ページ」はその名前の通り、ページを作る機能になります。
例)会社概要ページ 等、一度作成した後内容がほぼ固定のページ(ちょっと乱暴な例え
ですが)


「投稿」はブログやニュースの様に記事を作る機能になります。
例)ニュースやブログの様に記事がどんどん増えていくコンテンツ


ただ、例えばECサイト等制作の際に、ニュースと商品情報の2つを投稿で作るときに、
これまではカテゴリで分けるしか方法が有りませんでした。


しかし、WordPress3.0(多分)で追加された「カスタム投稿タイプ」という機能を使
うことによって「投稿」の種類自体を増やすことができるようになりました。
カスタム投稿タイプ
参考サイトの管理画面を見てもらえればわかるのですが、現在、通常の「投稿」の他に


・ニュース
・試合情報
・選手情報


・・・といった形で「投稿」のタイプを増やしています。



この機能によって、これまでのカテゴリ分けでは難しかった「投稿タイプごとの入力画面
の変更」ができるようになりました。
よく使いそうな機能の説明
参考サイトの中でカスタムフィールド、カスタム投稿タイプを使って実装した機能をいく
つかご紹介します。


■ニュース
・入力画面にチェックボックスのカスタムフィールドを設置。
チェックが付いているニュースのみTOPページのTOPICSに表示するように設定


■選手情報
・入力画面に背番号を入力するカスタムフィールドを設置
入れた数字で表示画面の表示順番を制御


等・・・

More Related Content

What's hot

はじめてのWordPress勉強会 vol.02 Word Pressの導入
はじめてのWordPress勉強会 vol.02 Word Pressの導入はじめてのWordPress勉強会 vol.02 Word Pressの導入
はじめてのWordPress勉強会 vol.02 Word Pressの導入MoritaMasahiro
 
CS-Cart CMS FUN NAGOYA 2015-11-07
CS-Cart CMS FUN NAGOYA 2015-11-07 CS-Cart CMS FUN NAGOYA 2015-11-07
CS-Cart CMS FUN NAGOYA 2015-11-07 Toshihiro Yoshiura
 
20140908 Movable Type Seminar
20140908 Movable Type Seminar20140908 Movable Type Seminar
20140908 Movable Type SeminarSix Apart
 
20140903 Movable Type Seminar
20140903 Movable Type Seminar20140903 Movable Type Seminar
20140903 Movable Type SeminarSix Apart
 
Tokyo User Conference Jp User
Tokyo User Conference Jp UserTokyo User Conference Jp User
Tokyo User Conference Jp UserFatWireKK
 
Php conference 2010 final
Php conference 2010 finalPhp conference 2010 final
Php conference 2010 finalhirookun
 
WordPress on movable type(WordCamp Kobe 2013)
WordPress on movable type(WordCamp Kobe 2013)WordPress on movable type(WordCamp Kobe 2013)
WordPress on movable type(WordCamp Kobe 2013)Hajime Fujimoto
 
超初心者のためのWordPressのサイトのデザインの微調整方法
超初心者のためのWordPressのサイトのデザインの微調整方法超初心者のためのWordPressのサイトのデザインの微調整方法
超初心者のためのWordPressのサイトのデザインの微調整方法Hidekazu Ishikawa
 
CMSと相性抜群のWebフォント 主要3サービスのご紹介
CMSと相性抜群のWebフォント 主要3サービスのご紹介CMSと相性抜群のWebフォント 主要3サービスのご紹介
CMSと相性抜群のWebフォント 主要3サービスのご紹介Risako Imai
 
Chrome GPO Availability
Chrome GPO AvailabilityChrome GPO Availability
Chrome GPO Availability彰 村地
 
Windows azure webサイトの紹介
Windows azure webサイトの紹介Windows azure webサイトの紹介
Windows azure webサイトの紹介Daisuke Abe
 
WebMatrix 夏休み特番 & 勉強会
WebMatrix 夏休み特番 & 勉強会WebMatrix 夏休み特番 & 勉強会
WebMatrix 夏休み特番 & 勉強会masakit555
 
concrete5 CMS「運用」ケーススタディ
concrete5 CMS「運用」ケーススタディconcrete5 CMS「運用」ケーススタディ
concrete5 CMS「運用」ケーススタディHishikawa Takuro
 
第2回 Framgia × LOUPE 勉強会 「Chrome Extensionいじってみた話」
第2回 Framgia × LOUPE 勉強会 「Chrome Extensionいじってみた話」第2回 Framgia × LOUPE 勉強会 「Chrome Extensionいじってみた話」
第2回 Framgia × LOUPE 勉強会 「Chrome Extensionいじってみた話」Takuya Mukohira
 
WordPress 3.4 〜新機能や変更点〜
WordPress 3.4 〜新機能や変更点〜WordPress 3.4 〜新機能や変更点〜
WordPress 3.4 〜新機能や変更点〜Toru Miki
 
確認スペシャル!
確認スペシャル!確認スペシャル!
確認スペシャル!horike37
 
Notes 技術者のための はじめての XPages 講座 (XPagesDay 2015)
Notes 技術者のためのはじめての XPages 講座 (XPagesDay 2015)Notes 技術者のためのはじめての XPages 講座 (XPagesDay 2015)
Notes 技術者のための はじめての XPages 講座 (XPagesDay 2015)Takeshi Yoshida
 
世界標準ブログツール WordPressの最新版3.0と豊富なプラグイン
世界標準ブログツール WordPressの最新版3.0と豊富なプラグイン世界標準ブログツール WordPressの最新版3.0と豊富なプラグイン
世界標準ブログツール WordPressの最新版3.0と豊富なプラグインtamotsu toyoda
 

What's hot (20)

はじめてのWordPress勉強会 vol.02 Word Pressの導入
はじめてのWordPress勉強会 vol.02 Word Pressの導入はじめてのWordPress勉強会 vol.02 Word Pressの導入
はじめてのWordPress勉強会 vol.02 Word Pressの導入
 
20140409勉強会
20140409勉強会20140409勉強会
20140409勉強会
 
CS-Cart CMS FUN NAGOYA 2015-11-07
CS-Cart CMS FUN NAGOYA 2015-11-07 CS-Cart CMS FUN NAGOYA 2015-11-07
CS-Cart CMS FUN NAGOYA 2015-11-07
 
20140908 Movable Type Seminar
20140908 Movable Type Seminar20140908 Movable Type Seminar
20140908 Movable Type Seminar
 
20140903 Movable Type Seminar
20140903 Movable Type Seminar20140903 Movable Type Seminar
20140903 Movable Type Seminar
 
Tokyo User Conference Jp User
Tokyo User Conference Jp UserTokyo User Conference Jp User
Tokyo User Conference Jp User
 
Php conference 2010 final
Php conference 2010 finalPhp conference 2010 final
Php conference 2010 final
 
WordPress on movable type(WordCamp Kobe 2013)
WordPress on movable type(WordCamp Kobe 2013)WordPress on movable type(WordCamp Kobe 2013)
WordPress on movable type(WordCamp Kobe 2013)
 
超初心者のためのWordPressのサイトのデザインの微調整方法
超初心者のためのWordPressのサイトのデザインの微調整方法超初心者のためのWordPressのサイトのデザインの微調整方法
超初心者のためのWordPressのサイトのデザインの微調整方法
 
CMSと相性抜群のWebフォント 主要3サービスのご紹介
CMSと相性抜群のWebフォント 主要3サービスのご紹介CMSと相性抜群のWebフォント 主要3サービスのご紹介
CMSと相性抜群のWebフォント 主要3サービスのご紹介
 
Chrome GPO Availability
Chrome GPO AvailabilityChrome GPO Availability
Chrome GPO Availability
 
Windows azure webサイトの紹介
Windows azure webサイトの紹介Windows azure webサイトの紹介
Windows azure webサイトの紹介
 
WebMatrix 夏休み特番 & 勉強会
WebMatrix 夏休み特番 & 勉強会WebMatrix 夏休み特番 & 勉強会
WebMatrix 夏休み特番 & 勉強会
 
concrete5 CMS「運用」ケーススタディ
concrete5 CMS「運用」ケーススタディconcrete5 CMS「運用」ケーススタディ
concrete5 CMS「運用」ケーススタディ
 
第2回 Framgia × LOUPE 勉強会 「Chrome Extensionいじってみた話」
第2回 Framgia × LOUPE 勉強会 「Chrome Extensionいじってみた話」第2回 Framgia × LOUPE 勉強会 「Chrome Extensionいじってみた話」
第2回 Framgia × LOUPE 勉強会 「Chrome Extensionいじってみた話」
 
WordPress 3.4 〜新機能や変更点〜
WordPress 3.4 〜新機能や変更点〜WordPress 3.4 〜新機能や変更点〜
WordPress 3.4 〜新機能や変更点〜
 
確認スペシャル!
確認スペシャル!確認スペシャル!
確認スペシャル!
 
Notes 技術者のための はじめての XPages 講座 (XPagesDay 2015)
Notes 技術者のためのはじめての XPages 講座 (XPagesDay 2015)Notes 技術者のためのはじめての XPages 講座 (XPagesDay 2015)
Notes 技術者のための はじめての XPages 講座 (XPagesDay 2015)
 
世界標準ブログツール WordPressの最新版3.0と豊富なプラグイン
世界標準ブログツール WordPressの最新版3.0と豊富なプラグイン世界標準ブログツール WordPressの最新版3.0と豊富なプラグイン
世界標準ブログツール WordPressの最新版3.0と豊富なプラグイン
 
PWAについて
PWAについてPWAについて
PWAについて
 

Similar to 第一回スライド

Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶWord press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶclimbFrog
 
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)Takashi Uemura
 
CMSホームページ制作サービスcomgご提案書
CMSホームページ制作サービスcomgご提案書CMSホームページ制作サービスcomgご提案書
CMSホームページ制作サービスcomgご提案書Four Fusion Marketing
 
MovableTypeの実務制作で考慮すること
MovableTypeの実務制作で考慮することMovableTypeの実務制作で考慮すること
MovableTypeの実務制作で考慮することSeiko Kuchida
 
AWS Black Belt Online Seminar 2017 EC2 Windows
AWS Black Belt Online Seminar 2017 EC2 WindowsAWS Black Belt Online Seminar 2017 EC2 Windows
AWS Black Belt Online Seminar 2017 EC2 WindowsAmazon Web Services Japan
 
Windows Admin Center -HCI管理を中心に-
Windows Admin Center -HCI管理を中心に-Windows Admin Center -HCI管理を中心に-
Windows Admin Center -HCI管理を中心に-Norio Sashizaki
 
Plone 4.2 - THIS IS IT!
Plone 4.2 - THIS IS IT!Plone 4.2 - THIS IS IT!
Plone 4.2 - THIS IS IT!Shigeo Honda
 
WordPressってブログじゃないの?
WordPressってブログじゃないの?WordPressってブログじゃないの?
WordPressってブログじゃないの?tokumotonahoko
 
Xamppでお手軽cms開発環境を手に入れる
Xamppでお手軽cms開発環境を手に入れるXamppでお手軽cms開発環境を手に入れる
Xamppでお手軽cms開発環境を手に入れるTakashi Uemura
 
WordPress 環境の構築について考えてみた
WordPress 環境の構築について考えてみたWordPress 環境の構築について考えてみた
WordPress 環境の構築について考えてみたTadashi Miyazato
 
Microsoft Hyper-Vマネジメント:絶対避けるべき15のミス
Microsoft Hyper-Vマネジメント:絶対避けるべき15のミスMicrosoft Hyper-Vマネジメント:絶対避けるべき15のミス
Microsoft Hyper-Vマネジメント:絶対避けるべき15のミス株式会社クライム
 
concrete5で行なうcms導入提案のポイント
concrete5で行なうcms導入提案のポイントconcrete5で行なうcms導入提案のポイント
concrete5で行なうcms導入提案のポイントHishikawa Takuro
 
中級者のためのWordPress講座[第6回]WordPressをマルチサイト化(複数ブログ化)してみよう!
中級者のためのWordPress講座[第6回]WordPressをマルチサイト化(複数ブログ化)してみよう!中級者のためのWordPress講座[第6回]WordPressをマルチサイト化(複数ブログ化)してみよう!
中級者のためのWordPress講座[第6回]WordPressをマルチサイト化(複数ブログ化)してみよう!switch3000
 
PHP 開発環境構築 - Windows 編 -
PHP 開発環境構築- Windows 編 -PHP 開発環境構築- Windows 編 -
PHP 開発環境構築 - Windows 編 -Masaki Takeda
 
『わたしにもできるよっ、StaticPress+S3で 簡単・手軽にサイト構築!』のWordPressってこんなのって話とちょっと萌えのお話。
『わたしにもできるよっ、StaticPress+S3で 簡単・手軽にサイト構築!』のWordPressってこんなのって話とちょっと萌えのお話。『わたしにもできるよっ、StaticPress+S3で 簡単・手軽にサイト構築!』のWordPressってこんなのって話とちょっと萌えのお話。
『わたしにもできるよっ、StaticPress+S3で 簡単・手軽にサイト構築!』のWordPressってこんなのって話とちょっと萌えのお話。Chiharu Nagatomi
 
Webデザイナーが身に付けておきたい定番スキル ー WordPress 初級・導入編 ー
Webデザイナーが身に付けておきたい定番スキル ー WordPress 初級・導入編 ーWebデザイナーが身に付けておきたい定番スキル ー WordPress 初級・導入編 ー
Webデザイナーが身に付けておきたい定番スキル ー WordPress 初級・導入編 ーKite Koga
 

Similar to 第一回スライド (20)

Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶWord press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
 
Wp hands-on
Wp hands-onWp hands-on
Wp hands-on
 
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
 
CMSホームページ制作サービスcomgご提案書
CMSホームページ制作サービスcomgご提案書CMSホームページ制作サービスcomgご提案書
CMSホームページ制作サービスcomgご提案書
 
MovableTypeの実務制作で考慮すること
MovableTypeの実務制作で考慮することMovableTypeの実務制作で考慮すること
MovableTypeの実務制作で考慮すること
 
WordPress
WordPressWordPress
WordPress
 
AWS Black Belt Online Seminar 2017 EC2 Windows
AWS Black Belt Online Seminar 2017 EC2 WindowsAWS Black Belt Online Seminar 2017 EC2 Windows
AWS Black Belt Online Seminar 2017 EC2 Windows
 
Windows Admin Center -HCI管理を中心に-
Windows Admin Center -HCI管理を中心に-Windows Admin Center -HCI管理を中心に-
Windows Admin Center -HCI管理を中心に-
 
Plone 4.2 - THIS IS IT!
Plone 4.2 - THIS IS IT!Plone 4.2 - THIS IS IT!
Plone 4.2 - THIS IS IT!
 
WordPressってブログじゃないの?
WordPressってブログじゃないの?WordPressってブログじゃないの?
WordPressってブログじゃないの?
 
Xamppでお手軽cms開発環境を手に入れる
Xamppでお手軽cms開発環境を手に入れるXamppでお手軽cms開発環境を手に入れる
Xamppでお手軽cms開発環境を手に入れる
 
WordPress 環境の構築について考えてみた
WordPress 環境の構築について考えてみたWordPress 環境の構築について考えてみた
WordPress 環境の構築について考えてみた
 
世界一即戦力なCMS
世界一即戦力なCMS世界一即戦力なCMS
世界一即戦力なCMS
 
baserCMSの今
baserCMSの今baserCMSの今
baserCMSの今
 
Microsoft Hyper-Vマネジメント:絶対避けるべき15のミス
Microsoft Hyper-Vマネジメント:絶対避けるべき15のミスMicrosoft Hyper-Vマネジメント:絶対避けるべき15のミス
Microsoft Hyper-Vマネジメント:絶対避けるべき15のミス
 
concrete5で行なうcms導入提案のポイント
concrete5で行なうcms導入提案のポイントconcrete5で行なうcms導入提案のポイント
concrete5で行なうcms導入提案のポイント
 
中級者のためのWordPress講座[第6回]WordPressをマルチサイト化(複数ブログ化)してみよう!
中級者のためのWordPress講座[第6回]WordPressをマルチサイト化(複数ブログ化)してみよう!中級者のためのWordPress講座[第6回]WordPressをマルチサイト化(複数ブログ化)してみよう!
中級者のためのWordPress講座[第6回]WordPressをマルチサイト化(複数ブログ化)してみよう!
 
PHP 開発環境構築 - Windows 編 -
PHP 開発環境構築- Windows 編 -PHP 開発環境構築- Windows 編 -
PHP 開発環境構築 - Windows 編 -
 
『わたしにもできるよっ、StaticPress+S3で 簡単・手軽にサイト構築!』のWordPressってこんなのって話とちょっと萌えのお話。
『わたしにもできるよっ、StaticPress+S3で 簡単・手軽にサイト構築!』のWordPressってこんなのって話とちょっと萌えのお話。『わたしにもできるよっ、StaticPress+S3で 簡単・手軽にサイト構築!』のWordPressってこんなのって話とちょっと萌えのお話。
『わたしにもできるよっ、StaticPress+S3で 簡単・手軽にサイト構築!』のWordPressってこんなのって話とちょっと萌えのお話。
 
Webデザイナーが身に付けておきたい定番スキル ー WordPress 初級・導入編 ー
Webデザイナーが身に付けておきたい定番スキル ー WordPress 初級・導入編 ーWebデザイナーが身に付けておきたい定番スキル ー WordPress 初級・導入編 ー
Webデザイナーが身に付けておきたい定番スキル ー WordPress 初級・導入編 ー
 

第一回スライド

Editor's Notes

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n