Trang chủ » Thiết kế web » Tạo nút liên hệ đẹp nhẹ không dùng JS cho WordPress

Tạo nút liên hệ đẹp nhẹ không dùng JS cho WordPress

265 Lượt xem

share code tạo nút liên hệ ở góc màn hình đẹp đơn giản gọn nhẹ, nhưng vẫn phải đầy đủ các yếu tố như có hiệu ứng động kích thích click, không dùng js để đỡ nặng web

Code tạo nút liên hệ bằng HTML và CSS có hiệu ứng động không dùng JS

Tạo nút liên hệ đẹp nhẹ không dùng JS cho WordPressv

Toàn bộ code như sau, phần style bạn có thể để vậy hoặc tách ra nhét vào style.css hay custom css tuỳ ý nhé :

Nhớ thay các thông tin như số điện thoại, link map, link messenger đi nhé!

Chèn code tạo nút liên hệ trên vào flatsome

Nếu dùng theme flatsome, các bạn vào Flatsome –> Advanced –> Global Setting –> chèn code vào phần Footer Script

Phần code ở trong <style></style> bạn có thể tách ra cho vào Flatsome –> Advanced –> Custom Css hoặc để nguyên không tách cũng được.


Dùng flatsome mà không thích nó che mất cái nút back to top thì các bác sửa css nút ấy đi tí nhé

.back-to-top {
bottom: 90px;
right: 18px;}

Chèn code tạo nút liên hệ trên vào mọi web WordPress

Đối với mọi web WordPress dùng theme bất kỳ không phải Flatsome, chúng ta sẽ chèn vào file footer.php ở Quản trị –> Giao diện –> Sửa giao diện – tìm file Footer.php ở cột bên phải.

Sau đó chèn code trên lên trên thẻ </body> hoặc </footer> hoặc </html> trong file footer.php

Ah quên mất, trong code trên có 1 đoạn mã dài loằng ngoằng nhìn hơi kinh dị thì nó là cái ảnh mã hoá base64 thôi nhé, không phải “vi dút” đâu, nếu bạn không thích thì tải ảnh này về và thay vào nhé!

0/5 (0 Reviews)

Nguyễn Tấn Tài

Mình Là Nguyễn Tấn Tài, Chuyên Về CNTT, Digital Marketing, Đam Mê Chia Sẻ Và Viết Blog.
Nguyễn Tấn Tài