Hướng dẫn tạo button trong WordPress dễ dàng và đẹp mắt

Hướng dẫn tạo button trong WordPress

Bạn đang muốn tạo button trong WordPress để làm nút Xem trước hay Download theme WordPress nhưng lại không rành về code? Đây sẽ là cách cho bạn.

Như bạn đã biết, trên WordPress có rất nhiều plugin hỗ trợ cho các chức năng khác nhau. Nếu không rành về code HTML hay CSS, bạn có thể sử dụng plugin để tạo button.

Và một trong những plugin được sử dụng phổ biến nhất cho việc này là Forget About Shortcode Buttons.

Trong bài viết này, mình sẽ hướng dẫn bạn cách tạo button trong WordPress sử dụng plugin này nhé.

Tìm kiếm và cài đặt plugin Forget About Shortcode Buttons

Bạn có để ý tên của plugin này nghe lạ lạ không? Tại sao lại là “quên shortcode”?

Đó là do nó không sử dụng shortcode.

Điều này mang lại một điểm mà mình thấy khá hay là sau này dù bạn có ngưng kích hoạt plugin thì button mà bạn đã tạo ra vẫn còn nguyên ở đó, không bị mất 😀

Dưới đây là logo của plugin Forget About Shortcode Buttons, bạn lưu ý đừng để nhầm plugin nhé.

Plugin Forget About Shortcode Buttons

Plugin Forget About Shortcode Buttons là một plugin miễn phí. Do đó, cách tìm kiếm và cài đặt nó cũng giống như cách thực hiện với các plugin miễn phí khác.

Nếu bạn quên cách tìm kiếm và cài đặt một plugin thì bạn có thể tham khảo bài viết sau đây của mình.

Xem thêm: 02 cách cài đặt plugin WordPress chi tiết nhất

Hướng dẫn tạo button trong WordPress

Trong bài viết này, mình sẽ hướng dẫn bạn tạo button trong WordPress qua ví dụ tạo một nút “Xem thử” trong bài viết chia sẻ Theme WordPress. Và đây cũng là cách mà mình vẫn hay làm trong các bài viết tương tự.

Giả sử bạn sẽ chèn nút Xem thử này bên dưới hình ảnh của Theme WordPress mà bạn sưu tầm được như này:

Vị trí cần chèn button trong bài viết

Ngay khi bạn cài đặt và kích hoạt plugin Forget About Shortcode Buttons thì bạn sẽ thấy có một nút Insert Button ngay trên trình soạn thảo của mình.

Bạn di chuyển con trỏ về vị trí cần đặt button rồi nhần vào nút Insert Button:

Nút Insert Button trên trình soạn thảo WordPress

Lúc này, hộp thoại Edit Button xuất hiện cho phép bạn tùy chỉnh các thuộc tính của button.

Đầu tiên, ở phần Properties, bạn cần nhập Text và URL cho button

  • Text: chính là tên của button, ví dụ bạn muốn Button có tên là Xem thử như ví dụ của mình thì nhập vào đây là “Xem thử”
  • URL: chính là trang mà khi nhấn vào nút này thì nó sẽ đưa bạn đến trang đó

Bạn cũng có thể tick vào ô “Open link in a new tab” để khi bạn click vào button thì nó sẽ mở trang ở một tab mới, điều này sẽ có lợi cho việc tăng trải nghiệm trang, giúp người đọc không bị gián đoạn bài viết.

Tùy chỉnh tên và liên kết của button

Lúc này, bạn thấy button màu xanh dương có vẻ không đẹp cho lắm, hoặc đơn giản bạn không thích màu xanh dương thì có thể chuyển sang màu khác.

Bạn click vào cái icon 2 cái hình vuông đè lên nhau, sau đó chọn màu mà bạn thích.

(mình lấy ví dụ màu xanh chuối, mặc dù nó cũng không phải là màu mình thích @@)

Tùy chỉnh màu của Button

Bạn cũng có thể thay đổi màu chữ trong Button

Tùy chỉnh màu chữ trên Button

Đến đây thì bạn thấy button vẫn chưa đẹp vì nhìn nó cứ “vuông vức” kiểu gì. Vậy thì hãy đổi hình dáng cho nó nhé.

Bạn click vào mũi tên xỗ xuống ở ô có chữ “Flat” và có thể chọn các kiểu button có sẵn mà bạn thích.

Tùy chỉnh hình dáng cho button

Tiếp theo là tùy chỉnh kích thước cho button:

Tùy chỉnh kích thước button

Với plugin Forget About Shortcode Buttons thì bạn cũng có thể thêm các icon vào button để nhìn bắt mắt hơn.

Bạn chuyển sang tab Icon, chọn các icon nào bạn thích hay là phù hợp với nội dung của button mà bạn vừa tạo.

Sau đó, bạn có thể tùy chỉnh vị trí của icon này, đặt nó nằm trước hay nằm sau phần Text bằng cách tick chọn ô Before hay After:

Thêm icon cho button

Cuối cùng bạn nhấn nút Update là có thể chèn button vừa tạo vào bài viết.

Nó đây:

Tạo button trong WordPress

Tuy nhiên, có gì đó sai sai khi button vừa tạo nằm ở lề trái của bài viết. Trong khi mình lại muốn nó nằm ở giữa cho đẹp.

Lúc này, bạn hãy click chuột vào button vừa tạo, sau đó tùy chỉnh vị trí của nó bằng các nút căn lề trên trình soạn thảo WordPress

Tùy chỉnh vị trí button trong bài viết

Ok, vậy là xong việc tạo button trong WordPress rồi đấy.

Kết luận

Trên đây là cách đơn giản nhất mà bạn có thể tạo button trong WordPress. Bạn không cần biết và viết một dòng code nào cả mà vẫn tạo được một button nhìn cũng bắt mắt đúng không?

Hãy cài đặt plugin Forget About Shortcode để bài viết của bạn trở nên sinh động và dễ nhìn hơn nhé.

Nếu bạn biết thêm những plugins nào hay trong việc tạo button thì hãy chia sẻ cho mình và mọi người biết bằng cách bình luận ở phần comment bên dưới nhé.

Chia sẻ với mọi người nào!
Share on Facebook
Facebook
Pin on Pinterest
Pinterest
Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin

Leave a Reply

avatar
  Subscribe  
Notify of