Xin chào các bạn như đã hứa rất rất lâu rồi: “Mình sẽ có một seri hướng dẫn lập trình theme bán háng trong wordpress”. Nhưng do bận chạy dự án, cơm, áo, gạo, tiền… Nên cứ hẹn mãi mà chưa làm được.
Đợt này mình ngưng nhận dự án để tiếp tục phát triển blog nên mình xin ra mắt seri video hướng dẫn lập trình theme wordpress làm website bán hàng.
Seri này mình không sử dụng plugin WooCommerce nhé. WooCommerce mình sẽ hướng dẫn ở một seri khác nha, ngay sau seri này 🙂
Nội dung chính của seri hướng dẫn lập trình theme wordpress này:
Ở trong seri video này mình sẽ hướng dẫn cho các bạn cách lập trình một website bán hàng với nền tảng wordpress từ a đến z. Cụ thể sẽ có những phần chính như sau.
- Cài đặt wordpress trên localhost setup một số thông tin ban đầu, cài một số plugin cần thiết cho dự án
- Từng bước 1 xây dựng các tính năng. Từ trang chủ đến trang con
- Tính năng đặt hàng (Mình ko dùng woo nên mình sẽ ko hướng dẫn chức năng giỏ hàng nha, thay thể là form đặt hàng)
- Xây dựng theme option đơn giản. Để thay đổi logo, thông tin liên hệ trong admin.
- Upload website hoàn thiện lên server (host)
** Chú ý: Mình sẽ cung cấp template html trước, các bạn dựa vào đó để thực hiện theo seri này. Mỗi video sẽ có các tài liệu đính kèm, code của từng bài, các bạn vừa xem vừa làm, có thể download code về xem lại.
Nội dung cần chuẩn bị trước khi học theo seri video này:
Để theo dõi được seri video hướng dẫn lập trình theme wordpress này các bạn cần chuẩn bị trước:
Về kiến thức:
- WordPress cơ bản: Bạn cần biết wordpress là gì, cách cài đặt wordpress, cài đặt theme, cài đặt plugin, chỉnh sửa nội dung…
- Front end cơ bản: Bạn phải biết kiến thức về html, css, js cơ bản
- PHP cơ bản: Xử lý mảng (Array), các vòng lặp, cú pháp if else…
- Nên tìm hiểu trước các kiến thức về lập trình theme wordpress như: Custom post type trong wordpress, custom field trong wordpress => Học WordPress
- Xem trước seri video => chuyển html sang wordpress
- Tài liệu tham khảo: Codex wordpress hoặc Developer WordPress
Về công cụ:
- Cài đặt xampp trên window hoặc lampp trên linux vào máy tính cá nhân của bạn => Cài này để tạo server ảo chạy PHP & Mysql.
- Cài đặt trình soạn thảo code Sublime text 3 hoặc Sublime text 2, cài một số plugin cho sublime text như: HTML 5, Jquery, WordPress…. => Hưỡng dẫn cài tại đây
Download template html:
Để dễ dàng trong việc học theo seri video này mình share cho bạn mẫu website html bán xe Oto các bạn down về dùng nhé: => Link download
Download plugin: ACF Pro
Danh sách video hướng dẫn lập trình theme wordpress
Dưới đây là danh sách video hướng dẫn lập trình theme wordpress website bán xe ô tô. Mình sẽ liên tục update danh sách này nếu có video mới được xuất bản. Một tuần sẽ có 2 video mới, thời lượng của một video tầm 30 phút.
Dưới dây là nội dung dự kiến của từng bài. Nội dung này có thể sẽ thay đổi tùy theo diễn biến lúc mình thực hiện seri video này 😀
- Bài 1: Các kiến thức cần chuẩn bị để học theo seri lập trình theme wordpress
- Bài 2: Cài đặt wordpress trên localhost, tùy chỉnh một số thông tin, cài đặt plugin cần thiết
- Bài 3: Phân tích yêu cầu dự án, xây dựng các phần trong admin để post sản phẩm, úp sản phẩm demo
- Bài 4: Xây dựng cây thư mục theme, tạo nhưng file cần thiết 1
- Bài 4: Xây dựng cây thư mục theme, tạo nhưng file cần thiết 2
- Bài 5.1: Xây dựng trang chủ, get dữ liệu ra ngoài trang chủ. (get slider, dịch vụ)
- Bài 5.2: Xây dựng trang chủ get dữ liệu phần sản phẩm
- Bài 6: Tạo và get menu chính của website
- Bài 7: Xây dựng trang category tin tức, fix phần header và footer
- Bài 8: Xây dựng trang list tất cả sản phẩm, trang danh mục sản phẩm
- Bài 9: Xây dựng trang single trang chi tiết của tin tức, có comment facebook
- Bài 10.1: Xây dựng trang trang chi tiết sản phẩm, phần thông tin cơ bản và gallery
- Bài 10.2: Xây dựng trang chi tiết sản phẩm phần sản phẩm liên quan (xe liên quan)
- Bài 10.3: Xây dựng trang chi tiết sản phẩm phần form đặt xe, send mail cho admin
- Bài 11: Xây dựng trang liên hệ và trang giới thiệu
- Bài 12: Get menu chính, menu phụ dưới footer.
- Bài 13: Xây dựng chức năng theme options get logo, thông liên hệ, các phần quảng cáo, mạng xã hội, list logo đối tác…
- Bài 14: Hoàn thiện website, tối ưu seo, tối ưu tốc dộ…
- Bài 15: Upload code lên trên server (Host), và public website, kết thúc.
Download code hoàn thiện của dự án:
Nội dung đang cập nhật
Hướng dẫn cách cài đặt:
Bước 1: Download code về và tiến hành giải nén, up code và import data (nằm trong thư mục database) vào database.
Bước 2: Mở file wp-config.php trong thư mục đâu tiền của bộ code.
1 2 3 4 5 6 7 8 9 10 11 |
/** Tên database nhe!*/ define('DB_NAME', 'myblog'); /** Tài khoản phpmyadmin */ define('DB_USER', 'root'); /** Mật khẩu phpmyadmin */ define('DB_PASSWORD', ''); /** Cái này chế nào dùng host free thì sửa còn không thì để im nhé! */ define('DB_HOST', 'localhost'); |
Bước 3: Thay đổi 2 url trong bảng wp_option của database thành domain của bạn hoặc chèn 2 dòng sau vào file wp-config.php
1 2 |
define( 'WP_HOME', 'http://example.com' ); define( 'WP_SITEURL', 'http://example.com' ); |
Bước 4: Vào admin -> Cài đặt -> Đường dẫn tỉnh => Bấm lưu 1 cái
Tóm lại:
Cuối cùng mình cũng có thời gian để làm seri video hướng dẫn lập trình theme wordpress website bán hàng cho các bạn theo dõi. Hy vọng với seri video này sẽ giúp cho các bạn học lập trình theme wordpress một cách dễ dàng.
Kết thúc loạt video này mình sẽ hướng dẫn một loạt video lập trình theme bán hàng sử dụng WooCommerce. Nếu bạn xem loại video này thì chuyển qua WooCommerce chắc chắn các bạn sẽ thấy dễ hơn rất nhiều.
Năm 2019 mình có khá nhiều dự định. Trong năm này mình cũng sẽ cho ra loại video hướng dẫn làm website bất động sản với bộ lọc nâng cao… Mình sẽ tổ chức các buổi offline tại Đà Nẵng để cùng nhau học wordpress.
Cảm ơn các bạn đã theo dõi! Chào thân ái và quyết thắng! 😀
Kha TrầnCảm ơn bạn đã chia sẻ, nhưng nếu dùng theme premium của nước ngoài thì có ổn hơn không nhỉ?
Thích Trả lời 5 năm trước
Huy KiraTất cả theme premium có bản quyền thì đều ổn. Nhưng bạn phải rành thì mới custom lại đc những theme đó. Đa số theme premium đều viết rất ghê :D
Thích Trả lời 5 năm trước
dinh2erem xin cái html nhé.
Thích Trả lời 5 năm trước
Huy KiraCó đính kèm phía trên đó em!
Thích Trả lời 5 năm trước
vu nguyenTrong series có hướng dẫn làm giỏ hàng không bạn ?
Thích Trả lời 5 năm trước
Huy KiraCái series này mình ko hướng dẫn giỏ hàng nha. Giỏ hàng bạn chời seri sau nha! Ngay sau seri này nhé~
Thích Trả lời 5 năm trước
Tom NguyenCảm ơn series Video này của bạn. Chúc bạn năm mới vui vẻ hạnh phúc nhưng không quên dành thời gian up video nhé :)
Thích Trả lời 5 năm trước
Huynên dùng html làm liên kết web bán hàng ko ạ?
Thích Trả lời 5 năm trước
hoangty8xanhcho em tat ca vídeo huong dan ve bai nay di anh
Thích Trả lời 5 năm trước
Tuấn Phúc Nguyễnkhó quá :( ai chỉ cách làm với
Thích Trả lời 5 năm trước
định2erbạn làm giống trong video ấy.
Thích Trả lời 5 năm trước
Vũbạn có dậy học wordpress tại hà nội ko?? mình học
Thích Trả lời 5 năm trước
vũ văn đạtseries khi nào tiếp tục bạn ơi?
Thích Trả lời 5 năm trước
vân anhcảm ơn anh. Up bài đi anh.
Thích Trả lời 5 năm trước
Đông Y Bạch Thủy VuMọi người ơi! Em đang tập tành học làm giao diện cho website bachthuyvu.com. Vì mới tập tành nên web e chưa dc chuyên nghiệp và load hơi chậm ạ. Cả nhà có theme chủ đề sức khỏe nào share e với ạ! Em cảm ơn nhiều ạ!
Thích Trả lời 4 năm trước
Thiet CioneBạn làm như rứa thì ổn rồi, có lẻ là dùng theme Flatsome.
Thích Trả lời 4 năm trước
Phạm Văn HoaBài hay quá, bạn có thể làm thêm video về tìm kiếm trong wordpress được không? cách custom nó cho phù hợp với custom field
Thích Trả lời 4 năm trước
Huy KiraBài viết về vấn đề này đang nằm trong dự định, Chắc tầm đầu tháng 8 mình sẽ làm 1 bài hướng dẫn!
Thích Trả lời 4 năm trước
BaSao các video lao trinh theme wp a-z ko ra nữa v ad ???
Thích Trả lời 4 năm trước
Huy KiraVợ sinh tạm dừng tí. Cuối tuần sau quay lại nha :)
Thích Trả lời 4 năm trước
Đà Nẵng Open TourAdd ơi, Cho mình hỏi, khi nào có buổi offline tại Đà Nẵng để cùng nhau học wordpress??? Cho mình đăng ký 1 slot
Thích Trả lời 4 năm trước
Phan Anh VuiRa tiếp video đi anh ơi.??
Thích Trả lời 4 năm trước
DATbài học hay quá mà em kẹt ngay đoạn slider.php ở bài 5.1 thật buồn k biết sai gì T.T
Thích Trả lời 4 năm trước
Asia Park Đà NẵngHóng video tiếp theo quá, Thanks Add!
Thích Trả lời 4 năm trước
bangHóng video tiếp theo ad đẹp trai ơi
Thích Trả lời 4 năm trước
duyMong chờ ad ra video típ theo mãi yêu
Thích Trả lời 4 năm trước
Ty Hoangra tiep video nay di anh
Thích Trả lời 4 năm trước
Ty Hoanganh cho ra tiep video a rat hay cam on anh
Thích Trả lời 4 năm trước
Tour Ba NaĐúng Dịch Vụ mình đang cần, cảm ơn nhé
Thích Trả lời 4 năm trước
Nguyen NamMình đang tạo website bằng theme wordpress Porto mua, nhưng có vẻ tốc độ load rất chậm, liệu đây có phải là do host yếu hay không bạn nhỉ? Mình làm website sản phẩm bán đồng hồ cũ, chính vì vậy hình ảnh rất lớn, mặc dù theme có hỗ trợ một số plugin để tăng tốc, nhưng theo mình nó vẫn rất chậm. Cho mình hỏi là có cách nào khắc phục vấn đề này không? nếu thay đổi máy chủ thì bên nào tốt nhất, hiện mình đang sử dụng vps của BKNS. Thanks
Thích Trả lời 4 năm trước
Thành Lậpvideo rất hay.rất chi tiết,cảm ơn bạn,mong bạn làm thêm nhiều video hay nưa ,làm video web đa ngôn ngữ nưa nha bạn ???
Thích Trả lời 4 năm trước
Thành Lậpcác phần cuối sao chưa có video em vậy bạn
Thích Trả lời 4 năm trước
Huy KiraCuối tuần này sẽ có nha :)
Thích Trả lời 4 năm trước
AllVẫn chưa thấy nơi anh Huykira à, Hóng mãi quá ... :D
Thích Trả lời 4 năm trước
huyhoangCố lên anh ơi, trong mong những video cuối từ anh Huy đẹp trai :)))
Thích Trả lời 3 năm trước
hoàng anhBao giờ mới xong cái seri này ạ
Thích Trả lời 3 năm trước
Nguyễn Đỗ Nguyênlàm tiếp a ơi đang hóngggggggggggg
Thích Trả lời 3 năm trước
Trần TàiCám ơn bạn Huy Kira đã giúp mình học hỏi được rất nhiều, Hóng video tiếp tieo của seri này
Thích Trả lời 3 năm trước
Hải _ from Biên Hòabạn Huy Kira vui lòng gửi mình plugin "Toolset types " được không? vì hiện nay trên hệ thống plugin mình không thể search thấy plugin này nên rất khó làm theo hướng dẫn của bài viết này của bạn. Xin cảm ơn bạn
Thích Trả lời 3 năm trước
lekimtanbài from dặt xe sao bây h
Thích Trả lời 2 năm trước
Chínhcó ai có word tím tắt về phần này ko ạ
Thích Trả lời 5 tháng trước