SlideShare a Scribd company logo
1 of 75
WordPressって
ブログじゃないの? 
これから使ってみたいあなたへ

  徳本 奈穂子 (ナターシャ)
∼おすすめのセッション∼

インストールがまだの方
自己紹介
Webのお仕事
• ヒアリング(お客さんの話を聞きます)
• 要件をまとめる
• デザイン(IllustratorやPhotoshopで)
• コーディング(HTML CSS PHP jQuery...)
• 納品
WordPressって
ブログじゃないの?
WordPressって
   ブログじゃないの?


•CMSです。(ブログはCMSの一種)
WordPressって
   ブログじゃないの?


•CMSです。(ブログはCMSの一種)
•使いこなせば・・・
WordPressって
   ブログじゃないの?


•CMSです。(ブログはCMSの一種)
•使いこなせば・・・
•サイトだってつくれるよ
WordPressって
   ブログじゃないの?


•CMSです。(ブログはCMSの一種)
•使いこなせば・・・
•サイトだってつくれるよ
WordPressって
   ブログじゃないの?


•CMSです。(ブログはCMSの一種)
•使いこなせば・・・
                  事例紹介は

•サイトだってつくれるよ      のちほど!
WordPressを知るための
   キーワード3


           \ポイ
              ント!
                  /
WordPressを知るための
       キーワード3


•テーマ        \ポイ
                ント!
                   /
WordPressを知るための
       キーワード3


•テーマ        \ポイ
                ント!
                   /

•プラグイン
WordPressを知るための
       キーワード3


•テーマ        \ポイ
                ント!
                   /

•プラグイン
•カスタム⃝⃝
テーマ
テーマ

•テンプレート(見た目)のこと
テーマ

•テンプレート(見た目)のこと
•HTML、CSS、PHP、画像でできて
 います。
テーマ

•テンプレート(見た目)のこと
•HTML、CSS、PHP、画像でできて
 います。
•自由にカスタマイズしたり、一から
 作ることができる。
テーマ

•テンプレート(見た目)のこと
•HTML、CSS、PHP、画像でできて
 います。
•自由にカスタマイズしたり、一から
 作ることができる。
 WordPressの可能性(ΦωΦ)
プラグイン
プラグイン

•追加機能のこと
プラグイン

•追加機能のこと
•SNS連携や、SEO対策、データの自動
 バックアップなど様々
プラグイン

•追加機能のこと
•SNS連携や、SEO対策、データの自動
 バックアップなど様々

•プログラムの知識があれば自作するこ
 ともできる。
プラグイン

•追加機能のこと
•SNS連携や、SEO対策、データの自動
 バックアップなど様々

•プログラムの知識があれば自作するこ
 ともできる。
 WordPressの可能性(ΦωΦ)
カスタム⃝⃝
カスタム⃝⃝


•複雑な情報を管理するための仕組。
• カスタムフィールド
• カスタムポスト(投稿)タイプ
• カスタムタクソノミー
WordPressの可能性(ΦωΦ)
事例紹介
デフォルトテーマ
twentyelevenを改造
デフォルトテーマ
twentyelevenを改造
↑プラグイン
↑プラグイン
↑プラグイン
↑プラグイン
↑プラグイン
↑プラグイン




↑普通の投稿
↑プラグイン




↑普通の投稿        ↑カスタム投稿
↑プラグイン




テーマ


      ↑普通の投稿        ↑カスタム投稿
∼おすすめのセッション∼
カスタム⃝⃝に興味を持った方
訂正:mixiの現行
サイトは
WordPressではな
くMTでできてい
ます。
http://
www.skyarc.co.j
p/case-studies/
platform/mixi/
index.html




                  http://mixi.co.jp/
訂正:mixiの現行
サイトは
WordPressではな
くMTでできてい
ます。
http://
www.skyarc.co.j
p/case-studies/
platform/mixi/
index.html




                  http://mixi.co.jp/
訂正:mixiの現行
サイトは
WordPressではな
くMTでできてい
ます。
http://
www.skyarc.co.j
p/case-studies/
platform/mixi/
index.html




                  http://mixi.co.jp/
訂正:mixiの現行
サイトは
WordPressではな
くMTでできてい
ます。
http://
www.skyarc.co.j
p/case-studies/
platform/mixi/
index.html




                  http://mixi.co.jp/
訂正:mixiの現行
サイトは
WordPressではな
くMTでできてい
ます。
http://
www.skyarc.co.j
p/case-studies/
platform/mixi/
index.html




                  http://mixi.co.jp/
この部分が動的に更新するたび書き換わります。




訂正:mixiの現行
サイトは
WordPressではな
くMTでできてい
ます。
http://
www.skyarc.co.j
p/case-studies/
platform/mixi/
index.html




                                      http://mixi.co.jp/
この部分が動的に更新するたび書き換わります。




訂正:mixiの現行
サイトは
WordPressではな
くMTでできてい
ます。
http://
www.skyarc.co.j
p/case-studies/
platform/mixi/
index.html



 This is 動的コンテンツ                      http://mixi.co.jp/
http://info.cookpad.com/
http://info.cookpad.com/
WordPressが企業向けサイトに
 好まれる理由(私がオススメする理由)
WordPressが企業向けサイトに
     好まれる理由(私がオススメする理由)

• 企業のサイトは情報の新鮮さが命。
• 企業の更新担当者さんはWebに詳しいとは限らない。
• 「新商品情報」「トピック」「お知らせ」など情報の
 種類が多い。

• 複数のアカウントで管理できる。(権限の使い分け)
• ダウンロード無料
∼おすすめのセッション∼
企業サイトのテーマを作ってみたい方
http://pexetothemes.com/demos/dandelion_wp/
http://www.welcart.com/community/archives/2215
∼おすすめのセッション∼
不動産プラグインを使ってみよう
CMS
  (コンテンツマネージメントシステム)
こんな風に

   WordPressは動的なコンテンツを管理するのが得意
   これがWordPressはブログシステムであり、かつ、
CMS
  (コンテンツマネージメントシステム)
こんな風に

   WordPressは動的なコンテンツを管理するのが得意
   これがWordPressはブログシステムであり、かつ、

             CMS
  (コンテンツマネージメントシステム)
CMS
  (コンテンツマネージメントシステム)
こんな風に

   WordPressは動的なコンテンツを管理するのが得意
   これがWordPressはブログシステムであり、かつ、

             CMS
  (コンテンツマネージメントシステム)
    コンテンツを
CMS
  (コンテンツマネージメントシステム)
こんな風に

   WordPressは動的なコンテンツを管理するのが得意
   これがWordPressはブログシステムであり、かつ、

             CMS
  (コンテンツマネージメントシステム)
    コンテンツを    管理する
CMS
  (コンテンツマネージメントシステム)
こんな風に

   WordPressは動的なコンテンツを管理するのが得意
   これがWordPressはブログシステムであり、かつ、

             CMS
  (コンテンツマネージメントシステム)
    コンテンツを    管理する     システム
CMS
  (コンテンツマネージメントシステム)
こんな風に

   WordPressは動的なコンテンツを管理するのが得意
   これがWordPressはブログシステムであり、かつ、

             CMS
  (コンテンツマネージメントシステム)
    コンテンツを    管理する     システム


               であると言われるゆえんです。
おすすめのプラグイン

                      http://vanilla-
                      stone.com/blog/
                      wordpress/2012-
                      edition-30-wordpress-
                      plugin-pieces-install-
                      absolute/
「管理画面からインストールするプラグイ
ンは大丈夫」
→とは限りませんので、評判・ダウンロー
ド数などで評価しましょう。
WP Social Bookmarking Light


• tweetボタンやFacebookいいね!などが簡単に
 設置できる。

• mixiやはてブなど国産SNSにも対応している。
WP Social Bookmarking Light
                 (追記)




• Facebookのいいね!表示に少し不具合がありま
 す。

• こちらをご参考にどうぞ。
 http://mndangler.net/2012/07/wp-social-
 bookmarking-light/

 http://naitoisao.com/benri/1430.html
All in One SEO Pack


• SEO(検索エンジン最適化)してくれるプラグイン
• いろいろ設定できるけど入れるだけでもOK



   設定をDisabled→Enabledに変更して保存
∼おすすめのセッション∼
All in One SEO Packの話を聞こう
Ktai StyleとWP touch


• Ktai Style - ガラケー対応
• WP touch - スマホ対応
BackWPup


• データベースだけでなく関連ファイルのバック
 アップも取ってくれる。

• 自動的に定期バックアップ
∼おすすめのセッション∼
BackWPupの使い方を聞こう
Contact Form 7


• お問い合わせフォーム
• 投稿や固定ページにフォームを簡単に挿入できる。
可能性は無限のWordPress
可能性は無限のWordPress

あなたなりのWordPressライフ
   楽しんでください!
可能性は無限のWordPress

あなたなりのWordPressライフ
   楽しんでください!

         ありがとうございました♡

More Related Content

What's hot

UnderScoreとbootstrapとsassでword pressのテーマをつくろう
 UnderScoreとbootstrapとsassでword pressのテーマをつくろう UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろうTakahiro Nakahata
 
WordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoyaWordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoyaShinichi Nishikawa
 
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
PHPがわからないデザイナーでもできる、簡単カスタマイズ術PHPがわからないデザイナーでもできる、簡単カスタマイズ術
PHPがわからないデザイナーでもできる、簡単カスタマイズ術Eri Sawada
 
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でーWP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でータカシ キタジマ
 
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼Mignon Style
 
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオンWord pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオンHidetaka Okamoto
 
一歩踏み込むWordPress
一歩踏み込むWordPress一歩踏み込むWordPress
一歩踏み込むWordPress正樹 平野
 
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門Hidetaka Okamoto
 
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!FLOW web planning & design
 
WordPressで作るポートフォリオサイト
WordPressで作るポートフォリオサイトWordPressで作るポートフォリオサイト
WordPressで作るポートフォリオサイトTakuma Nishiyama
 
WordPress プラグイン Advance Custum Fieldsを学ぶ
WordPress プラグイン Advance Custum Fieldsを学ぶWordPress プラグイン Advance Custum Fieldsを学ぶ
WordPress プラグイン Advance Custum Fieldsを学ぶShigeki Takai
 
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyoWordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyoHidekazu Ishikawa
 
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみようJunko Nukaga
 
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-集客ばかりを考えるからブログは失敗する -長くブログを続けるために-
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-WCO_Blogger
 
WordBench 東京 とは
WordBench 東京 とはWordBench 東京 とは
WordBench 東京 とはMignon Style
 
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
 ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜 ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜Mignon Style
 
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術Mignon Style
 
CSSフレームワークを使った 簡単なレスポンシブデザインの作成
CSSフレームワークを使った 簡単なレスポンシブデザインの作成CSSフレームワークを使った 簡単なレスポンシブデザインの作成
CSSフレームワークを使った 簡単なレスポンシブデザインの作成Kazuki Akiyama
 
レスポンシブ・ウェブデザイン基礎
レスポンシブ・ウェブデザイン基礎レスポンシブ・ウェブデザイン基礎
レスポンシブ・ウェブデザイン基礎masaaki komori
 

What's hot (20)

UnderScoreとbootstrapとsassでword pressのテーマをつくろう
 UnderScoreとbootstrapとsassでword pressのテーマをつくろう UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
 
WordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoyaWordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoya
 
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
PHPがわからないデザイナーでもできる、簡単カスタマイズ術PHPがわからないデザイナーでもできる、簡単カスタマイズ術
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
 
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でーWP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
 
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
 
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオンWord pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
 
一歩踏み込むWordPress
一歩踏み込むWordPress一歩踏み込むWordPress
一歩踏み込むWordPress
 
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
 
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
 
WooCommerce & AWS
WooCommerce & AWSWooCommerce & AWS
WooCommerce & AWS
 
WordPressで作るポートフォリオサイト
WordPressで作るポートフォリオサイトWordPressで作るポートフォリオサイト
WordPressで作るポートフォリオサイト
 
WordPress プラグイン Advance Custum Fieldsを学ぶ
WordPress プラグイン Advance Custum Fieldsを学ぶWordPress プラグイン Advance Custum Fieldsを学ぶ
WordPress プラグイン Advance Custum Fieldsを学ぶ
 
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyoWordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
 
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
 
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-集客ばかりを考えるからブログは失敗する -長くブログを続けるために-
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-
 
WordBench 東京 とは
WordBench 東京 とはWordBench 東京 とは
WordBench 東京 とは
 
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
 ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜 ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
 
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
 
CSSフレームワークを使った 簡単なレスポンシブデザインの作成
CSSフレームワークを使った 簡単なレスポンシブデザインの作成CSSフレームワークを使った 簡単なレスポンシブデザインの作成
CSSフレームワークを使った 簡単なレスポンシブデザインの作成
 
レスポンシブ・ウェブデザイン基礎
レスポンシブ・ウェブデザイン基礎レスポンシブ・ウェブデザイン基礎
レスポンシブ・ウェブデザイン基礎
 

Similar to WordPressってブログじゃないの?

WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)Takashi Uemura
 
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶWord press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶclimbFrog
 
Webデザイナーが身に付けておきたい定番スキル ー WordPress 初級・導入編 ー
Webデザイナーが身に付けておきたい定番スキル ー WordPress 初級・導入編 ーWebデザイナーが身に付けておきたい定番スキル ー WordPress 初級・導入編 ー
Webデザイナーが身に付けておきたい定番スキル ー WordPress 初級・導入編 ーKite Koga
 
WordBench熊本第3回勉強会
WordBench熊本第3回勉強会WordBench熊本第3回勉強会
WordBench熊本第3回勉強会Akinori Tateyama
 
世界標準ブログツール WordPressの最新版3.0と豊富なプラグイン
世界標準ブログツール WordPressの最新版3.0と豊富なプラグイン世界標準ブログツール WordPressの最新版3.0と豊富なプラグイン
世界標準ブログツール WordPressの最新版3.0と豊富なプラグインtamotsu toyoda
 
体験してみようWordPress.com
体験してみようWordPress.com体験してみようWordPress.com
体験してみようWordPress.comYusuke Hayasaki
 
カスタムフィールドで作るカンタン投稿システム
カスタムフィールドで作るカンタン投稿システムカスタムフィールドで作るカンタン投稿システム
カスタムフィールドで作るカンタン投稿システムSaori Yamada
 
マルチサイトの構築
マルチサイトの構築マルチサイトの構築
マルチサイトの構築Yoshitaka KATO
 
Wordpress buddypress3
Wordpress buddypress3Wordpress buddypress3
Wordpress buddypress3Shoichi Otomo
 
WordPress アカンパターン
WordPress アカンパターンWordPress アカンパターン
WordPress アカンパターンKazue Igarashi
 
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録タカシ キタジマ
 
a-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in Okazakia-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in OkazakiEtsushi Ishii
 
JAWS FESTA Tohoku 2014 WordPressとAWSの素敵な関係
JAWS FESTA Tohoku 2014 WordPressとAWSの素敵な関係JAWS FESTA Tohoku 2014 WordPressとAWSの素敵な関係
JAWS FESTA Tohoku 2014 WordPressとAWSの素敵な関係Kazue Igarashi
 
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズCSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズrie05
 
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?Shinichi Nishikawa
 
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
ノンプログラマーのためのWordPressテーマ作成ステップアップ術ノンプログラマーのためのWordPressテーマ作成ステップアップ術
ノンプログラマーのためのWordPressテーマ作成ステップアップ術Mignon Style
 
リリース直前WordPress3.5をみてみよう
リリース直前WordPress3.5をみてみようリリース直前WordPress3.5をみてみよう
リリース直前WordPress3.5をみてみようSeto Takahiro
 
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座Shinichi Nishikawa
 

Similar to WordPressってブログじゃないの? (20)

WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
 
WordPressって何
WordPressって何WordPressって何
WordPressって何
 
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶWord press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
 
Webデザイナーが身に付けておきたい定番スキル ー WordPress 初級・導入編 ー
Webデザイナーが身に付けておきたい定番スキル ー WordPress 初級・導入編 ーWebデザイナーが身に付けておきたい定番スキル ー WordPress 初級・導入編 ー
Webデザイナーが身に付けておきたい定番スキル ー WordPress 初級・導入編 ー
 
WordBench熊本第3回勉強会
WordBench熊本第3回勉強会WordBench熊本第3回勉強会
WordBench熊本第3回勉強会
 
Wp html5
Wp html5Wp html5
Wp html5
 
世界標準ブログツール WordPressの最新版3.0と豊富なプラグイン
世界標準ブログツール WordPressの最新版3.0と豊富なプラグイン世界標準ブログツール WordPressの最新版3.0と豊富なプラグイン
世界標準ブログツール WordPressの最新版3.0と豊富なプラグイン
 
体験してみようWordPress.com
体験してみようWordPress.com体験してみようWordPress.com
体験してみようWordPress.com
 
カスタムフィールドで作るカンタン投稿システム
カスタムフィールドで作るカンタン投稿システムカスタムフィールドで作るカンタン投稿システム
カスタムフィールドで作るカンタン投稿システム
 
マルチサイトの構築
マルチサイトの構築マルチサイトの構築
マルチサイトの構築
 
Wordpress buddypress3
Wordpress buddypress3Wordpress buddypress3
Wordpress buddypress3
 
WordPress アカンパターン
WordPress アカンパターンWordPress アカンパターン
WordPress アカンパターン
 
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
 
a-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in Okazakia-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in Okazaki
 
JAWS FESTA Tohoku 2014 WordPressとAWSの素敵な関係
JAWS FESTA Tohoku 2014 WordPressとAWSの素敵な関係JAWS FESTA Tohoku 2014 WordPressとAWSの素敵な関係
JAWS FESTA Tohoku 2014 WordPressとAWSの素敵な関係
 
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズCSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
 
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?
 
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
ノンプログラマーのためのWordPressテーマ作成ステップアップ術ノンプログラマーのためのWordPressテーマ作成ステップアップ術
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
 
リリース直前WordPress3.5をみてみよう
リリース直前WordPress3.5をみてみようリリース直前WordPress3.5をみてみよう
リリース直前WordPress3.5をみてみよう
 
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
 

WordPressってブログじゃないの?

Editor's Notes

  1. はじめまして、ナターシャです。よろしくお願いします。\n今日は「WordPressってブログじゃないの?どんなことができるの?」と思ってらっしゃる方に向けてセッションをさせていただきます。\nWordPressもうインストールされていますか?(インストールされてない人はおもちさんのセッションに行ってね。)\n
  2. \n
  3. まず自己紹介をさせていただきます。\nフリーでWebデザインをやろうと心に決めて1年半で、年の割には業界の経歴は長くありません。\n今回のWordCampのWebデザインを担当させていただきいい経験をさせていただきました。\n趣味はアコーディオンでジャズを弾いたりします。\n
  4. Webデザインというとデザインだけしているように思われる方も多いかもしれませんが、ヒアリングが最も肝となります。\nほとんどのお客さんが更新を自分の会社でしたいという要望を持っていらっしゃいます。\nそれで私はWordPressを勧めさせていただくことが多いです。\nこの場合誰がどういう頻度でどんな情報を更新するのかということをしっかり聞き取ることが必要になります。\nそういった要件をまとめたあと、デザイン・コーディングといった制作の過程に入ります。\n
  5. CMSという言葉についてはのちほど説明します。\n
  6. CMSという言葉についてはのちほど説明します。\n
  7. CMSという言葉についてはのちほど説明します。\n
  8. CMSという言葉についてはのちほど説明します。\n
  9. CMSという言葉についてはのちほど説明します。\n
  10. \n
  11. \n
  12. \n
  13. テーマとは一般的な(アメブロとかはてなとか)ブログでいうところのテンプレートとかブログデザインに当たります。\nWordPressの場合、このテーマはHTML、CSS、PHP、画像でできています。\nつまり普通のサイト(HTML+CSS)でできることはすべてできるということです。\n他のブログの場合、デザインは変えられてもプログラムまでは変えられないのが普通ですがWordPressの場合PHPでできたプログラムが公開されているので、テーマを自由にカスタマイズしたり一から作れます。\nWordPressを使ってWebデザインをする場合、このテーマを作ることが主なお仕事になります。\n
  14. テーマとは一般的な(アメブロとかはてなとか)ブログでいうところのテンプレートとかブログデザインに当たります。\nWordPressの場合、このテーマはHTML、CSS、PHP、画像でできています。\nつまり普通のサイト(HTML+CSS)でできることはすべてできるということです。\n他のブログの場合、デザインは変えられてもプログラムまでは変えられないのが普通ですがWordPressの場合PHPでできたプログラムが公開されているので、テーマを自由にカスタマイズしたり一から作れます。\nWordPressを使ってWebデザインをする場合、このテーマを作ることが主なお仕事になります。\n
  15. テーマとは一般的な(アメブロとかはてなとか)ブログでいうところのテンプレートとかブログデザインに当たります。\nWordPressの場合、このテーマはHTML、CSS、PHP、画像でできています。\nつまり普通のサイト(HTML+CSS)でできることはすべてできるということです。\n他のブログの場合、デザインは変えられてもプログラムまでは変えられないのが普通ですがWordPressの場合PHPでできたプログラムが公開されているので、テーマを自由にカスタマイズしたり一から作れます。\nWordPressを使ってWebデザインをする場合、このテーマを作ることが主なお仕事になります。\n
  16. テーマとは一般的な(アメブロとかはてなとか)ブログでいうところのテンプレートとかブログデザインに当たります。\nWordPressの場合、このテーマはHTML、CSS、PHP、画像でできています。\nつまり普通のサイト(HTML+CSS)でできることはすべてできるということです。\n他のブログの場合、デザインは変えられてもプログラムまでは変えられないのが普通ですがWordPressの場合PHPでできたプログラムが公開されているので、テーマを自由にカスタマイズしたり一から作れます。\nWordPressを使ってWebデザインをする場合、このテーマを作ることが主なお仕事になります。\n
  17. プラグインとは追加機能のことで、さまざまな機能がプログラムの知識がなくても利用することができます。\nSNS連携や、SEO対策、データの自動バックアップなど様々な機能があります。のちほど詳しくご紹介します。\nまたプログラムがすべて公開されているので、知識さえあればプラグインを自作することもできます。(私はできません)\n
  18. プラグインとは追加機能のことで、さまざまな機能がプログラムの知識がなくても利用することができます。\nSNS連携や、SEO対策、データの自動バックアップなど様々な機能があります。のちほど詳しくご紹介します。\nまたプログラムがすべて公開されているので、知識さえあればプラグインを自作することもできます。(私はできません)\n
  19. プラグインとは追加機能のことで、さまざまな機能がプログラムの知識がなくても利用することができます。\nSNS連携や、SEO対策、データの自動バックアップなど様々な機能があります。のちほど詳しくご紹介します。\nまたプログラムがすべて公開されているので、知識さえあればプラグインを自作することもできます。(私はできません)\n
  20. プラグインとは追加機能のことで、さまざまな機能がプログラムの知識がなくても利用することができます。\nSNS連携や、SEO対策、データの自動バックアップなど様々な機能があります。のちほど詳しくご紹介します。\nまたプログラムがすべて公開されているので、知識さえあればプラグインを自作することもできます。(私はできません)\n
  21. 少し難しい概念なのでここでは説明しませんが、こういうものがあるんだなーとぼんやり覚えておいてください。\n
  22. 今説明したテーマ・プラグイン・カスタム◯◯というキーワードを踏まえて、実際にWordPressを使って作られたサイトを見ていただきたいと思います。\n
  23. デフォルトテーマを元にカスタマイズした例:her.her\nこんな風にすでにあるテーマをカスタマイズするだけでも見た目をガラリと変えることができます。\n(この部分が投稿する度に更新されます。\nこの部分は一切コードは書いてません。プラグインを使っています。\n投稿する内容によって一覧の表示のされ方が違います。これはカスタムポストを使っています。)\n管理画面から投稿するだけで自動的にトップの画面や一覧の画面が更新されていきます。これを「動的」と言います。\n
  24. デフォルトテーマを元にカスタマイズした例:her.her\nこんな風にすでにあるテーマをカスタマイズするだけでも見た目をガラリと変えることができます。\n(この部分が投稿する度に更新されます。\nこの部分は一切コードは書いてません。プラグインを使っています。\n投稿する内容によって一覧の表示のされ方が違います。これはカスタムポストを使っています。)\n管理画面から投稿するだけで自動的にトップの画面や一覧の画面が更新されていきます。これを「動的」と言います。\n
  25. デフォルトテーマを元にカスタマイズした例:her.her\nこんな風にすでにあるテーマをカスタマイズするだけでも見た目をガラリと変えることができます。\n(もちろんカスタマイズはしまくっています\nこの部分が管理画面から投稿する度に更新されます。\nこの部分は一切コードは書いてません。プラグインを使っています。\nこのようにコーナーごとに投稿したり、表示の仕方を変えるのにカスタム投稿タイプを使っています。\n\n管理画面から投稿するだけで自動的に最新の情報が表示されている部分、これを「動的コンテンツ」と言います。⇒デモ(CD→Cool Struttin\n\n
  26. デフォルトテーマを元にカスタマイズした例:her.her\nこんな風にすでにあるテーマをカスタマイズするだけでも見た目をガラリと変えることができます。\n(もちろんカスタマイズはしまくっています\nこの部分が管理画面から投稿する度に更新されます。\nこの部分は一切コードは書いてません。プラグインを使っています。\nこのようにコーナーごとに投稿したり、表示の仕方を変えるのにカスタム投稿タイプを使っています。\n\n管理画面から投稿するだけで自動的に最新の情報が表示されている部分、これを「動的コンテンツ」と言います。⇒デモ(CD→Cool Struttin\n\n
  27. デフォルトテーマを元にカスタマイズした例:her.her\nこんな風にすでにあるテーマをカスタマイズするだけでも見た目をガラリと変えることができます。\n(もちろんカスタマイズはしまくっています\nこの部分が管理画面から投稿する度に更新されます。\nこの部分は一切コードは書いてません。プラグインを使っています。\nこのようにコーナーごとに投稿したり、表示の仕方を変えるのにカスタム投稿タイプを使っています。\n\n管理画面から投稿するだけで自動的に最新の情報が表示されている部分、これを「動的コンテンツ」と言います。⇒デモ(CD→Cool Struttin\n\n
  28. デフォルトテーマを元にカスタマイズした例:her.her\nこんな風にすでにあるテーマをカスタマイズするだけでも見た目をガラリと変えることができます。\n(もちろんカスタマイズはしまくっています\nこの部分が管理画面から投稿する度に更新されます。\nこの部分は一切コードは書いてません。プラグインを使っています。\nこのようにコーナーごとに投稿したり、表示の仕方を変えるのにカスタム投稿タイプを使っています。\n\n管理画面から投稿するだけで自動的に最新の情報が表示されている部分、これを「動的コンテンツ」と言います。⇒デモ(CD→Cool Struttin\n\n
  29. デフォルトテーマを元にカスタマイズした例:her.her\nこんな風にすでにあるテーマをカスタマイズするだけでも見た目をガラリと変えることができます。\n(もちろんカスタマイズはしまくっています\nこの部分が管理画面から投稿する度に更新されます。\nこの部分は一切コードは書いてません。プラグインを使っています。\nこのようにコーナーごとに投稿したり、表示の仕方を変えるのにカスタム投稿タイプを使っています。\n\n管理画面から投稿するだけで自動的に最新の情報が表示されている部分、これを「動的コンテンツ」と言います。⇒デモ(CD→Cool Struttin\n\n
  30. デフォルトテーマを元にカスタマイズした例:her.her\nこんな風にすでにあるテーマをカスタマイズするだけでも見た目をガラリと変えることができます。\n(もちろんカスタマイズはしまくっています\nこの部分が管理画面から投稿する度に更新されます。\nこの部分は一切コードは書いてません。プラグインを使っています。\nこのようにコーナーごとに投稿したり、表示の仕方を変えるのにカスタム投稿タイプを使っています。\n\n管理画面から投稿するだけで自動的に最新の情報が表示されている部分、これを「動的コンテンツ」と言います。⇒デモ(CD→Cool Struttin\n\n
  31. デフォルトテーマを元にカスタマイズした例:her.her\nこんな風にすでにあるテーマをカスタマイズするだけでも見た目をガラリと変えることができます。\n(もちろんカスタマイズはしまくっています\nこの部分が管理画面から投稿する度に更新されます。\nこの部分は一切コードは書いてません。プラグインを使っています。\nこのようにコーナーごとに投稿したり、表示の仕方を変えるのにカスタム投稿タイプを使っています。\n\n管理画面から投稿するだけで自動的に最新の情報が表示されている部分、これを「動的コンテンツ」と言います。⇒デモ(CD→Cool Struttin\n\n
  32. デフォルトテーマを元にカスタマイズした例:her.her\nこんな風にすでにあるテーマをカスタマイズするだけでも見た目をガラリと変えることができます。\n(もちろんカスタマイズはしまくっています\nこの部分が管理画面から投稿する度に更新されます。\nこの部分は一切コードは書いてません。プラグインを使っています。\nこのようにコーナーごとに投稿したり、表示の仕方を変えるのにカスタム投稿タイプを使っています。\n\n管理画面から投稿するだけで自動的に最新の情報が表示されている部分、これを「動的コンテンツ」と言います。⇒デモ(CD→Cool Struttin\n\n
  33. デフォルトテーマを元にカスタマイズした例:her.her\nこんな風にすでにあるテーマをカスタマイズするだけでも見た目をガラリと変えることができます。\n(もちろんカスタマイズはしまくっています\nこの部分が管理画面から投稿する度に更新されます。\nこの部分は一切コードは書いてません。プラグインを使っています。\nこのようにコーナーごとに投稿したり、表示の仕方を変えるのにカスタム投稿タイプを使っています。\n\n管理画面から投稿するだけで自動的に最新の情報が表示されている部分、これを「動的コンテンツ」と言います。⇒デモ(CD→Cool Struttin\n\n
  34. \n
  35. http://mixi.co.jp/\nこのように管理画面から投稿したら自動的に更新される部分を動的コンテンツと言います。\n
  36. http://mixi.co.jp/\nこのように管理画面から投稿したら自動的に更新される部分を動的コンテンツと言います。\n
  37. http://mixi.co.jp/\nこのように管理画面から投稿したら自動的に更新される部分を動的コンテンツと言います。\n
  38. http://mixi.co.jp/\nこのように管理画面から投稿したら自動的に更新される部分を動的コンテンツと言います。\n
  39. http://mixi.co.jp/\nこのように管理画面から投稿したら自動的に更新される部分を動的コンテンツと言います。\n
  40. http://mixi.co.jp/\nこのように管理画面から投稿したら自動的に更新される部分を動的コンテンツと言います。\n
  41. http://info.cookpad.com/\nこんな風に大企業のサイトにもWordPressが使われています。\n\n\n
  42. 例えば最終更新日が2年前というようなサイトは情報が古いのではないかと疑ってかかると思います。\n企業のサイトはいつも情報を発信していることがひとつの信頼になるので、企業は自社内で更新をしたいという要望を持っていることが多いのです。\nでも社内に必ずしもWeb担当者がいるわけでもないのでHTMLがわからなくても更新できるシステムが必要です。\nそれでWordPressのようなシステムが選ばれています。\nまたWordPressは様々な種類の情報を扱う仕組を持っているので、そのことによってかなり企業サイトのニーズに答えられるようになっています。\n企業サイトのテーマの作り方はながとみさんのセッションへ\n
  43. \n
  44. ギャラリーサイトの配布テーマ\nhttp://pexetothemes.com/demos/dandelion_wp/\n\nギャラリーサイトやポートフォリオのように画像中心の投稿でも随時追加される動的コンテンツを扱うにはWordPressが向いています。\n
  45. TシャツのECサイト(通販サイト):Welcartというプラグインを使っています。\nhttp://www.welcart.com/community/archives/2215\n
  46. 商品詳細ページ\nこのように通常のECサイトでできることが遜色なくできることはもちろん在庫状況や配送予定なども管理できる。\n\n他に・・・\n(mixiのようなSNSを作れるプラグインもあります。BuddyPress)\n(不動産サイトもプラグインでできるよ。⇒加藤さんのセッションへ)\n
  47. \n
  48. \n
  49. \n
  50. \n
  51. \n
  52. \n
  53. プラグインはプログラムやHTMLを知らなくても簡単に機能を追加できるので、サイト構築したいという方はもちろん、ブログをもっとパワーアップさせたいという方にもおすすめです。\nただし、中には悪意のあるプラグインもあるので初心者のうちは必ず公式のプラグインを使うようにしましょう。\n今日は初心者でも使えるプラグインを選びました。\n
  54. SNS連携のプラグインは他にもたくさんありますが、これが私が使った中では設定が簡単だと思いました。\n
  55. \n
  56. 詳しい使い方は松尾さんのセッションへ\n
  57. \n
  58. \n
  59. 初心者の方でもバックアップが簡単に取れるプラグイン\n
  60. \n
  61. \n
  62. \n
  63. \n