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

31,517 views

Published on

2012.11.03 WordCamp Osaka 2012 にて発表

Published in: Design
0 Comments
77 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
31,517
On SlideShare
0
From Embeds
0
Number of Embeds
1,378
Actions
Shares
0
Downloads
222
Comments
0
Likes
77
Embeds 0
No embeds

No notes for slide

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

×