SlideShare a Scribd company logo
1 of 151
Download to read offline
Typesハンズオン
WordPressプラグイン Typesを使って
まちのケーキ屋さんを作成してみよう♪




                 1
まずはTypesインストール
      2
3
4
5
6
7
8
9
10
インストール完了
     11
事前設定(画像のリサイズ許可)
       12
13
14
15
16
17
その他の準備
テーマの設定
TwentyEleven


プラグインのインストール
Ultimate TinyMCE
PS Taxonomy Expander


                18
商品メニューの作成
カスタム投稿タイプ
19
20
21
22
23
『スラグ』は必ず半角英数字




   24
25
デフォルトのままでOK

26
27
28
29
詳細は全部デフォルトの設定でOK
    30
31
完成
32
商品カテゴリーの作成
カスタムタクソノミー
33
34
35
36
37
『スラグ』は必ず半角英数字




 38
39
40
デフォルトのままでOK
41
✔階層:カテゴリー
      フラット:タグ




42
デフォルトのままでOK
43
44
完成
45
商品登録フォームの作成
カスタムフィード
46
47
48
49
50
51
52
53
54
55
『スラグ』は必ず半角英数字




    56
ブランク不可

 57
『数値』以外の入力不可
  58
59
60
『スラグ』は必ず半角英数字




 61
ブランク可




 62
日付け以外は不可


 63
64
65
66
複数画像の登録が可能




67
登録なしでもOK



68
69
70
完成
71
データ登録
商品カテゴリー   72
73
74
同じ要領で、
     以下のデータも作成
     ・ケーキ
     ・マカロン
     ・洋菓子
75
データ登録
商品
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
同じ要領で画像登録


  100
101
102
103
104
105
106
107
108
完成
109
同じ要領で商品登録


  商品名     値段      発売日


 チョコレート
          525   2012/11/30
   ケーキ


  タルト     420   2012/11/20



          110
商品一覧作成
カスタムメニュー
     111
112
113
114
115
116
117
118
119
120
121
122
123
124
ドラッグ&ドロップで
1階層下に下げる
125
126
127
完成
128
サイドメニューに商品一覧を作成
ウィジェット(Custom Taxonomies Menu Widget)
                  129
130
131
132
133
134
135
136
137
138
139
140
141
142
商品一覧に『発売日』を表示
Types Fields API
           143
Types Fields API
     144
types_render_field(
"field-slug",
array("arg1"=>"val1","arg2"=>"val2"))
);



                 145
types_render_field(
"field-slug",
array("arg1"=>"val1","arg2"=>"val2"))
);



                 146
types_render_field(
"field-slug",
array("arg1"=>"val1","arg2"=>
"val2"))
);
 APIの詳細:
 http://wp-types.com/documentation/functions/
                       147
archive.phpを編集




          148
archive.phpを編集




          149
完成
150
お疲れ様でした

  tkc49


  takashi.hosoya
   151

More Related Content

More from Takashi Hosoya

2014年6月7日【ハンズオン】体験して学ぶ はじめてのブログ・サイト制作
2014年6月7日【ハンズオン】体験して学ぶ はじめてのブログ・サイト制作2014年6月7日【ハンズオン】体験して学ぶ はじめてのブログ・サイト制作
2014年6月7日【ハンズオン】体験して学ぶ はじめてのブログ・サイト制作Takashi Hosoya
 
CoderDojoでもAWSを使ってみようかしら
CoderDojoでもAWSを使ってみようかしらCoderDojoでもAWSを使ってみようかしら
CoderDojoでもAWSを使ってみようかしらTakashi Hosoya
 
【ひょうごんNPO塾】ネットワークで動くNPOに必要不可欠!グループウェアの使い方
【ひょうごんNPO塾】ネットワークで動くNPOに必要不可欠!グループウェアの使い方【ひょうごんNPO塾】ネットワークで動くNPOに必要不可欠!グループウェアの使い方
【ひょうごんNPO塾】ネットワークで動くNPOに必要不可欠!グループウェアの使い方Takashi Hosoya
 
WordPress専用ディレクトリーで運用
WordPress専用ディレクトリーで運用WordPress専用ディレクトリーで運用
WordPress専用ディレクトリーで運用Takashi Hosoya
 
Home.phpを使ってtopページをカスタマイズしよう!
Home.phpを使ってtopページをカスタマイズしよう!Home.phpを使ってtopページをカスタマイズしよう!
Home.phpを使ってtopページをカスタマイズしよう!Takashi Hosoya
 
「WordPress事例の徹底解説」
「WordPress事例の徹底解説」「WordPress事例の徹底解説」
「WordPress事例の徹底解説」Takashi Hosoya
 

More from Takashi Hosoya (6)

2014年6月7日【ハンズオン】体験して学ぶ はじめてのブログ・サイト制作
2014年6月7日【ハンズオン】体験して学ぶ はじめてのブログ・サイト制作2014年6月7日【ハンズオン】体験して学ぶ はじめてのブログ・サイト制作
2014年6月7日【ハンズオン】体験して学ぶ はじめてのブログ・サイト制作
 
CoderDojoでもAWSを使ってみようかしら
CoderDojoでもAWSを使ってみようかしらCoderDojoでもAWSを使ってみようかしら
CoderDojoでもAWSを使ってみようかしら
 
【ひょうごんNPO塾】ネットワークで動くNPOに必要不可欠!グループウェアの使い方
【ひょうごんNPO塾】ネットワークで動くNPOに必要不可欠!グループウェアの使い方【ひょうごんNPO塾】ネットワークで動くNPOに必要不可欠!グループウェアの使い方
【ひょうごんNPO塾】ネットワークで動くNPOに必要不可欠!グループウェアの使い方
 
WordPress専用ディレクトリーで運用
WordPress専用ディレクトリーで運用WordPress専用ディレクトリーで運用
WordPress専用ディレクトリーで運用
 
Home.phpを使ってtopページをカスタマイズしよう!
Home.phpを使ってtopページをカスタマイズしよう!Home.phpを使ってtopページをカスタマイズしよう!
Home.phpを使ってtopページをカスタマイズしよう!
 
「WordPress事例の徹底解説」
「WordPress事例の徹底解説」「WordPress事例の徹底解説」
「WordPress事例の徹底解説」
 

Typesハンズオン