Code an Online Store with Wordpress from scratch

Focused View

Amazing Tutorials

1:05:04

30 View

1. Shopping Cart Code

1.1 onlinestorecode.tar.zip

1. Source code of the shopping cart.html

2. Setting up a Wordpress Theme from Scratch

1. Lesson Preview.mp4

01:58

2. Add the minimum files required and activate the Wordpress Theme.html

3. Configure two admin pages for the Wordpress Dashboard

1. Lesson Preview.mp4

01:44

2. Adding two different admin pages and its corresponding menus.html

4. Adding Bootstrap to the Wordpress website

1. Lesson Preview.mp4

02:54

2. Include Bootstrap into the project using Wordpress built-in functions.html

5. Creating a grid with Bootstrap

1. Lesson Preview.mp4

02:03

2. Lay out the content of a web page with Bootstrap (first admin page).html

3. Lay out the content of another web page with Bootstrap ( second admin page).html

6. Creating an HTML form which contains a Rich Text Editor

1. Lesson Preview.mp4

04:18

2. Setting up an HTML form which contains a rich text editor.html

7. Handle the submission of an HTML form with Wordpress

1. Handle POST data and enabling the DEBUG MODE in Wordpress.html

8. Registering Custom Post Types for the online store

1. Register a custom post type from scratch.html

9. Saving data into Wordpress with custom post types

1. Save the details of a single watch into the database.html

10. Working with the index.php template

1. Using the index.php template to display a single post.html

11. Working with Wordpress filters

1. Filtering the images inserted into the rich text editor.html

12. Working with Wordpress shortcodes

1. Lesson Preview.mp4

09:08

2. Creating a grid with two different shortcodes.html

13. Working with Wordpress comments

1. Lesson Preview.mp4

03:01

2. Add comments to the online store from scratch.html

14. Creating the shopping cart for the online store

1. Lesson Preview.mp4

03:32

2. Creating the shopping cart from scratch.html

15. Customize the Wordpress query to make the homepage work

1. Lesson Preview.mp4

02:24

2. Make the database query display watches into the homepage.html

16. Working with the header and footer templates

1. Lesson Preview.mp4

02:52

2. Creating the header and footer templates.html

17. Working with notifications

1. Lesson Preview.mp4

03:04

2. Add notifications to the homepage.html

18. Creating the search results template

1. Lesson Preview.mp4

02:26

2. Creating the search.php template.html

19. Adding some styling to the header section

1. Adding some styling to the header section.html

20. Calculating the final amount to be paid

1. Lesson Preview.mp4

02:47

2. Calculating the final amount to be paid by the customer.html

21. Creating a Paypal App

1. Configure a Paypal App and get the Paypal credentials.html

22. Creating the checkout web page

1. Configure a checkout web page with Paypal.html

23. Updating the Pay Now button

1. Modify the Pay Now button code.html

24. Saving all the sales data into the Wordpress database

1. Using custom post types to save sales data into Wordpress.html

25. Working with admin pages and salespurchases

1. Lesson Preview.mp4

02:05

2. Create an admin page to list all the salespurchases.html

26. Creating the confirmation page for the payment

1. Lesson Preview.mp4

03:29

2. Confirmation page displayed after the payment is completed.html

27. Admin page for the Paypal credentials

1. Lesson Preview.mp4

01:42

2. Configure an HTML form for the Paypal credentials.html

28. Adding navigation links to the website

1. Add navigation links to the homepage and search results page.html

29. Using the Wordpress loop to get all watches for sale

1. Lesson Preview.mp4

01:09

2. Display all the watches for sale in the online store.html

30. Working with Wordpress notices

1. Lesson Preview.mp4

02:31

2. Configure admin notices when the user adds new items to the online store.html

31. Removing items from the online store

1. Lesson Preview.mp4

01:53

2. Removing items from the online store.html

32. Adding a pop-up window for the image gallery

1. Add a pop-up window with Bootstrap.html

33. Hiding the Wordpress admin bar

1. Hiding the admin bar from the site.html

34. Adding a filter to the homepage

1. Lesson Preview.mp4

04:45

2. Filtering the watches by category.html

35. Customizing the login web page

1. Removing the Wordpress logo and adding CSS styles to the login page.html

36. Redirecting the user after logging out

1. Redirecting the user.html

37. Adding a Dashboard link

1. Adding a Dashboard link at the top of the web pages.html

38. Using the website as a customer or buyer

1. Use the online store as a customer.mp4

05:19

Description

Learn Wordpress development from scratch

What You'll Learn?

Learn to use custom post types in Wordpress
Learn to make AJAX requests in Wordpress
Customize the Wordpress Dashboard
Learn to save data into the Wordpress database
Learn to configure a rich text editor in Wordpress
Learn to use Wordpress shortcodes
Learn to filter content by using Wordpress hooks
Learn how to customize a Wordpress query
Learn how to develop a Wordpress theme from scratch

Who is this for?

Beginner Wordpress developers

Any web developer familiar with Wordpress who wants to learn Wordpress development

What You Need to Know?

Basic understanding of some Wordpress concepts like Themes, Posts, Pages, etc.

Wordpress installed on your computer

Some experience with the command line

Text editor installed in your computer

More details

Description
The best way to learn Wordpress development is by creating a complex web application.
An online store is an excellent way to understand how Wordpress works under the hood because in order to create one we must cover a lot of scenarios and therefore learn how to use Wordpress functions in detail.
The online store displays a homepage with all the watches for sale in the online store; the watches can be filtered by using some categories and a dropdown list.
The customer can browse the intems of the store by making a search and by using some navgation links located at the bottom of the web pages.
When the user makes a search by using keywords then the results are narrowed and only the watches which match the criteria are displayed; the logic for the search is handled by Wordpress automatically.
A shopping cart is created step by step and the items can be removed if necessary; we use Wordpress functions to save the shopping cart items into the database as long as the payment is not completed; once the payment is made then the shopping cartÂ is cleared.
In order to style the site the Bootstrap framework is used; this framework is very easy to understand and works smoothly with Wordpress.
The backend of the site contains several admin pages; the admin pages displayed vary depending on the user; when the logged in user in not the admin then some admin pages are hidden.
The Dashboard contains an admin page with an HTML form which can be used to insert content into the website; the HTML form contains a rich text editor where pictures can be inserted if necessary.
Also; the Dashboard displays a listing of all the watches for sale as well as all the sales made in the online store; the admin has the capability to delete watches for sale if necessary.
Finally; an admin page to input Paypal credentials is included so that Paypal payments can be made.
This tutorial covers a lot of topics!! is very interesting !

Who this course is for:
Beginner Wordpress developers
Any web developer familiar with Wordpress who wants to learn Wordpress development

User Reviews

Rating

average 0

Total votes0

Focused display

I'm a web developer with experience in Nodejs. Nodejs is very exciting because it enables anyone to become a full-stack developer by learning a single language : Javascript.Since I started crafting and deploying apps written in Nodejs I realizaed how interesting it is that's why I'm here to share my knowledge.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.