Đã bao giờ bạn có thời gian để thêm một số nội dung chuyên biệt vào bài đăng hoặc trang WordPress của bạn, nhưng không chắc chắn về cách thức? Có lẽ bạn muốn nhúng một widget Twitter hoặc một số nội dung được gọi trở lại từ một số trang web hoặc API. Bạn có thể dễ dàng thêm loại nội dung này vào bài viết WordPress của mình như thế nào? May mắn thay, WordPress cung cấp một cái gì đó được gọi là một mã ngắn để làm cho loại công việc này cực kỳ dễ dàng. Hướng dẫn này sẽ đưa bạn qua quá trình xây dựng, cài đặt và sử dụng mã vạch trong cài đặt WordPress của bạn. Hãy bắt đầu bằng cách xem mã ngắn là gì.
Mã rút ngắn WordPress là gì?
Tóm lại, mã ngắn là một thẻ đặc biệt mà bạn có thể nhập vào bài đăng được thay thế bằng nội dung khác khi xem bài đăng trên trang web. Nếu bạn đã từng nhúng một thư viện WordPress vào blog của mình, thì bạn đã nhìn thấy mã nguồn được xây dựng trong đó.
Khi bạn tải một trang blog với
shortcode, WordPress thay thế
shortcode với tất cả các mã mà thực sự hiển thị một bộ sưu tập hình ảnh của bạn.
Như bạn thấy từ ví dụ trên, mã ngắn trông giống như một thẻ HTML, nhưng được kèm theo dấu ngoặc vuông thay vì dấu ngoặc nhọn. Mã này được thay bằng một số mã khác khi trang thực sự được tải trong một trình duyệt web. Điều thực sự mát mẻ là WordPress cho phép bạn tạo các mã phím tắt tùy chỉnh của riêng bạn để hiển thị bất cứ điều gì khá nhiều! Bạn có thể sử dụng nó để xuất ra một video Youtube, hiển thị tweets mới nhất của bạn, hoặc thậm chí tùy chỉnh nó tuy bạn thích.
Trong trường hợp không hợp lý, hãy xem ví dụ. Giả sử tôi muốn đưa ra quảng cáo AdSense trong bài đăng của tôi. Tôi có thể vào chế độ HTML của trình soạn thảo nội dung WordPress và sao chép và dán mã Adsense vào đó, tuy nhiên điều này sẽ tẻ nhạt và có thể làm bạn mất tập trung với tất cả các đánh dấu bổ sung trong bài đăng của tôi. Ngoài ra, nếu tôi muốn thay đổi khối quảng cáo, tôi sẽ phải quay lại từng bài đăng và thay đổi nó sang báo cáo mới. Một cách dễ dàng và đáng tin cậy hơn để thêm khối Adsense bất cứ nơi nào tôi muốn sẽ được sử dụng một mã ngắn adsense. Mã ngắn có thể như sau:
[adsense]
Khi thực sự nhìn vào bài đăng trên trang web của bạn, mã ngắn sẽ được thay thế bằng khối quảng cáo Adsense. Vì vậy, làm thế nào để bạn tạo ra mã ngắn này? Rõ ràng, bạn cần phải nói với WordPress những gì để thay thế shortcode bằng cách nào đó. Chúng ta hãy nhìn vào điều đó tiếp theo.
Làm thế nào để tôi tạo một mã ngắn?
May mắn thay, WordPress làm cho nó khá đơn giản để làm cho shortcodes của riêng bạn, vì vậy hãy thực sự đi về việc thực hiện shortcode [adsense]. Điều đầu tiên chúng ta cần làm là xác định một chức năng mà kết quả đầu ra mã Adsense thực tế. Tất cả các mã sau đây sẽ đi trong functions.php trong chủ đề của bạn (nó cũng có thể đi trong một tập tin plugin độc lập). Hiểu rồi? Ok, vậy chúng ta hãy nhìn vào chức năng đó.
hàm get_adsense ($ atts) {
trở về '
';
}
Chức năng này khá đơn giản – nó chỉ trả lại mã Google Adsense của tôi dưới dạng một chuỗi. Dù hàm này trả về là những gì mà shortcode của tôi sẽ được thay thế, vì vậy tôi có thể đã trả lại html cho một widget Twitter, hoặc một danh sách các bài viết con của bài này, hoặc bất cứ điều gì khác.
Bây giờ chúng ta có một chức năng mà trả về những gì chúng ta muốn, làm thế nào để chúng tôi móc đó lên đến một mã ngắn? Bây giờ đây là nơi WordPress API đưa vào. Một lần nữa chúng ta hãy cùng nhau xem xét cách chúng ta làm điều đó và sau đó giải thích những gì đang xảy ra. Dưới đây là cuộc gọi để thiết lập mã vạch adsense.
add_shortcode ('adsense', 'get_adsense');
Đó là nó! Thông số đầu tiên được chuyển vào là tên của mã ngắn, vì vậy trong trường hợp của chúng tôi, ‘adsense’ cho WordPress tạo mã ngắn [adsense]. Tham số thứ hai chỉ định chức năng sẽ được gọi khi gặp phải mã ngắn mới. Một lần nữa, trong trường hợp của chúng tôi, ‘get_adsense’ nói với WordPress để thay thế [adsense] bằng kết quả của phương thức get_adsense của chúng tôi.
Không phải là quá xấu là nó? Bây giờ đây là một mã ngắn rất đơn giản, WordPress cho phép bạn làm nhiều hơn với các mã ngắn của bạn, bao gồm thêm các thông số (có thể bạn muốn chọn giữa các khối adsense?). API đầy đủ có thể được nhìn thấy tại WordPress Codex.
Làm cách nào để sử dụng mã vạch của tôi?
Phần cuối này rất đơn giản, chỉ cần thêm mã vạch [adsense] trong chế độ xem HTML hoặc Visual của trình soạn thảo Bài đăng hoặc Trang. Đó là nó! Bạn đã tạo mã số đầu tiên của mình.