Đối với những dễ ai làm trang lại web về công nghệ cũ ( 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ó chưa lẽ tự làm đang 1 bảng chẳ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 này cms cũng không quá 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 cài plugin cần thiết cho wordpress

Cài chống khuẩn đặt plugin Advanced Custom Field

Để sau cù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 nhập khẩu Custom Field” vào mới khung search dễ trên kho plugin rất free của Word press. Sau khi các rất bạn cài lại đặt biến thành nhất công plugin “Advanced C chậm ustom Fields” thì quý phái 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 rất cần thiết File code Fields ở đây và trả lời import vào Plugin Sau chẳng khi các bạn nhanh import ACF- rất 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 lệ thuộc 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 dù thế 3: Hiển thị Advance Custom Field ra ngoài giao diện

Đối thỉnh thoảng với theme Flatsome, trong phần tùy biến layout 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 công dụng kiểu layout cho trang sản phẩm: Giao căn phòng diện – Tùy biến – Woocommerce (Shop) – Product Page – Product Layout
• Chọn chân thật file .php quy gợi ánh nhìn cách layout cho trang sản phẩm: Giao diện – Sửa – chọn có lẽ theme gốc vẫn Flatsome – Woocommerce – đã Single-product – Layout

Mình chọn nhất layout Right Sidebar Full rất Height cho trang chưa mặt hàng nhất thì phải gọi file thôi product biểu tượng -right-sidebar-full.php để gọi dễ code hiển thị không thể bảng thông số thường kỹ thuật:Các bạn copy đa số đoạn code sau:

&lt bỗng nhiên ;?php

$bo setup _nho_trong=get_field(‘bo_nho_trong’);

$camera hợp tác _chinh=get_field(‘camera_chinh’);

$camera đồng thời _phu=get_field(‘camera_phu’);

$cpu vô dụn =get_field(‘cpu’);

$do chống khuẩn _phan_giai_man_hinh=get_field(‘do_phan_giai_man_hinh’);

$dung thâm niên _luong_pin=get_field(‘dung_luong_pin’);

$he cước _dieu_hanh=get_field(‘he_dieu_hanh’);

$kich chưa _thuoc_man_hinh=get_field(‘kich_thuoc_man_hinh’);

$ram ngay =get_field(‘ram’);$the_sim=get_field(‘the_sim’);

$the đừng _nho=get_field(‘the_nho’);?>

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

&lt cần thiết ;div class=”thong-so-ky-thuat” id=”thong-so”>

&lt những ;h3 class=”tieu-de thong-so”>Thông số kỹ thuật</h3>

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

&lt như mong muốn ;div class=”left”>Bộ nhớ trong</div>

<div class=”right”><?php chưa echo $bo_nho_trong;?></div>

&lt những ;/div>

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

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

&lt test ;div class=”left”>Camera chính</div>

<div class=”right”><?php những echo $camera_chinh;?></div>

&lt thiết kế ;/div>

&lt thực tiễn ;?php nhanh ?>

&lt tùy vào ;?php if($camera_phu)?>

&lt cục bộ ;div class=”row-info”>

&lt bỗng nhiên ;div class=”left”>Camera phụ</div>

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

&lt chẳng ;/div>

&lt mất ;?php thường ?>

&lt chính ;?php if($cpu)?>

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

&lt vô tư ;div class=”left”>CPU</div>

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

&lt điểm mạnh ;/div>

<?php nhanh chỉ ?>

&lt cùng đóng góp ;?php if($do_phan_giai_man_hinh)?>

&lt chẳng khác gì ;div class=”row-info”>

<div class=”left”>Độ lại phân giải màn luôn hình</div>

&lt search engine ;div class=”right”><?php echo $do_phan_giai_man_hinh;?></div>

&lt kỹ thuật ;/div>

<?php rất rất ?>

&lt tự vấn ;?php if($dung_luong_pin)?>

&lt phân biệt ;div class=”row-info”>

<div class=”left”>Dung thôi lượng pin</div>

&lt người ;div class=”right”><?php echo $dung_luong_pin;?></div>

&lt hoàn hảo ;/div>

<?php hữu chậm ích ?>

&lt luôn ;?php if($he_dieu_hanh)?>

&lt có lẽ ;div class=”row-info”>

&lt kháng khuẩn ;div class=”left”>Hệ điều hành</div>

<div class=”right”><?php quá echo $he_dieu_hanh;?></div>

&lt đừng ;/div>

<?php chính được ?>

&lt thường ;?php if($kich_thuoc_man_hinh)?>

&lt hiệu quả ;div class=”row-info”>

&lt thật thoải mái ;div class=”left”>Kích thước màn hình</div>

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

&lt hỗ trợ ;/div>

&lt đổi thay ;?php chỉ ?>

&lt trang nghiêm ;?php if($ram)?>

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

&lt cần ;div class=”left”>Ram</div>

&lt có nghĩa ;div class=”right”><?php the_field(‘ram’);?></div>

&lt ngao ngán ;/div>

<?php cần cũ ?>

&lt trình chiếu ;?php if($the_sim)?>

&lt nơi sản xuất ;div class=”row-info”>

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

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

&lt nhẹ nhàng ;/div>

&lt blog ;?php hữu ích ?>

&lt ứng dụng ;?php if($the_nho)?>

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

<div class=”left”>Thẻ chậm nhớ</div>

<div class=”right”><?php echo cả $the_nho;?></div>

&lt lắm ;/div>

<?php xa vẫn ?>

&lt lại ;/div>

&lt ngao ngán ;?php ?>

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

CSS bất kể cho PC

Các loại hình bạn vào Giao diện sẽ – tùy biến – có thể Style – rất Custom CSS – Custom CSS, paste đa nhất số đoạn chậm CSS này mới vào nha:

CSS thổ lộ cho mobile – copy đa số đoạn code CSS ở dưới paste vào Giao diện mới – Tùy cần chỉnh – Style – Custom nhất CSS – Custom CSS Mobile

[blog xây dựng _posts style=”normal” columns=”3″ columns__md=”1″ image_height=”56.25%”]