Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай WordPress, а также все другие курсы, прямо сейчас!
Премиум
  • Урок 1. 00:01:54
    Welcome + week overview
  • Урок 2. 00:00:43
    The course guides
  • Урок 3. 00:02:06
    Introducing the brief
  • Урок 4. 00:07:04
    Translating our brief into features
  • Урок 5. 00:03:35
    Our project design
  • Урок 6. 00:11:19
    Exploring our design + features
  • Урок 7. 00:12:31
    A background on the web
  • Урок 8. 00:07:06
    What is a backend?
  • Урок 9. 00:05:38
    What is WordPress good for?
  • Урок 10. 00:03:46
    How WordPress works
  • Урок 11. 00:06:46
    Choosing a code editor
  • Урок 12. 00:04:14
    Installing MAMP to run our sites locally
  • Урок 13. 00:05:31
    Downloading WordPress into our website folder
  • Урок 14. 00:06:20
    Creating our database + installing WordPress
  • Урок 15. 00:18:35
    Exploring the WordPress dashboard
  • Урок 16. 00:02:40
    Looking at pages + posts
  • Урок 17. 00:01:53
    Exploring the WordPress codebase
  • Урок 18. 00:04:28
    Installing our blank underscores theme
  • Урок 19. 00:07:19
    Digging into themes + their templates
  • Урок 20. 00:03:08
    Creating a new WordPress install for cool mat
  • Урок 21. 00:06:42
    Adding our first food items as posts
  • Урок 22. 00:04:55
    Editing our theme files
  • Урок 23. 00:03:14
    Exploring our post content file
  • Урок 24. 00:02:20
    Week summary + homework
  • Урок 25. 00:04:18
    Welcome back + week overview
  • Урок 26. 00:03:02
    Getting our website running again
  • Урок 27. 00:04:51
    Adding our remaining food menu items
  • Урок 28. 00:04:11
    Looking at loops
  • Урок 29. 00:05:09
    Post content + template tags
  • Урок 30. 00:08:59
    Shaping our content to our design
  • Урок 31. 00:05:46
    Editing our main stylesheet
  • Урок 32. 00:12:45
    Loading custom stylesheets
  • Урок 33. 00:06:58
    Structuring our header
  • Урок 34. 00:03:28
    Adding a custom navigation
  • Урок 35. 00:18:14
    Using custom fonts + styling our header
  • Урок 36. 00:16:09
    Coding up our hero section
  • Урок 37. 00:02:34
    Updating our website tagline
  • Урок 38. 00:14:07
    Coding up our intro + story section
  • Урок 39. 00:07:08
    Styling up our food menu items
  • Урок 40. 00:02:07
    Fine tuning our food menu items
  • Урок 41. 00:12:43
    Using CSS grid for our food menu layout
  • Урок 42. 00:03:12
    Making our navigation links work
  • Урок 43. 00:04:58
    Week summary + homework
  • Урок 44. 00:06:22
    Intro + week overview
  • Урок 45. 00:00:45
    The final code on GitHub
  • Урок 46. 00:01:54
    Getting back up + running
  • Урок 47. 00:14:12
    Add numbers to our food menu items
  • Урок 48. 00:14:05
    Styling our food menu item numbers
  • Урок 49. 00:17:52
    Embedding our map + directions
  • Урок 50. 00:05:22
    Creating ratio boxes using CSS
  • Урок 51. 00:11:41
    Customizing our footer
  • Урок 52. 00:03:57
    Making our copyright year dynamic
  • Урок 53. 00:14:31
    Trimming down our theme
  • Урок 54. 00:07:23
    Adding responsive header styles
  • Урок 55. 00:05:07
    Adding multiple loops to our page
  • Урок 56. 00:07:19
    Querying for specific posts
  • Урок 57. 00:02:04
    Exploring the WordPress docs
  • Урок 58. 00:08:05
    Adding responsive hero section styles
  • Урок 59. 00:07:24
    Making our intro section dynamic
  • Урок 60. 00:11:01
    Styling up our intro section
  • Урок 61. 00:02:14
    Introducing custom post types
  • Урок 62. 00:03:46
    Adding a custom post type
  • Урок 63. 00:03:08
    Moving our intro content over
  • Урок 64. 00:07:31
    Adding a locations custom post type
  • Урок 65. 00:03:48
    Introducing advanced custom fields
  • Урок 66. 00:08:15
    Installing + configuring our custom fields
  • Урок 67. 00:05:10
    Using category descriptions for section headings
  • Урок 68. 00:03:59
    Setting up our site to support multiple languages
  • Урок 69. 00:06:11
    Adding translated posts via the dashboard
  • Урок 70. 00:04:40
    Converting our menu into different languages
  • Урок 71. 00:04:42
    Translating our restaurant intro + locations
  • Урок 72. 00:03:12
    Adding a language switcher
  • Урок 73. 00:05:02
    Setting up web hosting
  • Урок 74. 00:05:43
    Configuring our website to put live
  • Урок 75. 00:07:56
    Uploading our website using FTP
  • Урок 76. 00:05:26
    Exporting and importing our data
  • Урок 77. 00:05:29
    Connecting a custom domain name
  • Урок 78. 00:04:20
    Making some final CSS grid tweaks
  • Урок 79. 00:03:11
    Homework challenges
  • Урок 80. 00:02:11
    Week + project summary
  • Урок 81. 00:02:55
    Intro + week overview
  • Урок 82. 00:03:23
    Using Figma as our design tool
  • Урок 83. 00:01:20
    A recap on guides + the final code
  • Урок 84. 00:01:35
    Design shout-outs
  • Урок 85. 00:08:31
    Building our homepage feature list
  • Урок 86. 00:13:30
    Our location page features
  • Урок 87. 00:03:46
    Breaking our design into components
  • Урок 88. 00:06:31
    Running a fresh WordPress install
  • Урок 89. 00:06:03
    Adding our first post + trimming content
  • Урок 90. 00:07:20
    Custom fields for the hero component
  • Урок 91. 00:08:54
    Structuring our hero component
  • Урок 92. 00:04:02
    Adding a custom background image
  • Урок 93. 00:09:20
    Introducing design systems + tachyons
  • Урок 94. 00:10:38
    How does tachyons work?
  • Урок 95. 00:20:12
    Styling our header using tachyons
  • Урок 96. 00:09:27
    Installing custom Google fonts
  • Урок 97. 00:03:51
    Debugging code when things go wrong
  • Урок 98. 00:07:42
    Adding the other location posts
  • Урок 99. 00:04:20
    Putting our hero into a separate file
  • Урок 100. 00:04:20
    Introducing flexible components
  • Урок 101. 00:08:01
    Adding the header + text components
  • Урок 102. 00:08:15
    Displaying flexible content in our theme
  • Урок 103. 00:09:29
    Styling the header image
  • Урок 104. 00:13:32
    Typographic header styles
  • Урок 105. 00:06:31
    Styling the text block component
  • Урок 106. 00:04:48
    Linking to posts + theme clean-up
  • Урок 107. 00:04:31
    Adding remaining location headers
  • Урок 108. 00:03:56
    Week summary + homework
  • Урок 109. 00:06:47
    Week intro + overview
  • Урок 110. 00:01:42
    Reintroducing design systems
  • Урок 111. 00:06:48
    Responsive design using tachyons
  • Урок 112. 00:09:19
    Adding responsive widths
  • Урок 113. 00:22:19
    Styling our header using responsive tools
  • Урок 114. 00:01:55
    What is tachyons suited for?
  • Урок 115. 00:02:45
    What are functions?
  • Урок 116. 00:07:00
    Writing our first function
  • Урок 117. 00:03:25
    Formatting our date nicely with a function
  • Урок 118. 00:06:21
    Cutting down repeated code
  • Урок 119. 00:04:18
    Displaying an image attachment
  • Урок 120. 00:02:39
    Responsive styles for image attachments
  • Урок 121. 00:04:37
    Storing + getting data using objects
  • Урок 122. 00:06:00
    Displaying + styling image captions
  • Урок 123. 00:06:28
    What are arrays?
  • Урок 124. 00:02:06
    Creating our gallery custom fields
  • Урок 125. 00:05:50
    Adding the gallery component
  • Урок 126. 00:04:03
    Organising components into files
  • Урок 127. 00:07:21
    Displaying gallery images in our theme
  • Урок 128. 00:06:08
    Styling the gallery images
  • Урок 129. 00:07:31
    Creating custom widths for images
  • Урок 130. 00:02:29
    Styling the text component
  • Урок 131. 00:02:32
    Organising our gallery into a component file
  • Урок 132. 00:07:10
    Using WP_Query for improved queries
  • Урок 133. 00:04:18
    Excluding the current post from a loop
  • Урок 134. 00:03:31
    Typographic styling for the explore section
  • Урок 135. 00:14:53
    Aspect ratio boxes using tachyons
  • Урок 136. 00:04:02
    Dropping in our social sharing links
  • Урок 137. 00:12:28
    Adding the homepage components
  • Урок 138. 00:02:32
    Adding the footer component + styles
  • Урок 139. 00:05:57
    Introducing page transitions
  • Урок 140. 00:09:36
    Using barba.js for page transitions
  • Урок 141. 00:11:32
    A design once-over with tweaks
  • Урок 142. 00:11:07
    Adding the remaining Hong Kong content
  • Урок 143. 00:09:02
    Preparing + putting our website online
  • Урок 144. 00:06:12
    Connecting a custom domain
  • Урок 145. 00:09:02
    Thinking about performance
  • Урок 146. 00:04:01
    Optimising images
  • Урок 147. 00:11:16
    Week summary + homeworks
  • Урок 148. 00:00:55
    Week intro
  • Урок 149. 00:13:33
    Leading with our client proposal
  • Урок 150. 00:08:10
    Introducing Flywheel
  • Урок 151. 00:17:20
    Exploring e-commerce options
  • Урок 152. 00:04:19
    Creating our theme
  • Урок 153. 00:09:09
    Installing + configuring WooCommerce
  • Урок 154. 00:10:56
    Exploring WooCommerce itself
  • Урок 155. 00:02:15
    Checking off completed features
  • Урок 156. 00:07:29
    Introducing the design
  • Урок 157. 00:06:11
    Showing WooCommerce’s flexibility
  • Урок 158. 00:03:50
    Creating product categories
  • Урок 159. 00:11:46
    Adding some initial products
  • Урок 160. 00:04:15
    Product search + additional features
  • Урок 161. 00:05:31
    Advanced theme options for WooCommerce
  • Урок 162. 00:05:21
    Customising WooCommerce templates
  • Урок 163. 00:05:03
    Creating our site on Flywheel
  • Урок 164. 00:03:05
    Pushing our site live
  • Урок 165. 00:03:01
    Week overview + homeworks
  • Урок 166. 00:02:00
    Week intro
  • Урок 167. 00:12:55
    Feature list + client questions
  • Урок 168. 00:09:25
    Creating variable products
  • Урок 169. 00:03:34
    Adding a custom navigation
  • Урок 170. 00:07:34
    Showing featured products
  • Урок 171. 00:08:01
    Setting up our styles
  • Урок 172. 00:07:06
    Embedding custom fonts
  • Урок 173. 00:20:51
    Styling our header
  • Урок 174. 00:01:31
    Disabling the admin bar
  • Урок 175. 00:06:01
    Selectable colors using custom fields
  • Урок 176. 00:10:47
    Displaying custom category colors
  • Урок 177. 00:03:28
    Custom shop template files
  • Урок 178. 00:10:28
    Product grid + layout styling
  • Урок 179. 00:03:16
    Custom product background colors
  • Урок 180. 00:10:06
    Styling our product details
  • Урок 181. 00:07:42
    Introducing hooks + actions
  • Урок 182. 00:03:13
    Full size product images using filters
  • Урок 183. 00:04:15
    Cleaning up our category page
  • Урок 184. 00:17:57
    Creating an animated marquee
  • Урок 185. 00:07:59
    Navigation spotlight hover effect
  • Урок 186. 00:10:48
    Displaying featured category images
  • Урок 187. 00:07:51
    Trimming down our product page
  • Урок 188. 00:03:08
    Introducing conditional tags
  • Урок 189. 00:10:10
    Splitting our headers into components
  • Урок 190. 00:03:39
    Creating a header for our product page
  • Урок 191. 00:08:33
    Styling the product page header
  • Урок 192. 00:06:29
    Showing related products
  • Урок 193. 00:07:15
    Moving our notification messages
  • Урок 194. 00:06:47
    Initial styling for checkout pages
  • Урок 195. 00:12:46
    Taking card payments using Stripe
  • Урок 196. 00:04:34
    Week summary + homework
  • Урок 197. 00:01:08
    Week intro
  • Урок 198. 00:05:46
    Overview of final features
  • Урок 199. 00:12:42
    Responsive header styles
  • Урок 200. 00:05:28
    Responsive product styles
  • Урок 201. 00:07:50
    Creating custom footer navigations
  • Урок 202. 00:05:43
    Styling our footer navigations
  • Урок 203. 00:07:32
    Adding sale prices to products
  • Урок 204. 00:02:16
    Using product short descriptions
  • Урок 205. 00:07:35
    Batch importing product data
  • Урок 206. 00:06:38
    Adding images to products
  • Урок 207. 00:04:28
    Customising featured products order
  • Урок 208. 00:01:40
    Trimming the theme down
  • Урок 209. 00:01:45
    Setting our site name + tagline
  • Урок 210. 00:03:42
    Configuring stock + account options
  • Урок 211. 00:05:16
    Adding video to the homepage
  • Урок 212. 00:02:42
    Custom page templates
  • Урок 213. 00:06:10
    Creating our product search
  • Урок 214. 00:13:21
    Adding the search + cart links
  • Урок 215. 00:06:13
    Copying over cart theme files
  • Урок 216. 00:13:58
    Styling the shopping cart table
  • Урок 217. 00:10:11
    Custom backgrounds on cart images
  • Урок 218. 00:04:48
    Changing the product remove icon
  • Урок 219. 00:19:59
    Styling the coupon code + buttons
  • Урок 220. 00:16:02
    Styling the cart totals table
  • Урок 221. 00:13:13
    Product page typography styles
  • Урок 222. 00:05:41
    Custom button colour + font smoothing
  • Урок 223. 00:12:20
    Product page layout tweaks
  • Урок 224. 00:08:19
    Styling the search + basket component
  • Урок 225. 00:12:10
    Customising product variation style
  • Урок 226. 00:04:03
    Varying product page flexbox layout
  • Урок 227. 00:13:24
    Theming the flash notice
  • Урок 228. 00:05:12
    Updating the standard page header
  • Урок 229. 00:28:42
    Our checkout page styles
  • Урок 230. 00:06:31
    Styling the footer
  • Урок 231. 00:10:25
    Setting up shipping costs
  • Урок 232. 00:05:47
    Creating discount coupons
  • Урок 233. 00:05:30
    Order confirmations + notifications
  • Урок 234. 00:17:06
    Creating contact forms
  • Урок 235. 00:08:04
    Student discount form
  • Урок 236. 00:10:19
    Preparing + putting our site live
  • Урок 237. 00:02:54
    Updating the search page template
  • Урок 238. 00:02:48
    Making our website secure
  • Урок 239. 00:02:33
    Improving SEO in WordPress
  • Урок 240. 00:02:59
    Preventing getting locked out
  • Урок 241. 00:04:16
    Course summary + homeworks