Trang chủ WordpressHướng dẫn Wordpress Làm trang shop đơn giản với WordPress – 01

Làm trang shop đơn giản với WordPress – 01

bởi Thạch Phạm
6 bình luận 13,1K views

Tham gia nhóm hỗ trợ WordPress

Tham gia nhóm Hỗ trợ Server - Hosting & WordPress để cùng nhau hỏi đáp và hỗ trợ các vấn đề về WordPress, tối ưu máy chủ/server.

Tham gia ngay
Bài này thuộc phần 1 của 7 phần trong serie Shop đơn giản với WordPress

Trong WordPress, nếu nói để làm một trang bán hàng trên mã nguồn này chúng ta có thể nghĩ tới plugin WooCommerce vì nó rất mạnh, hỗ trợ nhiều chức năng để làm được một trang bán hàng chuyên nghiệp. Tuy nhiên, mình vẫn thấy có nhiều bạn hỏi tới việc làm một trang shop đơn giản hơn mà không cần dùng tới plugin này vì nó hơi nặng.

Trong serie bài viết này, mình sẽ hướng dẫn qua về cách làm được một trang shop cực kỳ đơn giản thông qua tính năng Metabox, Custom Post Type và Custom Taxonomy trong WordPress.

Các chức năng chúng ta sẽ làm trong serie này:

  • Tạo phần quản lý sản phẩm với Custom Post Type.
  • Tạo phần quản lý danh mục sản phẩm với Custom Taxonomy
  • Tạo form đặt hàng đơn giản với Ninja Form
  • Tạo thuộc tính sản phẩm với repeater metabox
  • Tạo metabox thêm giá sản phẩm

Chỉ đơn giản là như vậy thôi nên bạn cũng đừng thắc mắc tại sao nó lại không đầy đủ chức năng như một trang shop chuyên nghiệp nhé.

Khuyến mãi Black Friday

Chuẩn bị

Trước khi bắt đầu với serie này, mình cần các bạn chuẩn bị một số kỹ năng và phần mềm cơ bản như sau:

Cài đặt

Cài đặt plugin và theme cần thiết

Trước tiên bạn cần cài đặt một website WordPress hoàn toàn mới ở localhost và cài theme Sparkling và plugin Piklist vào.

Sở dĩ mình dùng Sparkling là vì trong serie này sẽ cần đụng tới giao diện nên mình cần các bạn dùng chung giao diện này để dễ làm theo bài viết, vì mỗi giao diện cấu trúc sẽ hoàn toàn khác nhau.

Và lý do sử dụng plugin Piklist là để chúng ta tạo custom post type, taxonomy và metabox nhanh hơn. Đặc biệt là nó hỗ trợ repeater metabox hoàn toàn miễn phí, dễ sử dụng.

Bật Debug

Debug là để chúng ta xử lý lỗi nhanh hơn trong quá trình viết code vào, vì đôi khi không bật debug sẽ rất khó để dò lỗi. Hãy mở tập tin wp-config.php trong website đã cài đặt ra và tìm đoạn:


define(‘WP_DEBUG’, false);

Và thay thành:


define(‘WP_DEBUG’, true);
define(‘WP_DEBUG_DISPLAY’, false);
define(‘WP_DEBUG_LOG’, true);

Bây giờ khi website có lỗi (trắng trang hoặc lỗi 500) thì hãy mở tập tin /wp-content/debug.log lên mà xem nhé.

Và nếu muốn, bạn có thể cài thêm plugin Debug Bar, Debug Bar Custom Post Types để tiến hành debug trong website tiện hơn.

Lời kết

Trong bài này chúng ta đã thiết lập xong một website với theme và plugin cần thiết để làm theo serie này. Ở bài kế tiếp mình sẽ hướng dẫn về cách tạo ra child theme của theme Sparkling này đề phòng theme có cập nhật thì những code viết vào sẽ không mất.

5/5 - (2 bình chọn)
6 bình luận

Có thể bạn quan tâm

Hiện tại blog tạm đóng bình luận vì mình cần tập trung thời gian vào cập nhật bài viết. Bình luận sẽ mở ra cho đến khi mình sẵn sàng.