Button là một nút hành động cũng thường xuất hiện trên một số website. Ứng dụng của nó là kêu gọi độc giả download, dẫn tới Form đăng ký hay chuyển hướng tới một trang khác. Trong mã nguồn WordPress có nhiều plugin hỗ trợ. Tuy nhiên mình vẫn ưu tiên sử dụng code bởi vì nó sẽ giảm gánh nặng cho website của bạn.
Mục Lục
Hướng dẫn tạo nút download ở trong WordPress
Đây là một button sử dụng HTML và CSS
Cách 1: Sử dụng HTML và CSS
Trong bài viết bạn ấn vào Text thả đoạn code này vào
<button class="btn btn-primary" type="button">
<a href="https://quachquynh.com/go/download" target="_blank" rel="nofollow">Download</a>
</button>
Tiếp theo vào Giao diện (Appearance) => Chỉnh sửa giao diện (Theme Editor) tìm file style.css rồi cho đoạn mã này vào.
.btn-primary {
box-shadow: 0px 5px 0px 0px #d20202;
border-radius: 3px;
padding: 15px 25px;
background: #FF0000!important;
}Lưu lại và hưởng thành quả.
Cách 2: Sử dụng Easy Media Download
Cài plugin xong bạn vào bài viết chèn mã Shortcode dạng này
[easy_media_download url="http://example.com/download/file.zip"]
Thêm CSS vào
style.css để chỉnh sửa Button đẹp mắt hơn
.emd_dl_red_darker {
background: green;
border: 0;
margin-bottom: 20px;
border-radius: 4px;
}
.emd_dl_red_darker a{
text-decoration: underline;
}Cách 3: Sử dụng Plugin Forget About Shortcode Buttons
Plugin này hỗ trợ thêm Icon bằng Font Awesome cũng khá đẹp.
Chỉ với 3 cách khá đơn giản trên đây bạn đã tạo ra một Button đẹp rồi. Yêu cầu đó là bạn cần biết một chút về CSS để tùy chỉnh lại là sử dụng Oke.
Chuyên mục:
