Tạo đa dạng nút tìm đến, gọi tặng website WordPress
Tạo nút gọi nằm trên thanh footer trong plugin flatsome
Tạo nút gọi trong wordpress cho website – Đối với Theme Flatsome
Để tạo nút tìm đến, tạo nút chat zalo và chat Facebook cho website Word press, như người dùng thường đổi mới các nút như thế nào? Có các cách sau đây được chia sẻ khía cạnh trong bài viết này.
Việc tích hợp các nút bên trên không hề khó, nội dung bài viết này sieutocviet sẽ hướng dẫn cho bạn các bước thực hiện đơn giản nhất, dễ dàng hiểu nhất. Tạo nút gọi trong wordpress cho website Tạo nút gọi nằm trên thanh footer trong plugin flatsome
Copy lập trình HTML và CSS:
- Đầu tiên bạn hãy vào Advanced >> Gloabal Settings, tại đây chúng ta sở hữu 2 phần đó là HEADER SCRIPTS và FOOTER SCRIPTS, đây là 2 phần để sau này bạn chèn các mã nguồn để thực thi các lệnh khác đưa cho toàn trang của bạn tại đây.
- Sau đó các bạn copy đoạn lập trình sau và chèn vào FOOTER SCRIPTS
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
<section class=”mobile_chat hidden-md hidden-lg”>
<div class=”container”>
<div class=”row”>
<div class=”col-xs-3 chat-item”>
<a href=”tel:0919383299 ” class=”chat-item-url”>
<div class=”chat-item-image”>
<img src=”LINK HÌNH ẢNH CỦA BẠN” class=”img-responsive” alt=”goi-dien”>
</div>
</a>
</div>
<div class=”col-xs-3 chat-item”>
<a href=”sms:SỐ ĐIỆN THOẠI” class=”chat-item-url”>
<div class=”chat-item-image”>
<img src=”LINK HÌNH ẢNH CỦA BẠN” class=”img-responsive” alt=”nhan-tin”>
</div>
</a>
</div>
<div class=”col-xs-3 chat-item”>
<a href=”http://zalo.me/SĐT” class=”chat-item-url”>
<div class=”chat-item-image”>
<img src=”LINK HÌNH ẢNH CỦA BẠN” class=”img-responsive” alt=”chat-zalo”>
</div>
</a>
</div>
<div class=”col-xs-3 chat-item”>
<a href=”https://www.messenger.com/t/TÊN FB Để LIÊN LẠC/”>
<div class=”chat-item-image”>
<img src=”LINKHÌNH ẢNH CHỈNH TẠI ĐÂY” class=”img-responsive” alt=”facebook”>
</div>
</a>
</div>
</div>
</div>
</section>
|
Nếu trước đó người dùng nên cách khoảng rộng rãi dòng để phân tách riêng biệt các đoạn code khác nhau, để việc thay đổi thuận tiện hơn
thay đổi code:
- Đến đây sieutocviet sẽ chỉ các bạn đổi thay trở thành thông báo của bạn
Ta tìm kiếm đoạn code sau:
Ở những dòng có bôi màu cần cam bạn hãy sửa thành số điện thoại, link chứa hình ảnh bạn chèn vào đây là mình đã nắm tới nút gọi đầu tiên cho website Wp. Riêng với những ai chưa biết cách up ảnh “tell-icon” để thay đổi cho Word press của bạn thì xem ảnh dưới. Tạo nút gọi trong wordpress cho website Tạo nút gọi nằm trên thanh footer trong plugin flatsome.
Đầu tiên bạn sẽ vào Thư viện >> chuyên chở lên – sau đó vận tải lên ảnh mà bạn cần tại đây, và chọn vào ảnh mà bạn đã vận tải lên sau đó copy hết tất cả phần URL mình đã bôi đen trong hình.
Lê Trương Tấn Lộc (sieutocviet.vip)
Với hơn 6 năm thực chiến CSS, JS 7 năm kinh nghiệm trong quản trị web site tư vấn giải pháp SEO từ khóa, Kinh doanh online tối ưu nhất cho doanh nghiệp.
Hiện giữ chức vụ quản lý kinh doanh tại Siêu Tốc Việt.