Đối với đích những ai làm chậm trang web về công rất 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ì cần thiết trong trang biểu đạt mặt hàng của trang web phải không? Sau đây cực kỳ Tốc Việt sẽ có các hướng dẫn các bạn làm 1 bảng thông số kĩ thuật hiện đại nhất nhé !!! Bạn Cho dù có lẽ 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 có lẽ không cần bỏ chi phí để code cả. Việc dễ này cũng chớ không quá lại phức tạp, các bạn chỉ cần làm theo bao giờ bước giống như mình có các hướng dẫn là được thôi. Bên cạnh đó, mình đang dùng theme Flatsome cho bài có các 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 các bạn dùng theme khác có lẽ gọi mình để được có các hướng dẫn thêm. xem thêm: các bỏ tiền plugin cần thiết cho wordpress

Cài sắp xếp đặt plugin Advanced Custom Field

Để tiếp có lẽ tự làm được thì việc dùng các plugin là điều dễ hiểu vì chúng không quá phức tạp và cũng không yêu cầu am hiểu đa dạng code cần chúng ta bắt đầu tiến hành cài đặt nhé !!! các bạn vào trang quản trị Word press, search tới mục Plugin – Cài mới – Gõ “Advanced vận hành Custom Field” vào đừng khung search thôi trên kho plugin cần free của Word press. Sau không thể khi các chỉ bạn cài rất đặt biến thành công plugin “Advanced Custom từ Fields” thì giai đoạn các bạn kích hoạt để có lẽ dùng luôn nhé. Do ở đây là mình đã cài rồi . Download thành quả File code Fields ở đây và máy tìm kiếm import vào Plugin Sau khi các bạn import ACF- đang file vào rồi luôn thì các bạn cần sửa Bất cứ mặt hàng nào sẽ thấy có các field mới được thêm vào để các bạn nhập thông số cho sản phẩm: Đây chưa mới chỉ đơn cả thuần là tạo Custom Field cho Post đích type = mặt hàng, nghĩa là chương trình 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 rất thị Advance Custom có thể Field ra ngoài không thể giao diện

Đối với những theme Flatsome, trong phần tùy biến layout của đã trang chi thường tiết mặt hàng Woocommerce có tới 9 kiểu layout cho trang mặt hàng 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ố công nghệ ra.

• Chọn kiểu rất layout cho mới trang sản cả phẩm: Giao diện lại – Tùy những biến – dễ Woocommerce (Shop) – Product Page – Product Layout
• Chọn kĩ càng file .php quy cách layout chính cho trang vẫn sản phẩm: sẽ Giao di chuyển diện – Sửa – chọn theme gốc Flatsome – Woocommerce – Single-product – Layout

Mình tiêu biểu chọn layout Right chính xác Sidebar Full Height cho đừng trang mặt đừng hàng thì bỗng nhiên phải gọi file product thôi -right-sidebar-full.php để gọi code chưa hiển thị bảng thông vẫn số kỹ nhanh thuật:Các bạn copy đa số đoạn code sau:

&lt tạo thành ;?php

$bo mất _nho_trong=get_field(‘bo_nho_trong’);

$camera chính _chinh=get_field(‘camera_chinh’);

$camera bỗng nhiên _phu=get_field(‘camera_phu’);

$cpu cồng kềnh =get_field(‘cpu’);

$do chậm _phan_giai_man_hinh=get_field(‘do_phan_giai_man_hinh’);

$dung có lẽ _luong_pin=get_field(‘dung_luong_pin’);

$he đúng mực _dieu_hanh=get_field(‘he_dieu_hanh’);

$kich hợp ý _thuoc_man_hinh=get_field(‘kich_thuoc_man_hinh’);

$ram dùng =get_field(‘ram’);$the_sim=get_field(‘the_sim’);

$the kết quả _nho=get_field(‘the_nho’);?>

&lt ưu đãi ;?php if($bo_nho_trong)?>

&lt tư vấn ;div class=”thong-so-ky-thuat” id=”thong-so”>

<h3 class=”tieu-de chậm thong-so”>Thông số kỹ mất thuật</h3>

&lt nhất ;div class=”row-info”>

<div class=”left”>Bộ mới nhớ trong</div>

<div class=”right”><?php echo lại $bo_nho_trong;?></div>

&lt phân vân ;/div>

&lt nội dung bài viết ;?php if($camera_chinh)?>

&lt bề ngoài ;div class=”row-info”>

<div class=”left”>Camera sẽ chính</div>

&lt chống thấm nước ;div class=”right”><?php echo $camera_chinh;?></div>

&lt biểu tượng ;/div>

&lt hiện tại ;?php nhanh ?>

&lt phân loại ;?php if($camera_phu)?>

&lt wordpress ;div class=”row-info”>

&lt nhanh ;div class=”left”>Camera phụ</div>

<div class=”right”><?php echo cần $camera_phu;?></div>

&lt dễ ;/div>

&lt công ;?php thường ?>

&lt chuyên chở ;?php if($cpu)?>

&lt đột nhiên ;div class=”row-info”>

&lt miễn phí ;div class=”left”>CPU</div>

&lt chẳng ;div class=”right”><?php echo $cpu;?></div>

&lt không ;/div>

&lt cho ;?php nhanh ?>

&lt mới ;?php if($do_phan_giai_man_hinh)?>

&lt không ;div class=”row-info”>

<div class=”left”>Độ phân đích giải màn thường hình</div>

<div class=”right”><?php dễ echo $do_phan_giai_man_hinh;?></div>

&lt hoàn thành ;/div>

&lt chất lượng kém ;?php rất ?>

&lt tạo ;?php if($dung_luong_pin)?>

&lt kế ;div class=”row-info”>

&lt đích ;div class=”left”>Dung lượng pin</div>

&lt cũ ;div class=”right”><?php echo $dung_luong_pin;?></div>

&lt nhiệt thành ;/div>

<?php hữu vẫn ích ?>

&lt những ;?php if($he_dieu_hanh)?>

&lt quá ;div class=”row-info”>

&lt chỉ tiêu ;div class=”left”>Hệ điều hành</div>

&lt vẫn ;div class=”right”><?php echo $he_dieu_hanh;?></div>

&lt luôn ;/div>

&lt content ;?php chính ?>

&lt phí ;?php if($kich_thuoc_man_hinh)?>

&lt kì vọng ;div class=”row-info”>

&lt kĩ càng ;div class=”left”>Kích thước màn hình</div>

&lt phân thành ;div class=”right”><?php echo $kich_thuoc_man_hinh;?></div>

&lt sức mạnh ;/div>

<?php chỉ sẽ ?>

&lt chớ ;?php if($ram)?>

&lt buôn bán ;div class=”row-info”>

&lt đơn giản ;div class=”left”>Ram</div>

&lt chớ ;div class=”right”><?php the_field(‘ram’);?></div>

&lt mới ;/div>

<?php cần nhất ?>

&lt lệ thuộc ;?php if($the_sim)?>

&lt sản phẩm ;div class=”row-info”>

<div class=”left”>Thẻ đang sim</div>

&lt nhanh ;div class=”right”><?php echo $the_sim;?></div>

&lt nhanh ;/div>

&lt đừng ;?php hữu ích ?>

&lt đã ;?php if($the_nho)?>

&lt cũ ;div class=”row-info”>

&lt lệnh ;div class=”left”>Thẻ nhớ</div>

<div class=”right”><?php echo không thể $the_nho;?></div>

&lt ngán ngẩm ;/div>

&lt để xem ;?php xa ?>

&lt search ;/div>

&lt bộc lộ ;?php ?>

Sau nguyên liệu đó, các bạn paste đa số đoạn code đó lên đầu file share trợ thủ .php giống như hình dưới. mất search file nhanh share.php theo đường dẫn: Giao diện – mới sửa – theme đột nhiên Flatsome – Woocommerce – không thể Single-product – Share.phpViệc tiếp theo rất chúng ta CSS cho không nó theo chính xác ý cả và hiển thị đẹp rực rỡ nha!

CSS rất cho PC

Các rất bạn vào không thể Giao diện đã – tùy chậm biến – Style bỗng nhiên – Custom CSS – Custom CSS, paste wordpress đa số đoạn CSS này vào nha:

CSS cho cũng mobile – đừng copy đa số ngay đoạn code CSS ở dưới paste vào Giao nhân ngày diện – Tùy chỉnh – Style – Custom CSS – Custom CSS Mobile

[blog rất _posts style=”normal” columns=”3″ columns__md=”1″ image_height=”56.25%”]