Soạn thảo bài viết chuyên nghiệp với plugin Shortcodes Ultimate

shortcode ultimate Chắc các bạn cũng đã biết tác dụng và lợi ích của các shortcode? Trong các bài viết trước đây mình có hướng dẫn tạo một số shortcode trong WordPress để chèn link download, ẩn nội dung cho thành viên, chèn coupon…, tuy nhiên đó chỉ là một shortcode đơn giản và không phù hợp với các bạn không rành về code. Ở bài viết này mình sẽ giới thiệu cho các bạn một plugin rất hữu ích giúp các bạn chèn các shortcode vào bài viết để bài viết của bạn trở nên chuyên nghiệp hơn, plugin có tên là Shortcodes Ultimate. Đây là một plugin miễn phí, bạn có thể tải về từ wordpress.org.

Sau khi cài đặt plugin này, bên trên khung soạn thảo bài viết của bạn sẽ có thêm button Insert shortcode để bạn chèn shortcode vào bài viết. Có rất nhiều shortcode hữu ích để bạn lựa chọn như hình dưới đây:
shortcode ultimate type

Ở đây mình sẽ hướng dẫn cho các bạn chèn shortcode tạo tabs trong bài viết, các shortcode khác bạn có thể làm tương tự.

Chèn tabs vào bài viết với shortcode Tabs

[su_tabs]
[su_tab title=”Tác dụng”]
Tạo ra một khung gồm nhiều thẻ tab như ví dụ này Big Smile.
Kiểu tab ngang:
tabs ngang

Kiểu tab dọc:
tabs doc
[/su_tab]
[su_tab title=”Hướng dẫn”]
Để chèn một tabs vào bài viết, bạn click vào nút Insert shortcode và chọn Tabs.

shortcode ultimate tabs

  • Mục Style: bạn chọn kiểu cho tab. Tuy nhiên đối với bản miễn phí, bạn chỉ có một kiểu tab mặc định, để có nhiều kiểu tab đẹp hơn, bạn phải mua với giá 15$.
  • Mục Active tab: bạn nhập số thứ tự tab mặc định sẽ hiển thị đầu tiên.
  • Mục Vertical: chọn No để hiển thị tabs nằm ngang, chọn Yes để hiển thị tab dọc.
  • Mục Class: bạn có thể nhập vào một lớp CSS để thêm vào các thẻ tab. Sau khi nhập tên lớp CSS, bạn vào file style.css để bổ sung thêm các thuộc tính cho lớp này.
  • Mục Content: bạn có thể tạo nội dung cho các thẻ tab như hình bên trên.

[/su_tab]
[/su_tabs]

Ẩn nội dụng dạng Spoiler với shortcode Spoiler

[su_spoiler title=”Tác dụng” open=”yes”]Ẩn nội dụng giống như ví dụ này. Bạn lick vào dấu + để xem nội dung và click vào dấu – để ẩn nội dung.[/su_spoiler]

[su_spoiler title=”Hướng dẫn sử dụng” open=”no”]

Để tạo nội dung này, bạn chọn shortcode Spoiler trong danh sách các shortcode.

an noi dung dang Spoiler

  • Mục Title: bạn đặt tiêu đề cho phần nội dung ẩn.
  • Mục Open: bạn cho Yes để mặc định hiển thị nội dung, cho No để mặc định ẩn nội dung.
  • Mục Style: bạn có thể cho các kiểu đã có sẵn.
  • Mục Icon: bạn có thể chọn kiểu icon khác thay cho dấu + và -.
  • Mục Class: bạn có nhập vào một lớp css để thiết kế lại.
  • Mục Content: bạn nhập nội dung chính.

[/su_spoiler]

Trong tất cả các shortcode đều có nút Live preview để bạn xem trước kết quả. Sau khi vừa ý, bạn click vào Insert shortcode để chèn vào bài viết.

xem truoc noi dung shortcode
Ngoài ra còn rất nhiều shortcode hay như chèn slideshow ảnh vào bài viết, chia cột trong bài viết, ẩn nội dung cho thành viên, chèn video và oudio vào bài viết, chèn video youtube…Bạn có thể áp dụng các shortcode này để bài viết của bạn trở nên chuyên nghiệp hơn.
Nếu bạn có thắc mắc về cách sử dụng các shortcode trong plugin này, hãy để lại comment bên dưới bài viết nhé! Chúc bạn thành công!

Đánh giá bài viết này

Chú ý - WordPress Hosting 1$/tháng - miễn phí tên miền

Bạn có biết GoDaddy đang có khuyến mãi WordPress hosting chỉ còn 1$/tháng kèm theo một tên miền .COM .NET .ORG miễn phí. Hãy đăng ký ngay để tiết kiệm chi phí nhất nhé.
Xem ngay

ĐĂNG KÝ NHẬN TIN QUA EMAIL

Nếu thấy bài viết trên blog có ích cho bạn, hãy đăng ký nhận tin qua email để cập nhật bài viết mới nhanh nhất và thỉnh thoảng nhận quà bất ngờ!

Comments

  1. Bạn ơi, mình hỏi chút. Mình muốn http://gndev.info/shortcodes-ultimate/extra/pricing-tables/ thì có dow ở đâu free không 🙁

  2. Dương says:

    Bạn ơi cho mình hỏi, bạn có biết plugin nào giúp tạo tabs dọc không? nghĩa là dọc theo website ấy. Các plugin bây giờ chỉ hiển thị ngang thôi

  3. Bạn cho mình hỏi sao mình chèn vào template mình tự làm thì nó ko hoạt động đc, ví dụ cái carousel mà chèn vào template khác thì nó chạy được là sao nhỉ

  4. Cảm ơn bạn. Mình tìm trên google “ẩn một phần nội dung bài viết” mà không thấy bài nào phù hợp. Giờ mới biết nó tên là Spoiler 😀

Gửi bình luận

Lưu ý: Không sử dụng keyword để thay cho tên của bạn, hãy sử dụng tên thật. Cảm ơn bạn đã tham gia bình luận trên blog!