24 Mar

Tạo một shortcode button đơn giản cho WordPress

Nếu bạn chỉ muốn tạo một button đơn giản dễ dùng cho WordPress thì bạn nên code thêm vào chứ không nên dùng Plugin, Dưới đây là hướng dẫn giúp bạn tạo một Shortcode button đơn giản như cái mà tuicode đang dùng.

tao-mot-shortcode-button-don-gian-cho-wordpress

Thế nào là một shortcode

Từ phiên bản 2.5, Wordpress đã cho phép bạn thêm một số code đơn giản vào trong bài viết. Một shortcode thường có dạng:

Với shortcode chỉ đơn giản là bạn gõ nó trực tiếp trong bài viết mà không cần đụng đến code gì cả. Trong bài viết này mình sẽ hướng dẫn bạn tạo một shortcode button đơn giản.

Trong ví dụ dưới đây chúng ta sẽ tạo một download button.

Bước 1: Bạn thêm code phía dưới vào file function của theme mà bạn đang dùng.

Bước 2: Bạn thêm css cho shortcode button vừa tạo, bạn thêm vào file Style.css của theme đang dùng

Bây giờ bạn đã có thể chèn shortcode button vào trong bài viết. Bạn chèn code như sau:

Tạo Shortcode button nhiều màu sắc

Nếu bạn muốn tạo Shortcode button nhiều màu sắc thì bạn thay thế code trong bước 1 ở trên bằng code bên dưới:

Tiếp theo bạn cũng cần thêm CSS cho Shortcode button, mình thêm màu xanh dương chẳng hạn:

Khi đó Shortcode button mới khi bạn thêm vào bài viết có dạng như sau:

Nếu muốn thêm màu khác bạn chỉ cần thêm CSS là được.

Tham khảo wpexplorer

Hosting tốt nhất
Mời bạn đánh giá mức độ hữu ích của bài viết này:
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)
Loading...Loading...


Leave a Reply

Your email address will not be published. Required fields are marked *