Đã hỗ trợ Hỏi về làm web

Có 3 cách:
1. Sử dụng bộ theme & plugin của ThriveTheme sẽ có.
2. Sử dụng plugin về shortcode. Vào wp-admin -> Plugins -> Add New -> search "button shortcode" -> bạn tự nghiên cứu lựa chọn plugin phù hợp.
3. Bạn phải biết CSS: dùng CSS để biến thẻ <a href=""></a> thành button giống như trên.

 

Mình có đoạn code CSS cho bạn rồi đây.
Cách này không cần xài plugin, bạn dán trực tiếp code vào phần nội dung bài viết (nhớ chuyển qua thẻ Text rồi mới dán code).

1. Trong phần edit post/page -> Chuyển qua thẻ Text.
2. Dán đoạn code này vô chỗ bạn muốn tạo button:

Code:

<a class="my-button" href="http://www.google.com">
  <div class="mbi">
    <div class="mbr">
      <div class="mbt">ĐỌC NGAY TẠI ĐÂY</div>
      <div class="mbb">Series cho  người mới</div>
    </div>
  </div>
</a>

3. Bạn tự thay mấy cái như link, texts trong đoạn code trên cho phù hợp nhé.
4. Dán tiếp đoạn code này vào vào cuối trang:

Code:

<style type="text/css">
.mbi {
    display: table;
    margin: 20px auto;
    padding: 15px 20px;
    background: transparent;
    border: 2px solid #329640;
    color: #329640;
    white-space: nowrap;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}
.mbi:hover {
    background: #329640;
    color: white;
}
.mbi .mbr {
    display: table-cell;
}
.mbi .mbr .mbt {
    font-size: 1.5em;
    line-height: 1em;
}
.mbi .mbr .mbb {
    font-size: 0.875em;
    margin-top: 5px;
}
</style>

P.S: Đoạn code này chỉ cần dán 1 lần vào cuối trang, rồi trong nội dung bài viết bạn muốn xài bao nhiêu button thì chỉ cần dán đoạn code đầu tiên vô vị trí tương ứng là được.

 

Thì a nói rồi đó.
Cái nút này nằm trong bộ theme&plugin của ThriveTheme.
Chính xác hình như là plugin "Thrive Visual Editor" thì phải