Your SlideShare is downloading. ×
0
WordPressで  サイトを作ろう!                      2012.7.21 上村崇                      ウェブクリエイターズ高知                      WCK Session...
WordPressを使ってサイトを構築 するための基礎知識をご紹介します。Sunday, July 22, 12
あなたがやりたいことを         WordPressで叶えます                      ・外観(テーマ)を変えたい                       自分でカスタマイズできるようになりたい           ...
フリーのテーマは無数にありますSunday, July 22, 12
テーマのインストール                      外 観               管理画面上でテーマインストール可能Sunday, July 22, 12
テーマを自分でカスタマイズする場合は?Sunday, July 22, 12
カスタマイズSunday, July 22, 12
リアルタイム編集Sunday, July 22, 12
もっとガッツリとテーマ編集したい?Sunday, July 22, 12
wordpress                        wp-­‐content                         themes                          twentyelevenSunday, ...
index.php                              header.php                         content.php                                     ...
必要なファイルは限られているSunday, July 22, 12
<?php	  get_header();	  ?>                                                                   header.php                   ...
<?php	  get_header();	  ?>                                                                                                ...
テンプレートタグSunday, July 22, 12
WordPress	  Codex                      テンプレートタグ	  リファレンスSunday, July 22, 12
インデックスページ  (最新投稿順の一覧ページ)                      index.php                                  優先  シングルページ  (1記事のみのページ)         ...
アーカイブページ用        カテゴリーページ用                             インデックスページ用                              シングルページ用Sunday, July 22, 12
テンプレート階層Sunday, July 22, 12
ブログを書きたい固定ページを作りたいSunday, July 22, 12
投   稿   ブログを投稿する                              のに使う                      固定ページ   静的ページを作るの                              に使う...
固定ページはここに出るSunday, July 22, 12
・投稿     ・固定ページ     ・カスタム投稿タイプSunday, July 22, 12
Custom Post Type UISunday, July 22, 12
投稿タイプ名          hirosue                      (URLとして使用される文字列)                      ラベル         広末涼子                      (...
投   稿                      固定 ペー ジ                      広末涼子のカスタム投稿タイプができたSunday, July 22, 12
広末涼子の記事書き放題!Sunday, July 22, 12
http://xxx.xxx/?post_type=hirosueSunday, July 22, 12
カスタム投稿タイプが役に立つ例         HOME                       おしらせ     投稿(カテゴリ=おしらせ)                      スタッフブログ   投稿(カテゴリ=スタッフブログ) ...
お問い合わせフォームを入れたいSunday, July 22, 12
Sunday, July 22, 12
データのバックアップはどうすればいい?Sunday, July 22, 12
BackWPupプラグイン最強                        ・ファイルとDBの両方バックアップ                        ・バックアップファイルをFTP転送                        ・...
✕         地方におけるWordPressの付き合い方Sunday, July 22, 12
制作単価が安ければ                      工数かけなければいいじゃない                         プラグイン、テーマなどの有り物を                         できるだけ活用するSu...
携帯対応: Ktai StileプラグインSunday, July 22, 12
スマートフォン対応: WPtouchプラグインSunday, July 22, 12
ショッピングカート: WelcartプラグインSunday, July 22, 12
themeforest   WOOTHEMES       WordPress ThemesGallery      STUDIOPRESSSunday, July 22, 12
簡単インストール機能で時間節約          こんなサーバーを選ぼう!          ・WordPressの簡単インストール機能あり          ・新しいバージョンを使用していること             php 5.2.4以上...
初期費用 3950円                                  月額 1500円                      2ステップでDB作成とファイル設置まで完了Sunday, July 22, 12
ロリポプラン                                    初期費用 1575円                                    月額    315円                      3ス...
地方は勉強会が少ない?                      WordPress関連イベント一覧                          WordBench東京、大阪などは                             ...
WordBeach(名古屋) 2012.8.25-26      WordCamp東京     2012.9.15      WordCamp大阪     2012.秋Sunday, July 22, 12
WordPress 3.x (速習デザイン)                      大曲 仁, 星野 邦敏, 豊田 有【著】                      技術評論社                      本格ビジネスサイト...
ありがとうございましたSunday, July 22, 12
Upcoming SlideShare
Loading in...5
×

WordPressでサイトを作ろう!

4,080

Published on

2012.07.21 Webクリエイターズ高知で発表したプレゼン資料
http://kochiweb.doorkeeper.jp/events/1278

Published in: Technology
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,080
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
14
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

Transcript of "WordPressでサイトを作ろう!"

  1. 1. WordPressで サイトを作ろう! 2012.7.21 上村崇 ウェブクリエイターズ高知 WCK Sessions vol.2 「選ばれるCMSとその理由」Sunday, July 22, 12
  2. 2. WordPressを使ってサイトを構築 するための基礎知識をご紹介します。Sunday, July 22, 12
  3. 3. あなたがやりたいことを WordPressで叶えます ・外観(テーマ)を変えたい 自分でカスタマイズできるようになりたい ・ブログを書きたい、固定ページを作りたい ・お問い合わせフォームはどう作る? ・データのバックアップはどうするの? ・地方におけるWordPressの付き合い方Sunday, July 22, 12
  4. 4. フリーのテーマは無数にありますSunday, July 22, 12
  5. 5. テーマのインストール 外 観 管理画面上でテーマインストール可能Sunday, July 22, 12
  6. 6. テーマを自分でカスタマイズする場合は?Sunday, July 22, 12
  7. 7. カスタマイズSunday, July 22, 12
  8. 8. リアルタイム編集Sunday, July 22, 12
  9. 9. もっとガッツリとテーマ編集したい?Sunday, July 22, 12
  10. 10. wordpress wp-­‐content themes twentyelevenSunday, July 22, 12
  11. 11. index.php header.php content.php sidebar.php content.php footer.phpSunday, July 22, 12
  12. 12. 必要なファイルは限られているSunday, July 22, 12
  13. 13. <?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();  ?> contents.php    <?php  get_template_part(content,  get_post_format());  ?>     <?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();  ?> sidebar.php<?php  get_footer();  ?> footer.php Sunday, July 22, 12
  14. 14. <?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());  ?>     <?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();  ?> Sunday, July 22, 12
  15. 15. テンプレートタグSunday, July 22, 12
  16. 16. WordPress  Codex テンプレートタグ  リファレンスSunday, July 22, 12
  17. 17. インデックスページ (最新投稿順の一覧ページ) index.php 優先 シングルページ (1記事のみのページ) index.php single.php 優先 優先 カテゴリーごとページ (カテゴリごとに分けたページ一覧) index.php archive.php category.php 優先 優先 日付ごとページ (月毎に分けたページ一覧) index.php archive.php date.phpSunday, July 22, 12
  18. 18. アーカイブページ用 カテゴリーページ用 インデックスページ用 シングルページ用Sunday, July 22, 12
  19. 19. テンプレート階層Sunday, July 22, 12
  20. 20. ブログを書きたい固定ページを作りたいSunday, July 22, 12
  21. 21. 投 稿 ブログを投稿する のに使う 固定ページ 静的ページを作るの に使うSunday, July 22, 12
  22. 22. 固定ページはここに出るSunday, July 22, 12
  23. 23. ・投稿 ・固定ページ ・カスタム投稿タイプSunday, July 22, 12
  24. 24. Custom Post Type UISunday, July 22, 12
  25. 25. 投稿タイプ名 hirosue (URLとして使用される文字列) ラベル 広末涼子 (人が識別するための名前)Sunday, July 22, 12
  26. 26. 投 稿 固定 ペー ジ 広末涼子のカスタム投稿タイプができたSunday, July 22, 12
  27. 27. 広末涼子の記事書き放題!Sunday, July 22, 12
  28. 28. http://xxx.xxx/?post_type=hirosueSunday, July 22, 12
  29. 29. カスタム投稿タイプが役に立つ例 HOME おしらせ 投稿(カテゴリ=おしらせ) スタッフブログ 投稿(カテゴリ=スタッフブログ) 商品案内 カスタム投稿タイプSunday, July 22, 12
  30. 30. お問い合わせフォームを入れたいSunday, July 22, 12
  31. 31. Sunday, July 22, 12
  32. 32. データのバックアップはどうすればいい?Sunday, July 22, 12
  33. 33. BackWPupプラグイン最強 ・ファイルとDBの両方バックアップ ・バックアップファイルをFTP転送 ・スケジュール実行できる ・実行結果をメール通知できる ・DropBox/AmazonS3/GoogleStorage/  MicrosoftAzure/Rackspace Cloud  にも転送可能 ・リストアがブラウザからできる ・ただし英語Sunday, July 22, 12
  34. 34. ✕ 地方におけるWordPressの付き合い方Sunday, July 22, 12
  35. 35. 制作単価が安ければ 工数かけなければいいじゃない プラグイン、テーマなどの有り物を できるだけ活用するSunday, July 22, 12
  36. 36. 携帯対応: Ktai StileプラグインSunday, July 22, 12
  37. 37. スマートフォン対応: WPtouchプラグインSunday, July 22, 12
  38. 38. ショッピングカート: WelcartプラグインSunday, July 22, 12
  39. 39. themeforest WOOTHEMES WordPress ThemesGallery STUDIOPRESSSunday, July 22, 12
  40. 40. 簡単インストール機能で時間節約 こんなサーバーを選ぼう! ・WordPressの簡単インストール機能あり ・新しいバージョンを使用していること php 5.2.4以上 MySQL 5以上 ・phpがセーフモード動作のサーバーは避けた方が  良い(xreaとかcoreserverとか)Sunday, July 22, 12
  41. 41. 初期費用 3950円 月額 1500円 2ステップでDB作成とファイル設置まで完了Sunday, July 22, 12
  42. 42. ロリポプラン 初期費用 1575円 月額 315円 3ステップでDB作成とファイル設置まで完了Sunday, July 22, 12
  43. 43. 地方は勉強会が少ない? WordPress関連イベント一覧 WordBench東京、大阪などは Ustream配信アリSunday, July 22, 12
  44. 44. WordBeach(名古屋) 2012.8.25-26 WordCamp東京 2012.9.15 WordCamp大阪 2012.秋Sunday, July 22, 12
  45. 45. WordPress 3.x (速習デザイン) 大曲 仁, 星野 邦敏, 豊田 有【著】 技術評論社 本格ビジネスサイトを作りながら学ぶ WordPressの教科書 プライム・ストラテジー【著】 ソフトバンククリエイティブSunday, July 22, 12
  46. 46. ありがとうございましたSunday, July 22, 12
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×