Mã ngắn WordPress được sử dụng để 1] giảm số lượng mã bạn cần viết; . Chúng hoạt động giống như macro, khi bạn chèn một mã ngắn, nó sẽ được thay thế bằng một đoạn mã. Nó có thể là bất cứ điều gì
WordPress đi kèm với một số mã ngắn được xác định trước, chẳng hạn như
include['custom-shortcodes.php'];
7include['custom-shortcodes.php'];
8và và chúng cũng được bao gồm trong nhiều plugin và chủ đề phổ biến. Bạn cũng có thể tạo mã ngắn tùy chỉnh của riêng mình để thực hiện những việc như tạo cột trên trang web WordPress của mìnhTrong bài đăng này, chúng tôi sẽ hướng dẫn bạn từng bước trong quá trình tạo và sử dụng mã ngắn tùy chỉnh của riêng bạn. Chúng tôi sẽ hướng dẫn bạn toàn bộ quá trình tạo một mã ngắn mới và chỉ cho bạn cách sửa đổi cũng như kiểm soát các thuộc tính và chức năng của mã ngắn
Xin lưu ý rằng đây là một bài đăng nâng cao hơn sẽ đi vào chi tiết về cách tạo mã ngắn. Nếu làm việc với mã nằm ngoài chuyên môn kỹ thuật của bạn và bạn chỉ muốn cách dễ dàng nhất để bắt đầu với việc tạo và sử dụng mã ngắn, thì bạn có thể muốn bắt đầu với một plugin mã ngắn
Khi tạo mã ngắn của riêng bạn, có hai điều bạn cần làm
- Tạo chức năng xử lý shortcode. Hàm shortcode là hàm nhận các tham số [thuộc tính] tùy chọn và trả về kết quả
- Đăng ký chức năng xử lý shortcode. Sử dụng chức năng WordPress
9 tích hợp để đăng ký mã ngắn tùy chỉnhinclude['custom-shortcodes.php'];
Chuẩn bị WordPress cho mã ngắn tùy chỉnh
Mặc dù không bắt buộc nhưng bạn nên giữ các mã ngắn tùy chỉnh của mình trong tệp của riêng chúng. Ngoài ra, bạn có thể thêm chúng vào tệp
function dotiavatar_function[] {
return '';
}
0 của chủ đềĐầu tiên, tạo một tệp mới có tên là
function dotiavatar_function[] {
return '';
}
1 và lưu nó vào cùng thư mục với tệp function dotiavatar_function[] {
return '';
}
0 của chủ đề của bạnSau đó, bên trong tệp mới tạo, thêm khối mã sau
Tiếp theo, mở tệp
function dotiavatar_function[] {
return '';
}
0 và thêm dòng mã sauinclude['custom-shortcodes.php'];
Bây giờ bạn đã sẵn sàng để bắt đầu thêm mã ngắn tùy chỉnh của mình
Mã ngắn cơ bản
Trong ví dụ đầu tiên này, chúng tôi sẽ tạo một mã ngắn WordPress cơ bản để chèn hình ảnh đại diện của Day Of The Indie bên dưới
Tạo mã ngắn
Bước đầu tiên là tạo hàm shortcode. Bên trong tệp
function dotiavatar_function[] {
return '';
}
1, thêm khối mã saufunction dotiavatar_function[] {
return '';
}
Trong ví dụ mã ở trên, hàm
function dotiavatar_function[] {
return '';
}
5 trả về một hình ảnh được xác định trước có tên là function dotiavatar_function[] {
return '';
}
6Bước tiếp theo là đăng ký mã ngắn với WordPress bằng chức năng tích hợp sẵn
function dotiavatar_function[] {
return '';
}
7. Vẫn bên trong function dotiavatar_function[] {
return '';
}
1, thêm dòng mã sauinclude['custom-shortcodes.php'];
5Khi bạn đăng ký một mã ngắn bằng hàm
function dotiavatar_function[] {
return '';
}
7, bạn chuyển vào thẻ mã ngắn [include['custom-shortcodes.php'];
50] và hàm tương ứng [include['custom-shortcodes.php'];
51]/hook sẽ thực thi bất cứ khi nào phím tắt được sử dụngTrong trường hợp này, thẻ tắt là
include['custom-shortcodes.php'];
52 và móc là function dotiavatar_function[] {
return '';
}
5Ghi chú. Khi đặt tên thẻ, chỉ sử dụng chữ thường và không sử dụng dấu gạch ngang;
Sử dụng mã ngắn
Bây giờ bạn đã tạo và đăng ký mã ngắn, đã đến lúc dùng thử. Bất cứ khi nào bạn muốn avatar DOTI xuất hiện trong nội dung bài đăng, bạn có thể sử dụng mã ngắn để thay thế
include['custom-shortcodes.php'];
1Mã ngắn với Tham số [Thuộc tính]
Trong ví dụ trước, không có nhiều chỗ để thay đổi mọi thứ. Giả sử, thay vì đẩy một hình ảnh duy nhất, chúng tôi muốn có thể đặt hình ảnh nào sẽ sử dụng bằng cách sử dụng một tham số. Bạn có thể làm điều đó bằng cách thêm một số thuộc tính [______154]
Một lần nữa, bên trong
function dotiavatar_function[] {
return '';
}
1, thêm một chức năng khác, như vậyinclude['custom-shortcodes.php'];
4Hàm trên chấp nhận một tham số duy nhất.
include['custom-shortcodes.php'];
56. Nếu giá trị include['custom-shortcodes.php'];
56 không được chuyển, nó sẽ sử dụng giá trị chuỗi mặc định là include['custom-shortcodes.php'];
58. Nó thực hiện điều này bằng cách mở gói mảng các thuộc tính bằng cách sử dụng hàm include['custom-shortcodes.php'];
59 tích hợp sẵn và kết hợp các giá trị mặc định với các giá trị có thể đã được chuyển vào hàmĐừng quên đăng ký shortcode
include['custom-shortcodes.php'];
9Với hàm shortcode được tạo và hook được thêm vào, shortcode hiện đã sẵn sàng để sử dụng bên trong nội dung bài đăng của bạn
function dotiavatar_function[] {
return '';
}
0Ngoài ra, bạn có thể bỏ qua
include['custom-shortcodes.php'];
56 và chỉ cần sử dụng giá trị mặc địnhfunction dotiavatar_function[] {
return '';
}
2Và đó là nó. Bây giờ bạn đã biết cách tạo mã ngắn WordPress tự đóng. Nhưng có một loại khác mà bạn có thể tạo ra
Kèm theo mã ngắn
Cho đến bây giờ, chúng tôi đã làm việc với các mã ngắn tự đóng. Nhưng có một loại shortcode khác. kèm theo mã ngắn
Kèm theo mã ngắn cho phép bạn sử dụng định dạng kiểu BBCode. Đó là, một phong cách trông như thế này
function dotiavatar_function[] {
return '';
}
3Mã ngắn kèm theo rất hữu ích khi bạn cần thao tác với nội dung kèm theo. Ví dụ: giả sử bạn có một kiểu nút cụ thể mà bạn sử dụng trên trang web của mình;
Bằng cách sử dụng mã ngắn kèm theo, bạn có thể tập trung vào nội dung hơn là vào mã
Tạo mã ngắn
Một lần nữa, bên trong tệp
function dotiavatar_function[] {
return '';
}
1, hãy thêm khối mã sauinclude['custom-shortcodes.php'];
0Trong khối mã ở trên,
include['custom-shortcodes.php'];
12 được sử dụng để xác định chức năng này dưới dạng mã ngắn kèm theo. Và, bên trong chức năng đó, bạn đang bọc nội dung của mình [include['custom-shortcodes.php'];
13] trong mã HTMLOK, bây giờ là lúc để đăng ký shortcode
include['custom-shortcodes.php'];
1Và đó là nó. Mã ngắn của bạn đã sẵn sàng để sử dụng
Sử dụng mã ngắn
Sử dụng mã ngắn kèm theo không khác nhiều so với sử dụng mã ngắn tự đóng. Giống như HTML, bạn chỉ cần đảm bảo rằng bạn có phần mở đầu và phần kết thúc
include['custom-shortcodes.php'];
2Tất nhiên, đây chỉ là một ví dụ cơ bản. Bạn cũng có thể thêm các tham số vào một mã ngắn kèm theo, giống như bạn làm với một mã ngắn tự đóng
Bên trong
function dotiavatar_function[] {
return '';
}
1, thêm một chức năng nữainclude['custom-shortcodes.php'];
3Và sau đó đăng ký shortcode
include['custom-shortcodes.php'];
4Chức năng mới này cho phép bạn đặt liên kết cho nút bằng cú pháp sau
include['custom-shortcodes.php'];
5Với các mã ngắn kèm theo, bạn có thể làm được rất nhiều việc với rất ít mã
Vài Lời Về Widget
Theo mặc định, mã ngắn chỉ được hỗ trợ trong các bài đăng, trang hoặc loại bài đăng tùy chỉnh; . Để thêm hỗ trợ cho các widget, bạn cần thêm đoạn mã sau vào tệp
function dotiavatar_function[] {
return '';
}
0include['custom-shortcodes.php'];
6Khi bạn làm điều đó, bạn có thể sử dụng mã ngắn trong tiện ích - giống như bạn làm trong bài đăng/trang
Kết thúc mọi thứ
Việc thêm mã ngắn của riêng bạn không tốn nhiều công sức - đặc biệt là khi bạn hiểu cách chúng được triển khai. Nếu bạn muốn tìm hiểu thêm, hãy xem WordPress codex