Tạo nút (Button) Download trong WordPress

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.

Hướng dẫn tạo nút download ở trong WordPress

Đây là một button sử dụng HTML và CSS

button-download

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://quynhweb.pro/go/download" target="_blank" rel="nofollow">Download</a>
</button>

button-download-1

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.
Forget-About-Shortcode-Buttons-1
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.

Related Posts

Hướng dẫn cách tắt comment trong wordpress

Trong quá trình xây dựng và quản lý một trang web WordPress, việc tắt chức năng comment có thể là một yêu cầu phổ biến. Điều này…

7 Cách chọn sản phẩm kinh doanh online thành công

7 Cách chọn sản phẩm kinh doanh online thành công

Kinh doanh online bên cạnh những ưu thế thì rủi ro cũng không hề nhỏ, việc bạn tính toán thật kỹ lưỡng trước khi quyết định bán…

Chỉnh sửa Header trong WordPress

Header là khu vực hiển thị phần đầu tiên của trang web. Tại đây nó sẽ hiển Logo, banner, Menu hoặc các mạng xã hội được tích…

doi-mat-khau-admin-wordpress-1

Đổi password admin trong WordPress

Khu vực quản trị của WordPress chỉ admin mới có thể đăng nhập được. Vì thế mật khẩu đóng vai trò quan trọng. Một password sử dụng…

Upload Theme trong Wordpress

Hướng dẫn cách up Theme lên WordPress

Với những người mới bắt đầu học WordPress thường gặp khó khăn khi thay đổi giao diện. Bài viết này sẽ giúp bạn biết cách upload theme,…

Hướng dẫn chỉnh sửa theme WordPress

Trước đây mới làm quen với nền tảng WordPress mình cảm thấy khá khó khăn không biết làm thế nào để chỉnh sửa theme Wordpres, mãi một…