Đối với vẫn những ai làm trang chính web về cũ 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ì 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 có lẽ tự chậm làm 1 bảng thông cũng số kĩ đừng 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 này cũng không quá phức tạp, các bạn có lẽ chỉ cần làm có thể theo bao sẽ 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 plugin ngay cần thiết lại cho wordpress

Cài đặt plugin Advanced thường Custom Field

Để biểu trưng 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 hoàn tất Custom Field” nhà phân phối vào khung search trên kho plugin free của Word press. Sau tìm kiếm khi các bạn cài đặt biến thành công plugin “Advanced Custom chắc chắn Fields” thì rất các bạn kích hoạt có lẽ để có lẽ không thể dùng luôn nhé. Do ở đây là mình đã cài rồi . Download File đích code Fields ở những đây và import vào có thể Plugin Sau lý tưởng khi các bạn import ACF- file vào rồi thì các bạ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 song song mới chỉ đơn thuần là tạo Custom Field cho Post 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 tìm nạp dữ liệu 3: Hiển thị Advance Custom Field ra ngoài giao diện

Đối với cũ theme Flatsome, trong phần thường tùy biến layout chỉ của trang chi 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 ưa thích kiểu layout cho trang sản phẩm: Giao có những nơi diện – Tùy biến – Woocommerce (Shop) – Product Page – Product Layout
• Chọn uy tín file .php quy cải thiện cách layout cho trang sản phẩm: Giao diện chớ – Sửa – chớ chọn theme gốc thường Flatsome – Woocommerce – Single-product – Layout

Mình dòng thế hệ mới chọn layout Right đừng Sidebar Full Height cho description trang mặt hàng thì phải gọi file product đồng thời -right-sidebar-full.php để đa dạng gọi code hiển thị bảng thông số kỹ thuật:Các bạn copy đa số đoạn code sau:

&lt hoàn thành ;?php

$bo chớ _nho_trong=get_field(‘bo_nho_trong’);

$camera với nghiên cứu _chinh=get_field(‘camera_chinh’);

$camera Word press _phu=get_field(‘camera_phu’);

$cpu thực tế =get_field(‘cpu’);

$do đừng _phan_giai_man_hinh=get_field(‘do_phan_giai_man_hinh’);

$dung ưa chuộng _luong_pin=get_field(‘dung_luong_pin’);

$he đa dạng _dieu_hanh=get_field(‘he_dieu_hanh’);

$kich sắc đẹp _thuoc_man_hinh=get_field(‘kich_thuoc_man_hinh’);

$ram một cách khách quan =get_field(‘ram’);$the_sim=get_field(‘the_sim’);

$the trong tương lai _nho=get_field(‘the_nho’);?>

&lt tình hình ;?php if($bo_nho_trong)?>

<div class=”thong-so-ky-thuat” rất id=”thong-so”>

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

&lt chậm ;div class=”row-info”>

&lt đồng thời ;div class=”left”>Bộ nhớ trong</div>

&lt rất ;div class=”right”><?php echo $bo_nho_trong;?></div>

&lt trình chiếu ;/div>

&lt như ;?php if($camera_chinh)?>

&lt ưa thích ;div class=”row-info”>

&lt có lẽ ;div class=”left”>Camera chính</div>

&lt rất ;div class=”right”><?php echo $camera_chinh;?></div>

&lt đặc điểm ;/div>

&lt ưa thích ;?php nhanh ?>

&lt thôi ;?php if($camera_phu)?>

&lt tăng cường ;div class=”row-info”>

&lt tương đương với ;div class=”left”>Camera phụ</div>

&lt sôi động ;div class=”right”><?php echo $camera_phu;?></div>

&lt kế ;/div>

<?php thường cần ?>

&lt nhiều chức năng ;?php if($cpu)?>

&lt hồi phục ;div class=”row-info”>

&lt rất ;div class=”left”>CPU</div>

&lt tự ;div class=”right”><?php echo $cpu;?></div>

&lt tạo bởi ;/div>

&lt cảm thấy ;?php nhanh ?>

&lt cần ;?php if($do_phan_giai_man_hinh)?>

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

<div class=”left”>Độ phân không giải màn chưa hình</div>

&lt nghiêm túc ;div class=”right”><?php echo $do_phan_giai_man_hinh;?></div>

&lt đẹp ;/div>

<?php rất thường ?>

&lt có thể ;?php if($dung_luong_pin)?>

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

&lt rất tích cực ;div class=”left”>Dung lượng pin</div>

&lt vừa mới đây ;div class=”right”><?php echo $dung_luong_pin;?></div>

&lt nổi bật ;/div>

<?php hữu ích không ?>

&lt đột nhiên ;?php if($he_dieu_hanh)?>

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

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

<div class=”right”><?php đích echo $he_dieu_hanh;?></div>

&lt cần ;/div>

<?php chính nhanh ?>

&lt đánh dấu ;?php if($kich_thuoc_man_hinh)?>

&lt tỉ mỉ ;div class=”row-info”>

<div class=”left”>Kích luôn thước màn thường hình</div>

&lt virus ;div class=”right”><?php echo $kich_thuoc_man_hinh;?></div>

&lt mục tiêu ;/div>

<?php chỉ thường ?>

&lt nơi sản xuất ;?php if($ram)?>

&lt tăng trưởng ;div class=”row-info”>

&lt hợp tác ;div class=”left”>Ram</div>

<div class=”right”><?php đột nhiên the_field(‘ram’);?></div>

&lt mới ;/div>

&lt nhiều tiện ích ;?php cần ?>

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

&lt thôi ;div class=”row-info”>

&lt bền vững ;div class=”left”>Thẻ sim</div>

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

&lt đã ;/div>

&lt trong tương lai ;?php hữu ích ?>

&lt sẽ ;?php if($the_nho)?>

&lt thường ;div class=”row-info”>

&lt hi vọng ;div class=”left”>Thẻ nhớ</div>

&lt tư vấn ;div class=”right”><?php echo $the_nho;?></div>

&lt dễ dàng và đơn giản ;/div>

<?php xa đích ?>

&lt mới ;/div>

&lt hồ sơ ;?php ?>

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

CSS lan rộng ra cho PC

Các tiêu chí bạn vào Giao diện đích – tùy nhất biến – có thể Style – Custom CSS – Custom CSS, paste đa số sẽ đoạn CSS nhanh này vào nha:
có thể

CSS phân biệt cho mobile – copy đa số đoạn code CSS ở dưới paste vào Giao diện vẫn – Tùy được chỉnh – nhất Style – Custom CSS – Custom CSS Mobile

[blog ảo _posts style=”normal” columns=”3″ columns__md=”1″ image_height=”56.25%”]