nhozharass
30-06-2016, 09:18 PM
Có một câu hỏi mình gặp đi gặp lại nhièu khi viết serie Thủ thuật Woocommerce đó là nhiều người Việt Nam không cần một plugin quá nhiều tính năng như vậy mà họ chỉ cần trưng bày sản phẩm lên và có một nút đặt hàng đơn giản nhất có thể, không cần billing, không cần thanh toán trực tuyến,…v..v…Và mình xin nói thẳng, WordPress hiện tại không có plugin nào như vậy mặc dù là đơn giản.
Trang sản phẩmVậy thì trong bài này, mình sẽ hướng dẫn tỉ mỉ cho các bạn cách làm một tính năng như vậy cùng với tính năng đặt hàng đơn giản để bạn có thể thực hành. Cụ thể, thiet ke website ban hang truc tuyen gia re (https://thuongnhanviet.vn/thiet-ke-website-ban-hang/) chúng ta sẽ làm những việc sau đây:
Công ty thiết kế web để bán hàng tiện nghi tại hcm
Tạo các custom post field cho post type này (giá, mã sản phẩm,…v..v…).
Tạo custom taxonomy cho post type này (Nhãn hiệu, Mục sản phẩm).
Tạo trang sản phẩm hiển thị sản phẩm với dạng grid.
Tạo trang hiển thị chi tiết sản phẩm.
Nhìn thì có vẻ khá nhiều nhưng đó là tất cả những gì chúng ta sẽ cần làm để có một tính năng như vậy. hẳn nhiên, mình cần bạn có một tẹo tri thức về PHP, CSS cơ bản vì mình sẽ không giảng giải nhiều về những cái thuộc phạm vi cơ bản.
https://thuongnhanviet.vn/wp-content/uploads/2016/03/thongtindathang.jpg?73b500
Sử dụng plugin WP-Types
Trong bài này mình sẽ tạo custom post type, custom field, custom taxonomy bằng một plugin tên thiet ke web chuyen nghiep tai tphcm (https://thuongnhanviet.vn/) là Types vì mình cũng đã quen làm việc với plugin này. Hơn nữa, nó cũng tương trợ khá nhiều tính năng đặc trưng mà có thể các plugin khác cùng chức năng không có được, trong đó có một tính năng mình rất thích đó là Relationship Post Type, một biện pháp làm các site truyện hay phim nhưng bài này mình tạm bợ không nói qua.
Types documentation.
1. Tạo Custom Post Type
trước hết ta sẽ tạo một phần để đăng sản phẩm rưa rứa như Posts để đăng bài viết, ta gọi đó là Custom Post Type. Ở đây mình sẽ dùng plugin Types để tạo nên trước nhất bạn sẽ cần cài plugin này vào (miễn phí tổn).
Để tạo post type, bạn vào Types -> Custom Types and Taxonomies -> Add Custom Post Type
Tạo post type
Sau đó Anh chị em điền 4 dòng trước hết như sau:
Tạo post type đăng sản phẩm
Trong đó:
https://thuongnhanviet.vn/wp-content/uploads/2016/03/trang2.jpg?73b500
Post type name plural: Tên post type trong số nhiều, cái này không quan trọng nếu bạn đặt tên tiếng Việt.Post type name singular: Tên post type trong số ít, cũng không quan trọng nếu bạn dùng tiếng Việt. Tên này phải khác với tên trong phần plural.
Slug: Slug nghĩa là tên đánh dấu cho post type này, nó được dùng để làm slug khi sử dung permalinks, hoặc để chúng ta lấy dữ liệu dựa theo slug này. Slug phải là chữ thường, không dấu, không khoảng cách. Ở đây mình không dùng slug là “product” bởi vì nó bị xung đột với các plugin tạo shop khác nếu bạn cài vào sau này.
Phần Visibility bạn có thể để trống nếu như không muốn thêm icon tượng trưng cho Post type này hoặc không muốn tuỳ chọn vị trí hiển thị.Phần Select Taxonomies là thiết kế website công ty (https://thuongnhanviet.vn/thiet-ke-website-cong-ty/) bạn chọn taxonomy mà bạn muốn dùng, lâm thời để nguyên.Phần Display Section là nơi bạn chọn các chức năng cần sử dụng trong post type này, bạn chọn như trong ảnh.
Trang sản phẩmVậy thì trong bài này, mình sẽ hướng dẫn tỉ mỉ cho các bạn cách làm một tính năng như vậy cùng với tính năng đặt hàng đơn giản để bạn có thể thực hành. Cụ thể, thiet ke website ban hang truc tuyen gia re (https://thuongnhanviet.vn/thiet-ke-website-ban-hang/) chúng ta sẽ làm những việc sau đây:
Công ty thiết kế web để bán hàng tiện nghi tại hcm
Tạo các custom post field cho post type này (giá, mã sản phẩm,…v..v…).
Tạo custom taxonomy cho post type này (Nhãn hiệu, Mục sản phẩm).
Tạo trang sản phẩm hiển thị sản phẩm với dạng grid.
Tạo trang hiển thị chi tiết sản phẩm.
Nhìn thì có vẻ khá nhiều nhưng đó là tất cả những gì chúng ta sẽ cần làm để có một tính năng như vậy. hẳn nhiên, mình cần bạn có một tẹo tri thức về PHP, CSS cơ bản vì mình sẽ không giảng giải nhiều về những cái thuộc phạm vi cơ bản.
https://thuongnhanviet.vn/wp-content/uploads/2016/03/thongtindathang.jpg?73b500
Sử dụng plugin WP-Types
Trong bài này mình sẽ tạo custom post type, custom field, custom taxonomy bằng một plugin tên thiet ke web chuyen nghiep tai tphcm (https://thuongnhanviet.vn/) là Types vì mình cũng đã quen làm việc với plugin này. Hơn nữa, nó cũng tương trợ khá nhiều tính năng đặc trưng mà có thể các plugin khác cùng chức năng không có được, trong đó có một tính năng mình rất thích đó là Relationship Post Type, một biện pháp làm các site truyện hay phim nhưng bài này mình tạm bợ không nói qua.
Types documentation.
1. Tạo Custom Post Type
trước hết ta sẽ tạo một phần để đăng sản phẩm rưa rứa như Posts để đăng bài viết, ta gọi đó là Custom Post Type. Ở đây mình sẽ dùng plugin Types để tạo nên trước nhất bạn sẽ cần cài plugin này vào (miễn phí tổn).
Để tạo post type, bạn vào Types -> Custom Types and Taxonomies -> Add Custom Post Type
Tạo post type
Sau đó Anh chị em điền 4 dòng trước hết như sau:
Tạo post type đăng sản phẩm
Trong đó:
https://thuongnhanviet.vn/wp-content/uploads/2016/03/trang2.jpg?73b500
Post type name plural: Tên post type trong số nhiều, cái này không quan trọng nếu bạn đặt tên tiếng Việt.Post type name singular: Tên post type trong số ít, cũng không quan trọng nếu bạn dùng tiếng Việt. Tên này phải khác với tên trong phần plural.
Slug: Slug nghĩa là tên đánh dấu cho post type này, nó được dùng để làm slug khi sử dung permalinks, hoặc để chúng ta lấy dữ liệu dựa theo slug này. Slug phải là chữ thường, không dấu, không khoảng cách. Ở đây mình không dùng slug là “product” bởi vì nó bị xung đột với các plugin tạo shop khác nếu bạn cài vào sau này.
Phần Visibility bạn có thể để trống nếu như không muốn thêm icon tượng trưng cho Post type này hoặc không muốn tuỳ chọn vị trí hiển thị.Phần Select Taxonomies là thiết kế website công ty (https://thuongnhanviet.vn/thiet-ke-website-cong-ty/) bạn chọn taxonomy mà bạn muốn dùng, lâm thời để nguyên.Phần Display Section là nơi bạn chọn các chức năng cần sử dụng trong post type này, bạn chọn như trong ảnh.