Tìm hiểu về WordPress Shortcode ? List WS Phổ Biến và Cách Sử Dụng

WordPress shortcode là gì?

WordPress shortcode là một đoạn mã ngắn được bao bọc bởi hai dấu ngoặc vuông []. Shortcode có thể được sử dụng để thêm nội dung động vào bài viết, trang hoặc widget của WordPress.

Shortcode được sử dụng để thực hiện nhiều loại tác vụ, bao gồm:

• Chèn nội dung từ bên ngoài, chẳng hạn như video, hình ảnh, âm thanh, hoặc mã HTML.
• Tạo biểu mẫu, bảng, danh sách, hoặc các thành phần khác.
• Điều khiển bố cục hoặc kiểu dáng của trang web.

WordPress đi kèm với một số short code tích hợp sẵn, chẳng hạn như:

[ embed ]: Chèn nội dung từ bên ngoài, chẳng hạn như video, hình ảnh, âm thanh, hoặc mã HTML.
[ gallery ]: Hiển thị một bộ sưu tập hình ảnh.
[ table ]: Hiển thị một bảng.
[ list ]: Hiển thị một danh sách.

Bạn cũng có thể tạo các short code tùy chỉnh của riêng mình bằng cách sử dụng một plugin hoặc thêm mã PHP vào theme của bạn.

Ưu điểm – hạn chế

Ưu điểm :

• Dễ sử dụng: Shortcode được viết bằng cú pháp đơn giản, dễ hiểu. Bạn có thể sử dụng shortcode ngay cả khi bạn không biết lập trình.
• Tiết kiệm thời gian: Shortcode giúp bạn tiết kiệm thời gian so với việc phải viết mã HTML hoặc PHP thủ công.
• Tính tùy biến cao: Shortcode cho phép bạn tùy chỉnh nội dung hiển thị. Bạn có thể sử dụng các tham số và tùy chọn khác nhau để tạo ra các shortcode phù hợp với nhu cầu của mình.
• Dễ quản lý: Bạn có thể quản lý các shortcode của mình trong một tệp tin riêng biệt, giúp cho việc sửa đổi và bảo trì trở nên dễ dàng hơn.

Hạn chế

Shortcode WordPress là một tính năng hữu ích, nhưng cũng có một số nhược điểm mà bạn cần lưu ý:

• Tính bảo mật: Tín năng này có thể được sử dụng để chèn mã độc hoặc các nội dung độc hại khác vào trang web của bạn. Nếu bạn cho phép người dùng nhập nó vào bài viết hoặc trang, điều này có thể tạo ra một lỗ hổng bảo mật trong website của bạn.
• Tính phức tạp: Nếu bạn muốn tạo một short code phức tạp với nhiều tùy chọn, điều này có thể đòi hỏi kiến thức kỹ thuật cao và khó khăn trong việc tùy chỉnh.
• Tính khó hiểu: Nếu bạn không quản lý tốt các short code của mình, chúng có thể trở nên khó hiểu và gây ra sự nhầm lẫn cho người dùng.

Dưới đây là một số ví dụ cụ thể về các nhược điểm của shortcode WordPress:

• Bảo mật: Một kẻ tấn công có thể sử dụng shortcode để chèn mã độc hoặc các nội dung độc hại khác vào trang web của bạn. Điều này có thể dẫn đến việc trang web của bạn bị hack, dữ liệu bị đánh cắp, hoặc người dùng bị lừa đảo.
• Phức tạp: Nếu bạn muốn tạo một shortcode phức tạp với nhiều tùy chọn, điều này có thể đòi hỏi kiến thức kỹ thuật cao. Bạn cần hiểu cú pháp của shortcode và cách sử dụng các tham số và tùy chọn khác nhau.
• Khó hiểu: Nếu bạn không quản lý tốt các shortcode của mình, chúng có thể trở nên khó hiểu và gây ra sự nhầm lẫn cho người dùng. Bạn cần chú ý đặt tên shortcode rõ ràng và dễ hiểu, đồng thời giải thích cách sử dụng shortcode trong tài liệu hướng dẫn sử dụng trang web của mình.

Hướng khắc phục nhược điểm-hạn chế.

Để giảm thiểu các nhược điểm của shortcode WordPress, bạn nên lưu ý những điều sau:

• Chỉ cho phép người dùng đáng tin cậy nhập short code vào bài viết hoặc trang.
• Sử dụng các plugin short code đáng tin cậy.
• Kiểm tra các short code trước khi sử dụng.
• Tạo tài liệu hướng dẫn sử dụng trang web của mình, giải thích cách sử dụng short code.

Danh sách shortcode có sẵn của wordpress

WordPress đi kèm với một số short code tích hợp sẵn, được sử dụng để thực hiện các tác vụ phổ biến. Dưới đây là danh sách một số short code thông dụng:

[ embed ]: Chèn nội dung từ bên ngoài, chẳng hạn như video, hình ảnh, âm thanh, hoặc mã HTML.
[ gallery ]: Hiển thị một bộ sưu tập hình ảnh.
[ table ]: Hiển thị một bảng.
[ list ]: Hiển thị một danh sách.
[ button ]: Tạo một nút.
[ social-links ]: Hiển thị các liên kết đến mạng xã hội.
[ contact-form ]: Tạo một biểu mẫu liên hệ.
[ css ]: Thêm mã CSS tùy chỉnh.

Ngoài ra, còn có rất nhiều plugin short code khác nhau cung cấp các short code bổ sung cho các tác vụ cụ thể, chẳng hạn như tạo biểu mẫu, tạo widget, hoặc thêm chức năng vào trang web của bạn.

Ví dụ về shortcode

Dưới đây là một số ví dụ về cách sử dụng các short code thông dụng:

• Chèn video YouTube:

[ embed ]https://www.youtube.com/watch?v=dQw4w9WgXcQ[ /embed ]

• Hiển thị một bộ sưu tập hình ảnh:

[ gallery ids=”1,2,3″ ]

• Hiển thị một bảng:

[ table ]
| Tên | Số lượng |
|—|—|
| Trái cây | 10 |
| Rau củ | 20 |
[ /table ]

• Hiển thị một danh sách:

[ list ]
* Trái cây
* Rau củ
* Thịt
* Cá
[ /list ]

• Tạo một nút:

[ button text=”Nhấp vào đây!” url=”https://example.com” ]

• Hiển thị các liên kết đến mạng xã hội:

[ social-links ]
[ social-link icon=”facebook” url=”https://www.facebook.com/example” ]
[ social-link icon=”twitter” url=”https://twitter.com/example” ]
[ social-link icon=”linkedin” url=”https://www.linkedin.com/company/example” ]
[ /social-links ]

• Tạo một biểu mẫu liên hệ:

[ contact-form ]
[ contact-form-field label=”Tên” type=”text” required=”true” ]
[ contact-form-field label=”Email” type=”email” required=”true” ]
[ contact-form-field label=”Tiêu đề” type=”text” required=”true” ]
[ contact-form-field label=”Nội dung” type=”textarea” required=”true” ]
[ /contact-form ]

• Thêm mã CSS tùy chỉnh:

[ css ]
.my-custom-class {
color: red;
}
[ /css ]

Để thêm short code vào bài viết hoặc trang, bạn có thể sử dụng trình soạn thảo Gutenberg hoặc trình soạn thảo cổ điển. Trong trình soạn thảo Gutenberg, bạn có thể thêm short code bằng cách thêm một khối Short code. Trong trình soạn thảo cổ điển, bạn có thể thêm short code bằng cách chèn mã short code vào bài viết hoặc trang.

Nhìn chung, short code WordPress là một tính năng hữu ích cho phép bạn thêm nội dung động và chức năng vào trang web của mình mà không cần viết nhiều mã. Tuy nhiên, bạn cần lưu ý các nhược điểm của short code để sử dụng chúng một cách an toàn và hiệu quả.

————————————————-

P.A Việt Nam cung cấp đa dạng các Plan Hosting WordPress đáp ứng yêu cầu của khách hàng. Hiện có danh sách top hosting wordpress như sau

WordPress Hosting phổ thông

WordPress Hosting chất lượng cao

WordPress VIP

Tham khảo các ưu đãi: https://www.pavietnam.vn/vn/tin-tuc-chuong-trinh-khuyen-mai-ten-mien-hosting.html , hướng dẫn : https://kb.pavietnam.vn