Hướng dẫn chèn thanh liên hệ tự co giãn cho Website tuyệt đẹp

Chen Nut Lien He Co Gian Cho Website Wordpress 1

Chào bạn, nếu bạn đang tìm một mẫu liên hệ nhanh để chèn cho Website thì trong bài này, Liêm xin gửi đến các bạn hướng dẫn cách thêm thanh có nút liên hệ nhanh cho Website WordPress để các bạn làm đẹp Website hơn.

Hướng dẫn tạo nút liên hệ nhanh cho Website WordPress

Trước tiên, để chèn nút liên hệ nhanh cho Website WordPress thì các bạn cần copy đoạn code sau

Bước 1: Copy Code vào đúng chỗ

Xem demo: hunggoiyen.com

Trên giao diện Flatsome các bạn vào đường dẫn như sau Tren Giao Dien Flatsome.

Tại trang Flatsome Advanced Options trong tab Global Settings, các bạn copy code bỏ vào phần Footer Scripts như hình dưới.

Copy Code Bo Vao Day

Nếu bạn dùng giao diện khác mà không phải là Flatsome, thì các bạn hãy bỏ đoạn code này vào giữa hai thẻ đóng </body> và </html> của file Footer.php là được.

Đồng thời, nếu bạn dùng giao diện Flatsome, thì Liêm sẽ hướng dẫn bạn tạo khoảng trắng ở Footer trên giao diện Mobile để khi mà kéo sẽ không bị che mất nội dung phần Footer. Thì các bạn hãy chèn đoạn code sau trong Flatsome > Advanced > Custom CSS  > Mobile Only * .

/*** Absolute Footer Liêm MKT***/
.absolute-footer {    margin-bottom: 50px;
}

Còn bạn không biết file Footer.php ở chỗ nào nữa thì vô Quản trị – Giao diện – Sửa giao diện – tìm file Footer.php ở cột bên phải là được.

Và trên Hosting hoặc FileZilla thì các bạn tìm trong -> Public_html > WP-Content > Themes > *Giao diện của bạn > Tìm trong này nhé.

Xem thêm: Hướng dẫn tắt Gutenberg cho Website WordPress trong 5s

Bước 2: Thay thế, và chỉnh sửa nội dung cần thiết

Các bạn tải file icon liên hệ bên dưới về và giải nén ra xong up lên Website nhé.

Tải bộ icon

Sau khi đã up ảnh lên Website, các bạn copy đường dẫn và thay thế vào doạn code cho phù hợp là được.

Thay Link Anh Cho Doan Code Tro Nen Tot Hon

Khi đã thay code hình ảnh, tiếp theo các bạn cần thay thế các đường link thành link của Website bạn theo hình dưới.

Thay Link Lien He

Sau khi đã hoàn tất các thao tác trên, các bạn lưu lại và ra trang chủ Website tận hưởng thành quả thôi.

Nếu các bạn thấy bài viết này hay, thì đừng quên chia sẻ nó cho mọi người cùng biết và làm theo, để giúp Website trở nên đẹp hơn.

Ngoài ra, đừng quên ghé vào chuyên mục thủ thuật hay cho Website để tìm thêm những bài viết hay để bổ sung thêm kiến thức bạn nhé.

Chỉnh sửa và bổ sung bởi: Liêm MKT

Nguồn bài viết: sưu tầm từ GiuseArt

Click to rate this post!
[Total: 5 Average: 5]
Gọi Liêm
Youtube
Zalo
Website của Liêm sử dụng Cookies để tối ưu hóa trải nghiệm lướt web của bạn.