Đối với những ai thực hiện web site về công nghệ ( máy tính, điện thoại, laptop,… ). Thì bảng thông số kĩ thuật như CPU, Ram, bộ nhớ, thông số màn hình, thông số camera,… Lại cực kì rất cần thiết trong trang biểu thị sản phẩm của trang web phải không? Sau đây vô cùng Tốc Việt sẽ hướng dẫn cụ thể các bạn làm 1 bảng thông số kĩ thuật hiện đại nhất nhé !!! Bạn thường tự làm 1 bảng thông số kĩ thuật mà chẳng tốt nhất nên kiến thức về lập trình và tương tự như mình thường xuyên không nên bỏ tầm giá để lập trình cả. Việc này cũng không quá phức tạp, các bạn chỉ nên làm theo lần nào bước giống như mình hướng dẫn cụ thể là được thôi. Tuy nhiên, mình đang dùng theme Flatsome đưa cho bài hướng dẫn cụ thể này, do đó, bạn nào dùng theme Flatsome khả năng cao làm theo y nguyên, còn các bạn dùng theme khác có lẽ gọi mình để được hướng dẫn cụ thể thêm. xem thêm: các plugin cần thiết cho wordpress
Cài đặt plugin Advanced Custom Field
Để có thể tự làm được thì việc dùng các plugin là điều đơn giản hiểu vì chúng không quá phức tạp và cũng không yêu cầu am hiểu nhiều lập trình nên chúng ta khởi đầu tiến hành cài đặt nhé !!! người mua vào trang quản trị Wp, tìm kiếm tới mục Plugin – Cài mới – Gõ “Advanced Custom Field” vào khung tìm trên kho plugin free của WordPress. Sau khi khách hàng cài đặt biến thành công plugin “Advanced Custom Fields” thì người dùng kích hoạt để thường dùng luôn nhé. Do ở đây là mình đã cài rồi . Download File lập trình Fields ở đây và import vào Plugin Sau khi người dùng import ACF- file vào rồi thì các bạn sửa Bất kì mặt hàng nào sẽ thấy nắm tới các field mới được thêm vào để người dùng nhập thông số đưa cho sản phẩm: Đây mới chỉ đơn thuần là tạo Custom Field cho Post type = món đồ, nghĩa là chương trình đưa cho phép bạn thêm Custom Field để nhập thêm dữ liệu vào mặt hàng trong backend thôi, việc quan trọng hơn chúng ta phải tìm đến nó hiển thị ra bên ngoài nữa.
Bước 3: Hiển thị Advance Custom Field ra ngoài giao diện
Đối với theme Flatsome, trong phần tùy biến layout của trang yếu tố mặt hàng Woocommerce nắm tới tới 9 kiểu layout cho trang sản phẩm khác nhau. Do đó, nếu bạn chọn kiểu layout nào thì phải chọn file .php tương ứng để gọi bảng thông số khoa học ra.
- Chọn kiểu layout cho trang sản phẩm: Giao diện – Tùy biến – Woocommerce (Shop) – Product Page – Product Layout
- Chọn file .php quy định layout đưa cho trang sản phẩm: Giao diện – Sửa – chọn theme gốc Flatsome – Woocommerce – Single-product – Layout