Cách tạo Shortcode trong WordPress

Thủ thuật WordPress
#1

Trong WordPress, Shortcode là một tính năng để chèn nội dung vào một bài viết hoặc một trang theo cách lập trình. Shortcode sẽ hoạt động nếu nó được chỉ định bên trong một trang hoặc nội dung bài đăng.

Nếu không, chúng ta phải thêm hook do_shortcode để sử dụng shortcode bên ngoài nội dung. Trong một bài hướng dẫn WordPress trước đây, tôi đã sử dụng tính năng shortcode để chèn banner quảng cáo vào bài viết . WordPress đã giới thiệu tính năng shortcode từ phiên bản 2.5 và từ đó việc tạo macro trong nội dung bài đăng trở nên đơn giản hơn.

Để thêm shortcode vào trang hoặc bài đăng WordPress, chúng ta phải chỉ định nó là [shortcode-name] bên trong vùng nội dung. Sau đó, chúng ta cần tạo shortcode hook vào theme.

Hook này chỉ định tên shortcode và một hàm gọi lại trả về nội dung sẽ được thay thế cho shortcode. WordPress cung cấp một danh sách các mã ngắn được tích hợp sẵn và bổ sung như, và hơn thế nữa.

Cách tạo mã ngắn

API shortcode của WordPress cho phép chúng tôi tạo shortcode tùy chỉnh của riêng mình cho nội dung bài đăng hoặc trang. Hàm add_shortcode () được sử dụng để tạo shortcode tùy chỉnh.

Hàm này yêu cầu hai tham số, tên của shortcode và một lệnh gọi lại để trả về nội dung cho các thẻ shortcode.

Thêm đoạn mã sau vào functions.php của theme dưới dạng một hook. Hàm gọi lại trả về nội dung HTML và thay thế thẻ mã ngắn mà bạn đã chỉ định trong nội dung bài đăng của mình.


function getPostFooterNote () {
	return "<div> Hy vọng bạn thấy hướng dẫn này hữu ích! <br> <a href='#'> Chia sẻ liên kết này </a> trên Social Media. </div>";
}

add_shortcode ('post-footer-note', 'getPostFooterNote');

Cách sử dụng Mã ngắn

Trong WordPress, shortcode có thể được chỉ định theo nhiều cách khác nhau. Shortcode API hỗ trợ cả thẻ độc lập và thẻ chứa. Chúng còn được gọi là thẻ tự đóng và thẻ bao quanh, tương ứng.

Cách sử dụng đơn giản của thẻ mã ngắn tự đóng cho mã ngắn tùy chỉnh của chúng tôi là,

[post-footer-note]

Các thẻ mã ngắn cũng có thể đặt các thuộc tính cho hàm gọi lại trong móc mã ngắn. Dựa trên thuộc tính này, chúng ta có thể có shortcode có điều kiện.

[post-footer-note share = 'false']

Hàm gọi lại trả về HTML dựa trên thuộc tính được đặt với mã ngắn. Trong shortcode ở trên, thuộc tính “share” được đặt là false. Vì vậy, lệnh gọi lại sẽ không nối ‘liên kết chia sẻ’ với HTML đầu ra.


	function getPostFooterNote ($ thuộc tính) {
		$ output = "<div> Hy vọng bạn thấy hướng dẫn này hữu ích! </div>";
		if ($ thuộc tính ["share"] == "true") {
			$ output. = "<div> <a href='#'> Chia sẻ liên kết này </a> trên Social Media. </div>";
		}
		trả về sản lượng $;
	}

Việc bao bọc các thẻ mã ngắn cho phép chúng tôi chuyển nội dung đến chức năng gọi lại. Đoạn mã sau đây cho biết cách sử dụng mã ngắn kèm theo.

[source] echo "Ví dụ về mã ngắn kèm theo"; [/ nguồn]

Mã PHP mẫu trong vùng chứa shortcode được gửi dưới dạng nội dung của hàm gọi lại. Hàm gọi lại trả về nguồn đã được kiểm duyệt cho nội dung trang hoặc bài đăng WordPress.

function prettySource ($ atts, $ content = "") {
	$ content = str_replace (">", ">", $ content);
	$ content = str_replace ("<", "<", $ content);
	$ output = "<pre>";
	$ đầu ra. = $ nội dung;
	$ đầu ra. = "</pre>";
	trả về sản lượng $;
}

add_shortcode ('source', 'prettySource');