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
- 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
- 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
- Truy cập hPanel của bạn và nhấp vào Trình quản lý tệp
- Chuyển đến thư mục public_html và điều hướng đến nội dung wp -> chủ đề
- Tìm và truy cập thư mục chủ đề hiện đang hoạt động của bạn
- mở tiêu đề. php, sau đó cuộn xuống trang và đặt hàm do_shortcode phía trên thẻ
- 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 đó