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カスタマイズ実践20122012.10.18 WordBench神戸 上村崇第16回 岡山WEBクリエイターズ「jQuery・WordPress実践2012」
自己紹介      @uemera   uemura• 上村崇 ( うえむらたかし )• フリーランスのシステムエンジニア• サーバインフラ、組込みシステム、Web とか。• IT 業界のキャリア 10 年ちょっと• 兵庫県西宮市在住
最近のオレ                 XOO PS             勉強会準備              WordBench,              サーバ関係                              PHP...
WordPressのコミュニティ            神戸に在籍                    岡山もあるよ。                    でも活動休止中?
4月に、「春のCMS徹底比較バトル」でお話させてもらいました。
2012.10時点のトレンド
詳しくは過去の資料をご覧ください。    WordPressの天下はいつまで続く? WordPressの現状と未来    http://prezi.com/dnuvx7wirgee/wordpress-wordpress-web/
今日は、「理論ではなく、WordPressを実践するための基礎知識」をご紹介します。
その前に、「なぜWordPressで作るのですか?」「WordPressじゃないといけないのでしょうか?」なんでもかんでもWordPressではなく、「WordPressで作った方が有利」な場合に採用するようにしましょう。
客                           制作者    自分で記事編集したいんだよね      CMSで作りましょう    でも安くないとヤダよ      ( WordPressかなぁ... )
PCだけじゃなくて、スマホや携帯からも更新したいガラケーでも見られるようにしてブログ3つ必要なんだよねもしかしたらあとで機能追加あるかも   ( WordPressかなぁ... )
制作者側からみた、WordPressで作るメリット    ・WordPressって言えばモテる    ・実績になる、次につながりやすい    ・CMSのデファクトスタンダードなので安心    ・ネットに情報が多い
制作者側からみた、WordPressで作るデメリット    ・ phpをある程度知っておかないといけない    ・ WordPressの制作単価は下がる傾向にある。    ・ 顧客を囲い込めない
WordPress実践・外観(テーマ)を選ぶ、カスタマイズする・ブログ、固定ページ、カスタムページの違い・お問い合わせフォームはどう作る?・データのバックアップはどうする?・おすすめプラグイン・インストールにおすすめのレンタルサーバ
テーマ(外観)を    選ぶ、作る
自分でテーマを作らなくても、フリーのテーマは無数にあります
テーマのインストール外 観・管理画面上でテーマインストール可能。・ファイルをFTPなどでアップロードする必要はない。
約800のテーマから選べる
テーマを自分でカスタマイズする場合は?
カスタマイズ
リアルタイム編集
もっとガッツリとテーマ編集したい?テーマファイルを直接編集する必要があります
テーマファイルの置き場所wordpress  wp-­‐content   themes    twentyeleven
index.php        header.php   content.php                     sidebar.php   content.php            footer.php
テーマフォルダに入っているファイル     content.php    記事コンテンツ用                      footer.php                                   フッタ用header...
<?php	  get_header();	  ?>                                                                   header.php                   ...
<?php	  get_header();	  ?>                                                                                                ...
詳しくはテンプレートタグ    で検索!
WordPress Codexテンプレートタグ リファレンス
テンプレートファイルが適用されるルールインデックスページ(最新投稿順の一覧ページ)シングルページ                カテゴリーごとページ                インデックスページ                 シングルペー...
テンプレートファイルが適用されるルールインデックスページ(最新投稿順の一覧ページ)                    index.php                                優先シングルページ(1記事のみのページ)...
archive.php          category.phpアーカイブページ用             カテゴリーページ用 (無くてもOK)                 (無くてもOK)                  index....
詳しくはテンプレート階層   で検索!
ブログ、固定ページ、カスタムページの違いそれぞれの役割をちゃんと理解しよう
投   稿   ブログを投稿する        のに使う固定ページ   静的ページを作るの        に使う
固定ページはここに出る例えば・特定商取引・個人情報保護方針・交通アクセス
投稿タイプは3つある投稿固定ページカスタム投稿タイプこれを覚えるとWordPressのカスタムの幅がぐっと広がる!
Typesプラグインでカスタム投稿タイプを使う
プラグイン - 新規追加                     広   管理画面からプラグインの追加ができる!
Custom Post Type追加
大都会岡山                        大都会岡山                        (人が識別するための名前)                    okayama                    (URL...
投   稿固定 ペー ジ大都会岡山のカスタム投稿タイプができた!
大都会岡山の記事書き放題!
http://xxx.xxx/?post_type=okayama               ?post_type=okayama               とすることで、大都会岡山の               投稿タイプの一覧ページが見...
カスタム投稿タイプが役に立つ例HOME        おしらせ     投稿(カテゴリ=おしらせ)       スタッフブログ   投稿(カテゴリ=スタッフブログ)        商品案内     カスタム投稿タイプ
お問い合わせフォームはどう作る?
問い合わせフォームの入力項目をカスタマイズ出来る。
データのバックアップはどうすればいい?
BackWPupプラグイン最強  ・ファイルとDBの両方バックアップ  ・バックアップファイルをFTP転送  ・スケジュール実行できる  ・実行結果をメール通知できる  ・DropBox/AmazonS3/GoogleStorage/   Mi...
便利なプラグイン紹介
携帯対応: Ktai Stileプラグイン
スマートフォン対応: WPtouchプラグイン
ショッピングカート: Welcartプラグイン
インストールにおすすめのレンタルサーバ
簡単インストール機能で時間節約こんなサーバーを選ぼう!・WordPressの簡単インストール機能あり・新しいバージョンを使用していること   php 5.2.4以上   MySQL 5以上・phpがセーフモード動作のサーバーは避けた方が 良い(...
初期費用 3950円            月額 1500円2ステップでDB作成とファイル設置まで完了
ロリポプラン              初期費用 1575円              月額    315円3ステップでDB作成とファイル設置まで完了
最後に
イベントめじろ押し!          WordPress関連イベント一覧                       WordBench東京、大阪などは                                Ustream配信アリht...
ありがとうございました
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
Upcoming SlideShare
Loading in …5
×

WordPress実践 導入からカスタマイズまで

2,423 views

Published on

WordPressの導入からかすたまいずm

Published in: Technology
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

WordPress実践 導入からカスタマイズまで

  1. 1. WordPressカスタマイズ実践20122012.10.18 WordBench神戸 上村崇第16回 岡山WEBクリエイターズ「jQuery・WordPress実践2012」
  2. 2. 自己紹介 @uemera uemura• 上村崇 ( うえむらたかし )• フリーランスのシステムエンジニア• サーバインフラ、組込みシステム、Web とか。• IT 業界のキャリア 10 年ちょっと• 兵庫県西宮市在住
  3. 3. 最近のオレ XOO PS 勉強会準備 WordBench, サーバ関係 PHPフレームワーク FuelPHP、CodeIgniter JavaScript jQuery WordPress主に技術サポート さくらVPS(CentOS)、LAMP、 メールサーバ、git、samba、netatalk サーバインフラ
  4. 4. WordPressのコミュニティ 神戸に在籍 岡山もあるよ。 でも活動休止中?
  5. 5. 4月に、「春のCMS徹底比較バトル」でお話させてもらいました。
  6. 6. 2012.10時点のトレンド
  7. 7. 詳しくは過去の資料をご覧ください。 WordPressの天下はいつまで続く? WordPressの現状と未来 http://prezi.com/dnuvx7wirgee/wordpress-wordpress-web/
  8. 8. 今日は、「理論ではなく、WordPressを実践するための基礎知識」をご紹介します。
  9. 9. その前に、「なぜWordPressで作るのですか?」「WordPressじゃないといけないのでしょうか?」なんでもかんでもWordPressではなく、「WordPressで作った方が有利」な場合に採用するようにしましょう。
  10. 10. 客 制作者 自分で記事編集したいんだよね CMSで作りましょう でも安くないとヤダよ ( WordPressかなぁ... )
  11. 11. PCだけじゃなくて、スマホや携帯からも更新したいガラケーでも見られるようにしてブログ3つ必要なんだよねもしかしたらあとで機能追加あるかも ( WordPressかなぁ... )
  12. 12. 制作者側からみた、WordPressで作るメリット ・WordPressって言えばモテる ・実績になる、次につながりやすい ・CMSのデファクトスタンダードなので安心 ・ネットに情報が多い
  13. 13. 制作者側からみた、WordPressで作るデメリット ・ phpをある程度知っておかないといけない ・ WordPressの制作単価は下がる傾向にある。 ・ 顧客を囲い込めない
  14. 14. WordPress実践・外観(テーマ)を選ぶ、カスタマイズする・ブログ、固定ページ、カスタムページの違い・お問い合わせフォームはどう作る?・データのバックアップはどうする?・おすすめプラグイン・インストールにおすすめのレンタルサーバ
  15. 15. テーマ(外観)を 選ぶ、作る
  16. 16. 自分でテーマを作らなくても、フリーのテーマは無数にあります
  17. 17. テーマのインストール外 観・管理画面上でテーマインストール可能。・ファイルをFTPなどでアップロードする必要はない。
  18. 18. 約800のテーマから選べる
  19. 19. テーマを自分でカスタマイズする場合は?
  20. 20. カスタマイズ
  21. 21. リアルタイム編集
  22. 22. もっとガッツリとテーマ編集したい?テーマファイルを直接編集する必要があります
  23. 23. テーマファイルの置き場所wordpress wp-­‐content themes twentyeleven
  24. 24. index.php header.php content.php sidebar.php content.php footer.php
  25. 25. テーマフォルダに入っているファイル content.php 記事コンテンツ用 footer.php フッタ用header.php ヘッダ用 index.php インデックスページ用必要なファイルは限られている スタイルシート sidebar.php サイドバー用
  26. 26. <?php  get_header();  ?> header.php index.php<div  id="primary">   <div  id="content"  role="main">   <?php  if  (  have_posts()  )  :  ?>     <?php  twentyeleven_content_nav(  nav-­‐above  );  ?>     <?php  /*  Start  the  Loop  */  ?>   <?php  while  (  have_posts()  )  :  the_post();  ?> content.php    <?php  get_template_part(content,  get_post_format());  ?>     <?php  endwhile;  ?>       テンプレートタグ という <?php  twentyeleven_content_nav(  nav-­‐below  );  ?> <?php  else  :  ?>                 WordPressが用意している関数 <article  id="post-­‐0"  class="post  no-­‐results  not-­‐found"> <header  class="entry-­‐header">   <h1  class="entry-­‐title"><?php  _e(  Nothing  Found,  twentyeleven  );  ?></h1>       </header><!-­‐-­‐  .entry-­‐header  -­‐-­‐>       <div  class="entry-­‐content">         <p><?php  _e(  Apologies,  but  no  results  were  found  for  the  requested  archive.  Perhaps  searching  will  help  find  a  related  post.         <?php  get_search_form();  ?>       </div><!-­‐-­‐  .entry-­‐content  -­‐-­‐>     </article><!-­‐-­‐  #post-­‐0  -­‐-­‐>   <?php  endif;  ?>   </div><!-­‐-­‐  #content  -­‐-­‐></div><!-­‐-­‐  #primary  -­‐-­‐><?php  get_sidebar();  ?> sidebar.php<?php  get_footer();  ?> footer.php
  27. 27. <?php  get_header();  ?> index.php<div  id="primary">   <div  id="content"  role="main"> テンプレートタグ   <?php  if  (  have_posts()  )  :  ?>     <?php  twentyeleven_content_nav(  nav-­‐above  );  ?>     <?php  /*  Start  the  Loop  */  ?>   <?php  while  (  have_posts()  )  :  the_post();  ?>    <?php  get_template_part(content,  get_post_format());  ?> 1記事分を表示     <?php  endwhile;  ?>     <?php  twentyeleven_content_nav(  nav-­‐below  );  ?>   <?php  else  :  ?>     <article  id="post-­‐0"  class="post  no-­‐results  not-­‐found">       <header  class="entry-­‐header">         <h1  class="entry-­‐title"><?php  _e(  Nothing  Found,  twentyeleven  );  ?></h1>       </header><!-­‐-­‐  .entry-­‐header  -­‐-­‐>       <div  class="entry-­‐content">         <p><?php  _e(  Apologies,  but  no  results  were  found  for  the  requested  archive.  Perhaps  searching  will  help  find  a  related  post.         <?php  get_search_form();  ?>       </div><!-­‐-­‐  .entry-­‐content  -­‐-­‐>     </article><!-­‐-­‐  #post-­‐0  -­‐-­‐>   <?php  endif;  ?>   </div><!-­‐-­‐  #content  -­‐-­‐></div><!-­‐-­‐  #primary  -­‐-­‐><?php  get_sidebar();  ?><?php  get_footer();  ?>
  28. 28. 詳しくはテンプレートタグ で検索!
  29. 29. WordPress Codexテンプレートタグ リファレンス
  30. 30. テンプレートファイルが適用されるルールインデックスページ(最新投稿順の一覧ページ)シングルページ カテゴリーごとページ インデックスページ シングルページ 日付ごとページ(1記事のみのページ)カテゴリーごとページ(カテゴリごとに分けたページ一覧)日付ごとページ(月毎に分けたページ一覧)
  31. 31. テンプレートファイルが適用されるルールインデックスページ(最新投稿順の一覧ページ) index.php 優先シングルページ(1記事のみのページ) index.php single.php 優先 優先カテゴリーごとページ(カテゴリごとに分けたページ一覧) index.php archive.php category.php 優先 優先日付ごとページ(月毎に分けたページ一覧) index.php archive.php date.php
  32. 32. archive.php category.phpアーカイブページ用 カテゴリーページ用 (無くてもOK) (無くてもOK) index.php インデックスページ用 (必須) single.php シングルページ用 (無くてもOK)
  33. 33. 詳しくはテンプレート階層 で検索!
  34. 34. ブログ、固定ページ、カスタムページの違いそれぞれの役割をちゃんと理解しよう
  35. 35. 投 稿 ブログを投稿する のに使う固定ページ 静的ページを作るの に使う
  36. 36. 固定ページはここに出る例えば・特定商取引・個人情報保護方針・交通アクセス
  37. 37. 投稿タイプは3つある投稿固定ページカスタム投稿タイプこれを覚えるとWordPressのカスタムの幅がぐっと広がる!
  38. 38. Typesプラグインでカスタム投稿タイプを使う
  39. 39. プラグイン - 新規追加 広 管理画面からプラグインの追加ができる!
  40. 40. Custom Post Type追加
  41. 41. 大都会岡山 大都会岡山 (人が識別するための名前) okayama (URLとして使用される文字列)Costom post type: カスタム投稿タイプのことスラグ: URLに使うためのページ固有の文字列のこと 画面の一番下にある「CustomPostTypeを保存」をクリックして保存する
  42. 42. 投 稿固定 ペー ジ大都会岡山のカスタム投稿タイプができた!
  43. 43. 大都会岡山の記事書き放題!
  44. 44. http://xxx.xxx/?post_type=okayama ?post_type=okayama とすることで、大都会岡山の 投稿タイプの一覧ページが見 られる。 okamayaはスラッグ名
  45. 45. カスタム投稿タイプが役に立つ例HOME おしらせ 投稿(カテゴリ=おしらせ) スタッフブログ 投稿(カテゴリ=スタッフブログ) 商品案内 カスタム投稿タイプ
  46. 46. お問い合わせフォームはどう作る?
  47. 47. 問い合わせフォームの入力項目をカスタマイズ出来る。
  48. 48. データのバックアップはどうすればいい?
  49. 49. BackWPupプラグイン最強 ・ファイルとDBの両方バックアップ ・バックアップファイルをFTP転送 ・スケジュール実行できる ・実行結果をメール通知できる ・DropBox/AmazonS3/GoogleStorage/  MicrosoftAzure/Rackspace Cloud  にも転送可能 ・リストアがブラウザからできる ・ただし英語
  50. 50. 便利なプラグイン紹介
  51. 51. 携帯対応: Ktai Stileプラグイン
  52. 52. スマートフォン対応: WPtouchプラグイン
  53. 53. ショッピングカート: Welcartプラグイン
  54. 54. インストールにおすすめのレンタルサーバ
  55. 55. 簡単インストール機能で時間節約こんなサーバーを選ぼう!・WordPressの簡単インストール機能あり・新しいバージョンを使用していること php 5.2.4以上 MySQL 5以上・phpがセーフモード動作のサーバーは避けた方が 良い(xreaとかcoreserverとか)
  56. 56. 初期費用 3950円 月額 1500円2ステップでDB作成とファイル設置まで完了
  57. 57. ロリポプラン 初期費用 1575円 月額 315円3ステップでDB作成とファイル設置まで完了
  58. 58. 最後に
  59. 59. イベントめじろ押し! WordPress関連イベント一覧 WordBench東京、大阪などは Ustream配信アリhttp://wordbench.org
  60. 60. ありがとうございました

×