Shortcode là một trong những tính năng mạnh mẽ của WordPress, giúp người dùng dễ dàng thêm nội dung động vào trang web mà không cần viết quá nhiều code. Đây là một cách hiệu quả để nhúng nội dung hoặc chức năng mà không phải chỉnh sửa trực tiếp mã nguồn. Các nhà phát triển WordPress sử dụng shortcode để cung cấp các tính năng tiện ích mà không yêu cầu người dùng có kỹ năng lập trình cao.
Shortcode trong WordPress là một đoạn mã ngắn, được đặt trong dấu ngoặc vuông [shortcode]. Khi WordPress xử lý nội dung, nó sẽ tìm kiếm các shortcode và thay thế chúng bằng nội dung hoặc chức năng tương ứng. Điều này giúp người dùng dễ dàng thêm các yếu tố động vào bài viết, trang hoặc widget mà không cần viết mã phức tạp.
Ví dụ, thay vì chèn một đoạn mã HTML dài dòng để hiển thị một thư viện ảnh, bạn chỉ cần sử dụng shortcode [gallery] và WordPress sẽ tự động hiển thị thư viện ảnh tương ứng.
Sử dụng shortcode mang lại nhiều lợi ích đáng kể:
Tiện lợi: Không cần thao tác với mã nguồn, chỉ cần nhập một đoạn shortcode đơn giản.
Tiết kiệm thời gian: Thay vì lặp lại nhiều lần một đoạn mã dài, bạn chỉ cần dùng shortcode.
Dễ dàng tùy chỉnh: Các shortcode có thể nhận tham số để thay đổi nội dung hiển thị theo ý muốn.
Tích hợp tốt với plugin và theme: Hầu hết các plugin lớn của WordPress đều cung cấp shortcode để giúp người dùng dễ dàng nhúng chức năng vào website.
Có hai loại shortcode chính trong WordPress:
Self-closing shortcode (Shortcode không có nội dung bên trong): Loại shortcode này tự xử lý nội dung mà không yêu cầu bất kỳ tham số hoặc nội dung nào giữa các thẻ.
Ví dụ: [gallery]
Enclosing shortcode (Shortcode có nội dung bên trong): Cho phép đặt nội dung giữa hai thẻ shortcode.
Ví dụ: [button]Nhấn vào đây[/button]
Bạn có thể sử dụng shortcode trong nhiều khu vực của website WordPress:
Trong bài viết hoặc trang: Nhập trực tiếp [shortcode] vào trình soạn thảo.
Trong widget: Một số widget hỗ trợ shortcode, bạn có thể dán vào Text Widget để hiển thị.
Trong file template PHP: Dùng do_shortcode('[shortcode]') để hiển thị nội dung shortcode trong code PHP của theme.
echo do_shortcode() để hiển thị shortcodeShortcode là một đoạn mã ngắn được đặt trong dấu ngoặc vuông [shortcode], giúp hiển thị nội dung động hoặc thực thi một đoạn mã PHP. WordPress có nhiều shortcode mặc định như [gallery], [audio], nhưng bạn cũng có thể tạo shortcode tùy chỉnh.
Tại sao sử dụng shortcode?
Dễ dàng chèn nội dung động vào bài viết hoặc trang.
Giúp quản trị viên không cần viết code phức tạp.
Tăng cường khả năng tùy chỉnh cho website.
Shortcode không chỉ giúp tiết kiệm thời gian mà còn mang lại trải nghiệm dễ sử dụng hơn cho người quản trị website. Nhiều plugin WordPress cung cấp shortcode sẵn có để người dùng dễ dàng chèn các chức năng như biểu mẫu liên hệ, video nhúng, hoặc sản phẩm thương mại điện tử.
echo do_shortcode() để hiển thị shortcodeKhi làm việc với WordPress, bạn có thể cần hiển thị một shortcode trong file template PHP thay vì chỉ sử dụng nó trong trình soạn thảo. Để làm điều này, bạn có thể sử dụng hàm do_shortcode() kết hợp với echo như sau:
<?php echo do_shortcode('[tenshortcode]'); ?>Ví dụ cụ thể: Nếu bạn có một shortcode [contact_form] từ một plugin form liên hệ, bạn có thể hiển thị nó trong file page.php như sau:
<?php echo do_shortcode('[contact_form]'); ?>Điều này giúp hiển thị biểu mẫu liên hệ tại vị trí mong muốn trên website.
echoBạn cũng có thể tạo shortcode tùy chỉnh của riêng mình bằng cách thêm code vào file functions.php của theme.
Ví dụ tạo một shortcode đơn giản để hiển thị lời chào:
function my_custom_shortcode() {
return '<p>Chào mừng bạn đến với website của chúng tôi!</p>';
}
add_shortcode('my_greeting', 'my_custom_shortcode');Sau khi thêm đoạn code trên, bạn có thể hiển thị nội dung bằng cách gọi shortcode:
<?php echo do_shortcode('[my_greeting]'); ?>Điều này giúp bạn kiểm soát nội dung động và hiển thị chúng một cách linh hoạt hơn trên website WordPress.
Việc sử dụng wordpress echo shortcode giúp bạn dễ dàng hiển thị nội dung động trong file PHP. Bạn có thể sử dụng do_shortcode() để gọi shortcode có sẵn hoặc tự tạo shortcode tùy chỉnh để đáp ứng nhu cầu thiết kế website. Hy vọng bài viết này giúp bạn hiểu rõ hơn về cách sử dụng shortcode trong WordPress và ứng dụng chúng một cách hiệu quả.
Cùng Tempi khám phá ngay nhé!