Hướng dẫn thêm công cụ hỗ trợ trực tuyến đẹp mắt cho WordPress

Chào các bạn, lại một dự án thiết kế website cho khách hàng mà VietThemeShop mới hoàn thành, và mỗi dự án thiết kế website luôn cần một vài thủ thuật chỉnh sửa nho nhỏ để hoàn thiện theo mong muốn của khách. Trong số đó phải kể đến các đoạn code HTML và CSS cực kỳ hữu dụng, ví dụ như thanh Công cụ hỗ trợ trực tuyến đẹp mắt cho WordPress. Bài viết này VietThemeShop muốn chia sẻ với các bạn điều ấy!

Xem Demo: https://thaihashop.vn/

Bước 1: Copy đoạn Code HTML sau

Các bạn vào Quản trị – Giao diện – Sửa – Chọn theme đang sử dụng (theme mẹ) – Footer.php. Copy toàn bộ đoạn code ở bên dưới cho vào giữa thẻ đóng </body> và </html>

<ul id="icons">
    <li><a href="tel:0912951089"><img src="https://print1.vietthemeshop.com/wp-content/uploads/2019/04/phonecall.png" alt=""></a></li>
    <li><a href="http://m.me/thaihashop.vn/"><img src="https://shop1.vietthemeshop.com/wp-content/themes/netsa.vn/images/facebook-chat.png" alt=""></a></li>
    <li><a href="http://zalo.me/0938383887"><img src="https://shop1.vietthemeshop.com/wp-content/themes/netsa.vn/images/icon-zalo.png" alt=""></a></li>
    <li><a href="sms:0865340799"><img src="https://shop1.vietthemeshop.com/wp-content/themes/netsa.vn/images/icon-nt.png" alt=""></a></li>
</ul>

Bước 2: Tải các file ảnh trên và upload lên hosting của các bạn sau đó thay đường dẫn ảnh và đường dẫn link

Bước 3: Copy đoạn CSS sau

#icons{
  position: fixed;
  right: 5px;
  bottom: 100px;
  z-index: 999;
  width: 50px;
  left: auto;
  padding-left: 0px;
}
#icons li{
  height: 50px;
  width: 50px;
  margin-bottom: 15px;
  list-style: none;
}

Bước 4: Lưu lại và tận hưởng thành quả nhé!

Lời kết

Cám ơn các bạn đã quan tâm theo dõi và ủng hộ VietThemeShop.Com trong suốt thời gian qua. Chúc các bạn làm đúng ý mình nhé! Nếu trong quá trình thực hiện theo hướng dẫn mà mắc chỗ nào hoặc bị lỗi thì vui lòng comment để được trợ giúp!

VietThemeShop

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Nhắn tin Zalo Nhắn tin Facebook 091.295.1089