Đố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 giống 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 miêu tả món đồ của website phải không? Sau đây siêu Tốc Việt sẽ hướng dẫn người dùng làm 1 bảng thông số kĩ thuật tiên tiến nhất nhé !!! Bạn có thể tự làm 1 bảng thông số kĩ thuật mà chẳng cần kiến thức về code và cũng giống như mình khả năng cao không cần bỏ mức giá để lập trình cả. Việc này cũng không quá phức tạp, khách hàng chỉ nên làm theo lần nào bước như là mình có các hướng dẫn là được thôi. Ngoài ra, mình đang dùng theme Flatsome đưa cho bài hướng dẫn này, do đó, bạn nào dùng theme Flatsome có lẽ làm theo y nguyên, còn khách hàng dùng theme khác thường liên hệ 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ó lẽ tự thực hiện được thì việc dùng các plugin là điều dễ dàng 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 code tốt nhất nên chúng ta bắt đầu tiến hành thiết đặt nhé !!! người mua vào trang quản trị WordPress, tìm kiếm tới mục Plugin – Cài mới – Gõ “Advanced Custom Field” vào khung tìm kiếm trên kho plugin free của Word press. Sau khi các bạn thiết lập trở thành công plugin “Advanced Custom Fields” thì khách hàng kích hoạt để có thể dùng luôn nhé. Do ở đây là mình đã cài rồi . Download File code Fields ở đây và import vào Plugin Sau khi người dùng import ACF- file vào rồi thì quý khách sửa Bất kì món đồ nào sẽ thấy có các field mới được thêm vào để quý khách nhập thông số đưa cho sản phẩm: Đây mới chỉ đơn thuần là tạo Custom Field đưa cho Post type = mặt hàng, nghĩa là hệ thống đưa cho phép bạn thêm Custom Field để nhập thêm data vào mặt hàng trong backend thôi, việc cần thiết hơn chúng ta phải gọi 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 khía cạnh mặt hàng Woocommerce sở hữu tới 9 kiểu layout đưa cho trang món đồ 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ố kỹ thuật 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 cho trang sản phẩm: Giao diện – Sửa – chọn theme gốc Flatsome – Woocommerce – Single-product – Layout

5/5 - (1 bình chọn)

Sử dụng Advanced Custom Fields tạo bảng thông số kĩ thuật hướng dẫn