Làm cách nào để hiển thị nội dung của shortcode trong WordPress?

Mở rộng chức năng trang web dễ dàng với sự trợ giúp của mã ngắn. Để đặt chúng trên bất kỳ phần nào của trang web của bạn, bạn có thể sử dụng chức năng do_shortcode của WordPress. Ở đây, chúng tôi sẽ chỉ cho bạn cách áp dụng nó. Vì vậy, hãy bắt đầu bằng cách khám phá những điều cơ bản về mã ngắn WordPress

Shortcode chính xác là gì?

Shortcode là một đoạn mã, cho phép bạn thực thi chức năng như hiển thị nội dung. Ví dụ: nếu bạn tạo thanh trượt bằng plugin MetaSlider, bạn cần nhúng mã ngắn của plugin vào trang web của mình để hiển thị thanh trượt

Tuy nhiên, bạn chỉ có thể nhúng nó vào nội dung hoặc tiện ích của trang web. Nếu không, nội dung sẽ không hiển thị. Để giải quyết vấn đề này, bạn có thể sử dụng hàm do_shortcode của WordPress. Nó cho phép bạn nhúng mã ngắn vào bất cứ đâu bạn muốn – bao gồm cả tiêu đề. Đây là giao diện của nó

Để áp dụng chức năng này, bạn cần truy cập và tinh chỉnh các tệp chủ đề. Đừng quên tạo bản sao lưu toàn bộ trang web WordPress của bạn và sử dụng chủ đề con WordPress trước để tránh mất dữ liệu nếu xảy ra sự cố

Làm cách nào để sử dụng WordPress do_shortcode?

Bây giờ, hãy thử thêm một shortcode bằng WordPress do_shortcode. Chẳng hạn, giả sử bạn muốn đưa một thanh trượt vào tiêu đề của chủ đề bằng MetaSlider – hãy đảm bảo rằng bạn đã cài đặt plugin. Tuy nhiên, bạn không có bất kỳ tiện ích nào cho khu vực tiêu đề

Vì vậy, bạn cần nhúng mã ngắn của thanh trượt vào tệp tiêu đề của chủ đề. Để làm như vậy, sử dụng các bước sau

1. Nhấp vào MetaSlider trên thanh bên trái của bảng điều khiển quản trị viên WordPress
2. Sao chép mã ngắn ở dưới cùng bên phải của trang
   

Nếu bạn để ý, mã ngắn của MetaSlider đã nằm trong hàm do_shortcode của WordPress. Sau đó, bạn có thể tiến hành chỉnh sửa tệp tiêu đề của chủ đề bằng cách truy cập trình quản lý tệp của nhà cung cấp dịch vụ lưu trữ hoặc ứng dụng khách FTP như FileZilla

Các bước sau đây sẽ chỉ cho bạn cách chỉnh sửa tệp chủ đề bằng Trình quản lý tệp của Hostinger – nó cũng có thể được áp dụng trong ứng dụng khách FTP

1. Truy cập hPanel của bạn và nhấp vào Trình quản lý tệp
2. Chuyển đến thư mục public_html và điều hướng đến nội dung wp -> chủ đề
3. Tìm và truy cập thư mục chủ đề hiện đang hoạt động của bạn
4. mở tiêu đề. php, sau đó cuộn xuống trang và đặt hàm do_shortcode phía trên thẻ
   
5. Lưu và kiểm tra xem trang web của bạn trông như thế nào
   

Đôi khi, việc chỉnh sửa các tệp cốt lõi của chủ đề có thể phá vỡ mẫu WordPress của bạn. Để khắc phục, bạn nên thay đổi CSS để trang web trông đẹp hơn. Kiểm tra hướng dẫn của chúng tôi về cách kiểm tra các thành phần bằng Chrome và tải xuống CSS cheatsheet

Phần kết luận

Bây giờ bạn đã học cách sử dụng mã ngắn và hiển thị chúng bằng hàm do_shortcode WordPress. Chỉ cần đặt nó vào tệp của chủ đề và bạn đã sẵn sàng để sử dụng. Đừng quên sao lưu trang web của bạn trước khi chỉnh sửa tệp để tránh rủi ro mất dữ liệu

Bạn có câu hỏi nào liên quan đến chủ đề không?

Khám phá thêm các kỹ thuật WordPress chuyên nghiệp

Đa trang WordPress
Loại bài đăng tùy chỉnh trong WordPress
Thêm CSS tùy chỉnh vào WordPress
Cách chỉnh sửa HTML trong WordPress
Headless WordPress
WordPress Rest API

Tác giả

Emma Y

Emma là người ủng hộ cho sự hỗn loạn có tổ chức. Cô ấy thích lướt ván, yoga và an ninh mạng. Vào một ngày bình thường, chiến lược nội dung của cô ấy là lướt qua làn sóng của các nền tảng nội dung, linh hoạt các hình thức truyền thông xã hội và blog, đồng thời mở ra những con đường của các kỹ thuật SEO chưa được chạm tới

Nếu không có thẻ shortcode nào được xác định thì nội dung sẽ được trả về mà không cần lọc. Điều này có thể gây ra sự cố nếu một plugin bị vô hiệu hóa vì mã ngắn của nó sẽ vẫn hiển thị trong bài đăng hoặc nội dung

Dưới đây là ví dụ về mã ngắn hiển thị nội dung bài đăng dựa trên thuộc tính id và type

[post type="content" id="2"]

[post type="title" id="2"]

Nếu bạn muốn kết xuất từ ​​một mẫu, bạn sẽ sử dụng

echo do_shortcode ( '[post type="content" id="294"]' );

echo do_shortcode ( '[post type="title" id="294"]' );

Và đây là đăng ký shortcode thực tế

// [post type="content" id="2"]
// [post type="title" id="2"]

function post__shortcode( $atts ) {
    $a = shortcode_atts(
        array (
            'id'   => false,
            'type' => "content",
        ), $atts );

    $id   = $a [ 'id' ];
    $type = $a [ 'type' ];

    // bad id
    if ( ! is_numeric( $id ) ) {
        return '';
    }

    // find the post
    $post = get_post( $id );

    // bad post
    if ( ! $post ) {
        return '';
    }

    // allow for other post attributes
    switch ( $type ) {

        case "content":
            return $id === get_the_ID() || $id === get_queried_object_id()
                ? '' // no recursive loops!
                : apply_filters( 'the_content', $post->post_content );

        case "title":
            return $post->post_title;
    }

    // nothing to see here
    return '';
}

add_shortcode( 'post', 'post__shortcode' );

Rõ ràng là bạn có thể sửa đổi switch để bao gồm bất kỳ loại nội dung nào bạn cần cho bài đăng đó

Làm cách nào để hiển thị shortcode trong WordPress php?

Hàm nào dùng để hiển thị shortcode trong WordPress?

Mã ngắn được lưu trữ ở đâu trong WordPress?

Làm cách nào để in mã ngắn trong php?