Lời mở đầu

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 là gì?

 Shortcode là gì?

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.

1.2. Lợi ích của việc sử dụng shortcode

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.

1.3. Các loại shortcode phổ biến

Có hai loại shortcode chính trong WordPress:

  1. 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]

  2. 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]

1.4. Cách sử dụng shortcode trong WordPress

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.

Cách sử dụng echo do_shortcode() để hiển thị shortcode

Cách sử dụng echo do_shortcode() để hiển thị shortcode

Shortcode 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ử.

2.2. Cách sử dụng echo do_shortcode() để hiển thị shortcode

Khi 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.

Tạo shortcode tùy chỉnh và hiển thị bằng echo

Tạo shortcode tùy chỉnh và hiển thị bằng echo

Bạ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.

Kết luận

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é!

Bài viết liên quan

Hỗ trợ sử dụng:

1900 633 680 / 028 7301 3680

support@tempi.vn

Đề nghị hợp tác, đề xuất tài trợ:

CÔNG TY CỔ PHẦN CÔNG NGHỆ TEKO VIỆT NAM

Tầng 7, số 22 phố Láng Hạ, Phường Láng Hạ, Quận Đống Đa, Thành phố Hà Nội, Việt Nam.

Tầng 8, số 17 Bà Huyện Thanh Quan, Phường 6, Quận 3, Thành phố Hồ Chí Minh, Việt Nam.

Giấy chứng nhận đăng ký doanh nghiệp số 0107705299 do Sở Kế Hoạch và Đầu Tư Thành Phố Hà Nội cấp lần đầu ngày 13/01/2017.

© Teko Vietnam All Rights Reserved

Cộng đồng Tempi trên Facebook

Cộng đồng Tempi trên Facebook