Wordpress Shortcode

Wordpress shortcode khiến việc thiết kế và sản xuất nội dung trên website đơn giản hơn. Thay vì nhùng từng phần tử dữ liệu vào bài viết thì bạn có thể thao tác bằng cách gõ một đoạn code ngắn. Wordpress shortcode thay thế cho các tập lệnh phức tạp và rất phù hợp với người không có kỹ năng lập trình. Để hiểu rõ hơn, bạn đọc bài viết sau để biết wordpress shortcode là gì, gồm bao nhiêu loại và có công dụng ra sao.

I. Shortcode là gì?

Shortcode được hiểu là mã ngắn, viết tắt bởi hai từ đơn là shortcut và code. Mỗi shortcode thực hiện một chức năng cụ thể trên trang web. Ví dụ như định dạng nội dung hoặc xác định cấu trúc toàn bộ trang web.

Khi lập trình, shortcode được đặt trong dấu ngoặc vuông [] để xác định cách chúng được sử dụng. Người ta hay dùng shortcode để nhúng một biểu mẫu, bảng giá hoặc slider vào một trang nội dung.

II. Shortcode wordpress là gì?

Shortcode wordpress là đoạn mã ngắn nằm trong dấu ngoặc [] biểu thị cho chức năng của đoạn mã mà người dùng có thể sử dụng khi thiết lập website wordpress. Điển hình như nhúng ảnh, nhúng video vào trang, nhúng link web,...

Ví dụ: Khi muốn thêm một thư mục ảnh vào bài viết trên wordpress bạn chỉ cần gõ đoạn mã sau.

Khi đó, một thư viện ảnh với các ID được đề cập sẽ được chèn vào bài viết. Nó phân chia theo cài đặt 4 cột (column) và kích thước trung bình (medium) như cài đặt.

Shortcode wordpress trên đã thay thế cho một đoạn mã HTML rất dài và phức tạp.

III. Phân loại wordpress shortcode

1. Self-closing Shortcodes - Shortcode không cần thẻ đóng

Đây là kiểu wordpress shortcode mà bạn có thể thêm mọi file từ thư mục được gắn mã mà không cần cài đặt các thuộc tính.

2. Enclosing Shortcodes - Shortcode cần thẻ đóng

Kiểu wordpress shortcode này cần có thể mở và thẻ đóng trong đoạn code. Các đoạn mã ngắn sẽ được gán các thuộc tính và chỉ thực hiện các chức năng của thuộc tính đó.

Xem thêm: Cách tạo sitemap cho website wordpress

IV. Danh sách wordpress shortcode mặc định

Để sử dụng shortcode trong wordpress thì mọi người cần nhớ 6 shortcode mặc định như sau.

1. Audio shortcode

Dùng để nhúng tệp âm thanh vào trang web của bạn. Có thể cài đặt chức năng cho file âm thanh như phát hoặc tạm dừng.

Cấu trúc: [audio]

Ví dụ: [audio src = “audio-source.mp3”] là đoạn shortcode để nhúng file âm thanh có tên “source” vào trang web.

2. Caption shortcode

Dùng để tạo ra các phụ đề, chú thích xung quanh bài viết hoặc hình ảnh trong bài viết.

Cấu trúc [caption]

Ví dụ: [caption] Caption[/caption]

3. Embed shortcode

Mở rộng tính năng nhúng mặc định trên wordpress. Bạn có thể dùng shortcode này để cài đặt thuộc tính khác nhau cho tệp được nhúng vào bài viết.

Ví dụ:[embed width="123" height="456"]...[/embed]

4. Gallery shortcode

Dùng để chèn một bộ sưu tập ảnh vào trang web. Có thể dùng các thuộc tính để chọn ảnh nào được chèn, đồng thời tùy chỉnh giao diện hiển thị ảnh.

Ví dụ: [gallery ids="729,732,731,720"]

5. Playlist shortcode

Dùng để hiển thị bộ danh sách phát, bộ sưu tập các tệp âm thanh hoặc video. Có thể thay đổi kiểu tệp tùy vào thuộc tính được cài đặt.

Cấu trúc: [playlist]

6. Video shortcode

Dùng để nhúng video vào website. Video được nhúng có định dạng mp4, m4v, webm, flv,...

Cấu trúc: [ video]

Ví dụ: [video src="video-source.mp4"]

Xem thêm: Hướng dẫn chèn video youtube vào website wordpress

V. Hướng dẫn sử dụng wordpress shortcode

Để sử dụng wordpress shortcode bạn chỉ cần chèn shortcode vào nơi bạn muốn sử dụng tính năng của nó.

1. Cách sử dụng wordpress shortcode trong trang/bài viết

Bước 1: Mở trình soạn thảo của trang hoặc bài viết muốn chèn shortcode

Bước 2: Tại “Widget” chọn “Shortcode”

Bước 3: Gõ đoạn shortcode tương ứng với tính năng muốn sử dụng

2. Cách sử dụng shortcode trên Sidebar

Shortcode cũng có thể được chèn vào sidebar để thêm các tính năng mong muốn.

Bước 1: Mở “Appearance” > “Widget” > “Text”

Bước 2: Dán đoạn shortcode tương ứng vào phần soạn văn bản, sau đó nhấn “Save”

3. Cách chèn mã shortcode vào đầu trang hoặc chân trang

Bạn có thể chèn mã shortcode ở mọi nơi trên website wordpress. Ví dụ, để chèn nút kêu gọi hành động trong tất cả các bài đăng. Thì hãy thêm mã  do_shortcode() callback function vào sau tệp header.php hoặc footer.php

Cấu trúc của do_shortcode()callback: 

Xem thêm: Hướng dẫn chỉnh sửa giao diện wordpress

VI. Lời kết

Trên đây là tất cả thông tin về wordpress shortcode mà bạn cần biết. Thông tin chính của bài viết bao gồm wordpress shortcode là gì, gồm bao nhiêu loại, chức năng ra sao và sử dụng như thế nào. Vì là người mới nên bạn nên dùng những shortcode có sẵn, còn việc tự tạo wordpress shortcode thì hãy để cho dân chuyên về lập trình. Chúc bạn thành công.

Quý khách hàng có nhu cầu đăng ký hosting wordpress chất lượng cao xin vui lòng liên hệ Nhân Hòa để được tư vấn tận tình nhất.

+ Fanpage: https://www.facebook.com/nhanhoacom

+ Chỉ đường: https://g.page/nhanhoacom

+ Chương trình khuyến mãi mới nhất: https://nhanhoa.com/khuyen-mai.html

————————————————————

CÔNG TY TNHH PHẦN MỀM NHÂN HÒA

https://nhanhoa.com

Hotline: 1900 6680

Trụ sở chính: Tầng 4 - Tòa nhà 97-99 Láng Hạ, Đống Đa, Hà Nội

Tel: (024) 7308 6680 – Email: sales@nhanhoa.com

Chi nhánh: 270 Cao Thắng (nối dài), Phường 12, Quận 10, Tp.HCM

Tel: (028) 7308 6680 – Email: hcmsales@nhanhoa.com