Cách tạo mã ngắn trong plugin WordPress

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');

7

include('custom-shortcodes.php');

8

và 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ình

Trong 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

1. 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ả
2. Đăng ký chức năng xử lý shortcode. Sử dụng chức năng WordPress

   include('custom-shortcodes.php');

   9 tích hợp để đăng ký mã ngắn tùy chỉnh

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ạn

Sau đó, 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ã sau

include('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ã sau

function 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 '
';
}

6

Bướ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ã sau

include('custom-shortcodes.php');

5

Khi 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ụng

Trong trường hợp này, thẻ tắt là

include('custom-shortcodes.php');

52 và móc là

function dotiavatar_function() {
     return '
';
}

5

Ghi 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');

1

Mã 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ậy

include('custom-shortcodes.php');

4

Hà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');

9

Vớ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 '
';
}

0

Ngoài ra, bạn có thể bỏ qua

include('custom-shortcodes.php');

56 và chỉ cần sử dụng giá trị mặc định

function dotiavatar_function() {
     return '
';
}

2

Và đó 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 '
';
}

3

Mã 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ã sau

include('custom-shortcodes.php');

0

Trong 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ã HTML

OK, bây giờ là lúc để đăng ký shortcode

include('custom-shortcodes.php');

1

Và đó 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');

2

Tấ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ữa

include('custom-shortcodes.php');

3

Và sau đó đăng ký shortcode

include('custom-shortcodes.php');

4

Chứ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');

5

Vớ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 '
';
}

0

include('custom-shortcodes.php');

6

Khi 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