151
Typesハンズオン WordPressプラグイン Typesを使って まちのケーキ屋さんを作成してみよう♪ 1

Typesハンズオン

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Typesハンズオン

TypesハンズオンWordPressプラグイン Typesを使ってまちのケーキ屋さんを作成してみよう♪

1

Page 2: Typesハンズオン

まずはTypesインストール2

Page 3: Typesハンズオン

3

Page 4: Typesハンズオン

4

Page 5: Typesハンズオン

5

Page 6: Typesハンズオン

6

Page 7: Typesハンズオン

7

Page 8: Typesハンズオン

8

Page 9: Typesハンズオン

9

Page 10: Typesハンズオン

10

Page 11: Typesハンズオン

インストール完了11

Page 12: Typesハンズオン

事前設定(画像のリサイズ許可)12

Page 13: Typesハンズオン

13

Page 14: Typesハンズオン

14

Page 15: Typesハンズオン

15

Page 16: Typesハンズオン

16

Page 17: Typesハンズオン

17

Page 18: Typesハンズオン

その他の準備テーマの設定TwentyEleven

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

18

Page 19: Typesハンズオン

商品メニューの作成カスタム投稿タイプ19

Page 20: Typesハンズオン

20

Page 21: Typesハンズオン

21

Page 22: Typesハンズオン

22

Page 23: Typesハンズオン

23

Page 24: Typesハンズオン

『スラグ』は必ず半角英数字

24

Page 25: Typesハンズオン

25

Page 26: Typesハンズオン

デフォルトのままでOK

26

Page 27: Typesハンズオン

27

Page 28: Typesハンズオン

28

Page 29: Typesハンズオン

29

Page 30: Typesハンズオン

詳細は全部デフォルトの設定でOK30

Page 31: Typesハンズオン

31

Page 32: Typesハンズオン

完成32

Page 33: Typesハンズオン

商品カテゴリーの作成カスタムタクソノミー33

Page 34: Typesハンズオン

34

Page 35: Typesハンズオン

35

Page 36: Typesハンズオン

36

Page 37: Typesハンズオン

37

Page 38: Typesハンズオン

『スラグ』は必ず半角英数字

38

Page 39: Typesハンズオン

39

Page 40: Typesハンズオン

40

Page 41: Typesハンズオン

デフォルトのままでOK41

Page 42: Typesハンズオン

✔階層:カテゴリー フラット:タグ

42

Page 43: Typesハンズオン

デフォルトのままでOK43

Page 44: Typesハンズオン

44

Page 45: Typesハンズオン

完成45

Page 46: Typesハンズオン

商品登録フォームの作成カスタムフィード46

Page 47: Typesハンズオン

47

Page 48: Typesハンズオン

48

Page 49: Typesハンズオン

49

Page 50: Typesハンズオン

50

Page 51: Typesハンズオン

51

Page 52: Typesハンズオン

52

Page 53: Typesハンズオン

53

Page 54: Typesハンズオン

54

Page 55: Typesハンズオン

55

Page 56: Typesハンズオン

『スラグ』は必ず半角英数字

56

Page 57: Typesハンズオン

ブランク不可

57

Page 58: Typesハンズオン

『数値』以外の入力不可58

Page 59: Typesハンズオン

59

Page 60: Typesハンズオン

60

Page 61: Typesハンズオン

『スラグ』は必ず半角英数字

61

Page 62: Typesハンズオン

ブランク可

62

Page 63: Typesハンズオン

日付け以外は不可

63

Page 64: Typesハンズオン

64

Page 65: Typesハンズオン

65

Page 66: Typesハンズオン

66

Page 67: Typesハンズオン

複数画像の登録が可能

67

Page 68: Typesハンズオン

登録なしでもOK

68

Page 69: Typesハンズオン

69

Page 70: Typesハンズオン

70

Page 71: Typesハンズオン

完成71

Page 72: Typesハンズオン

データ登録商品カテゴリー

72

Page 73: Typesハンズオン

73

Page 74: Typesハンズオン

74

Page 75: Typesハンズオン

同じ要領で、以下のデータも作成・ケーキ・マカロン・洋菓子

75

Page 76: Typesハンズオン

データ登録商品76

Page 77: Typesハンズオン

77

Page 78: Typesハンズオン

78

Page 79: Typesハンズオン

79

Page 80: Typesハンズオン

80

Page 81: Typesハンズオン

81

Page 82: Typesハンズオン

82

Page 83: Typesハンズオン

83

Page 84: Typesハンズオン

84

Page 85: Typesハンズオン

85

Page 86: Typesハンズオン

86

Page 87: Typesハンズオン

87

Page 88: Typesハンズオン

88

Page 89: Typesハンズオン

89

Page 90: Typesハンズオン

90

Page 91: Typesハンズオン

91

Page 92: Typesハンズオン

92

Page 93: Typesハンズオン

93

Page 94: Typesハンズオン

94

Page 95: Typesハンズオン

95

Page 96: Typesハンズオン

96

Page 97: Typesハンズオン

97

Page 98: Typesハンズオン

98

Page 99: Typesハンズオン

99

Page 100: Typesハンズオン

同じ要領で画像登録

100

Page 101: Typesハンズオン

101

Page 102: Typesハンズオン

102

Page 103: Typesハンズオン

103

Page 104: Typesハンズオン

104

Page 105: Typesハンズオン

105

Page 106: Typesハンズオン

106

Page 107: Typesハンズオン

107

Page 108: Typesハンズオン

108

Page 109: Typesハンズオン

完成109

Page 110: Typesハンズオン

同じ要領で商品登録

商品名 値段 発売日

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

タルト 420 2012/11/20

110

Page 111: Typesハンズオン

商品一覧作成カスタムメニュー

111

Page 112: Typesハンズオン

112

Page 113: Typesハンズオン

113

Page 114: Typesハンズオン

114

Page 115: Typesハンズオン

115

Page 116: Typesハンズオン

116

Page 117: Typesハンズオン

117

Page 118: Typesハンズオン

118

Page 119: Typesハンズオン

119

Page 120: Typesハンズオン

120

Page 121: Typesハンズオン

121

Page 122: Typesハンズオン

122

Page 123: Typesハンズオン

123

Page 124: Typesハンズオン

124

Page 125: Typesハンズオン

ドラッグ&ドロップで1階層下に下げる125

Page 126: Typesハンズオン

126

Page 127: Typesハンズオン

127

Page 128: Typesハンズオン

完成128

Page 129: Typesハンズオン

サイドメニューに商品一覧を作成ウィジェット(Custom Taxonomies Menu Widget)

129

Page 130: Typesハンズオン

130

Page 131: Typesハンズオン

131

Page 132: Typesハンズオン

132

Page 133: Typesハンズオン

133

Page 134: Typesハンズオン

134

Page 135: Typesハンズオン

135

Page 136: Typesハンズオン

136

Page 137: Typesハンズオン

137

Page 138: Typesハンズオン

138

Page 139: Typesハンズオン

139

Page 140: Typesハンズオン

140

Page 141: Typesハンズオン

141

Page 142: Typesハンズオン

142

Page 143: Typesハンズオン

商品一覧に『発売日』を表示Types Fields API

143

Page 144: Typesハンズオン

Types Fields API144

Page 145: Typesハンズオン

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

145

Page 146: Typesハンズオン

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

146

Page 147: Typesハンズオン

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

APIの詳細:http://wp-types.com/documentation/functions/

147

Page 148: Typesハンズオン

archive.phpを編集

148

Page 149: Typesハンズオン

archive.phpを編集

149

Page 150: Typesハンズオン

完成150

Page 151: Typesハンズオン

お疲れ様でした

tkc49

takashi.hosoya151