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でブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜

32,539 views

Published on

2012.11.03 WordCamp Osaka 2012 にて発表

Published in: Design

WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜

  1. 1. WordPressでブログ以外のサイ トを作る 2012.11.03 WordCamp Osaka 2012
  2. 2. 自己紹介西山 拓磨• デザイナー/アートディレクター• 専門学校講師• 大阪・京都を中心に活動
  3. 3. ブログ以外のサイトの作り方
  4. 4. Blog
  5. 5. ‣ ブログサイト‣ コーポレートサイト‣ ショッピングサイト
  6. 6. 個人サイト:takumadesign http://takumadesign.com/
  7. 7. クライアントワーク:morisu maki http://morisumaki.com/
  8. 8. 専門学校でポートフォリオ制作を指導
  9. 9. WordPressで作るポートフォリオサイトhttp://www.slideshare.net/takuma2480/wordpress-12753727
  10. 10. WordPressを使ってポー ォ トフ リオを作ることが 得意です。
  11. 11. CMS
  12. 12. コンテンツ管理システム
  13. 13. CMS利用に役立つ機能
  14. 14. 1. カスタム投稿タイプ2. カスタムタクソノミー3. カスタムフィールド
  15. 15. カスタム⃝⃝
  16. 16. ※架空のサイトです
  17. 17. News 記事 EVENT イベントHome Gallery 作品 About Contact
  18. 18. 投稿タイプ「投稿」 「固定ページ と 」
  19. 19. 投稿時系列
  20. 20. News 記事 イベント EVENT 投稿Home Gallery 作品 About Contact
  21. 21. 固定ページ階層構造
  22. 22. News 記事 イベント EVENT 投稿Home Gallery 作品 About 固定ページ Contact
  23. 23. News 記事 EVENT イベントHome Gallery 作品 About
  24. 24. 1. カスタム投稿タイプ
  25. 25. News 記事 イベント EVENT 投稿Home Gallery 作品 About 固定ページ Contact
  26. 26. 記事 News 投稿 EVENT イベント カスタム投稿Home Gallery 作品 About 固定ページ Contact
  27. 27. functions.php にコードを記述function create_post_type() { register_post_type( event, array( label => イベント, public => true ) );}add_action( init, create_post_type ); または
  28. 28. プラグインをインストール
  29. 29. 「Custom Post Type UI」
  30. 30. Simple「CMS Press」
  31. 31. ❶❷❸
  32. 32. テンプレートファイル:archive-gallery.php
  33. 33. 2. カスタムタクソノミー
  34. 34. taxonomy分類
  35. 35. 分類「カテゴリー」 「タグ」 と
  36. 36. カテゴリー親子関係
  37. 37. タグキーワード
  38. 38. 「カテゴリー」「タグ」 以外の分類
  39. 39. functions.php にコードを記述function create_taxonomy() { register_taxonomy( creator, gallery, array( label => クリエイター, public => true ) );}add_action( init, create_taxonomy ); または
  40. 40. プラグインをインストール「CMS Press」
  41. 41. ❶❷❸
  42. 42. 3. カスタムフィールド
  43. 43. タイトル 本文
  44. 44. プラグインをインストール「Custom Field Template」
  45. 45.
  46. 46.
  47. 47. 値を呼び出す ループ内にコードを記述<?php echo post_custom( ⃝⃝ ); ?>
  48. 48. おまけ.カスタムメニュー
  49. 49. functions.php にコードを記述 add_theme_support( menus );
  50. 50. header.php にコードを記述<?php wp_nav_menu(array(menu => ⃝⃝)); ?>
  51. 51. ‣ 適切な投稿タイプを選択‣ カスタム機能で自由自在‣ アイデアと使い方次第
  52. 52. Special Thanksakky サク@akky272 @mo_naoco鈴木梨沙 morisu maki@m0m0dach @morisumaki

×