Học cách tạo mã ngắn trong WordPress có thể là một cách hiệu quả để tùy chỉnh bài đăng và trang của bạn. Tuy nhiên, nếu bạn chưa quen với quy trình này, bạn có thể gặp khó khăn trong việc hiểu cách sử dụng một tính năng như vậy trên trang web của mình
Đó là lý do tại sao chúng tôi tập hợp một hướng dẫn để giúp bạn bắt đầu. Bằng cách xem cách mã ngắn hoạt động và cách áp dụng chúng hiệu quả, bạn có thể bắt đầu tùy chỉnh nội dung của mình theo ý thích mà không cần bổ sung plugin
Trong bài đăng này, chúng tôi sẽ thảo luận về mã ngắn WordPress là gì và tại sao bạn có thể cân nhắc sử dụng chúng. Sau đó, chúng tôi sẽ chỉ cho bạn cách tạo của riêng bạn. Bắt đầu nào
Twitter'; }Tiếp theo, bạn sẽ cần thêm chức năng gọi lại, chức năng này sẽ chạy khi hành động hook được kích hoạt. Thêm dòng mã sau ngay sau dòng được đề cập ở trên sẽ cho WordPress biết rằng chức năng của bạn là một mã ngắn
add_shortcode['subscribe', 'subscribe_link'];
Khi bạn tạo một mã ngắn bằng hàm add_shortcode, bạn chỉ định một thẻ mã ngắn “[$tag]” và một hàm tương ứng “[$func]” sẽ chạy bất cứ khi nào phím tắt được sử dụng
Nói cách khác, nếu thẻ shortcode là
include['custom-shortcodes.php'];2, nó sẽ làm cho hook 'subscribe_link' hướng khách truy cập đến URL được cung cấp
Do đó, toàn bộ mã bạn sẽ sử dụng trong mã ngắn tùy chỉnh của mình. tệp php sẽ trông giống như thế này
Cần lưu ý rằng khi đặt tên thẻ, bạn chỉ nên sử dụng chữ thường, mặc dù có thể sử dụng dấu gạch dưới. Điều này cũng rất quan trọng đối với , vì điều này có thể ảnh hưởng đến các mã ngắn khác
Bước 3 – Thêm mã ngắn tự đóng vào trang web
Giờ đây, bạn có thể kiểm tra mã ban đầu của mình dưới dạng mã ngắn tự đóng trên trang web WordPress của mình. Sử dụng Trình chỉnh sửa khối WordPress, bạn có thể chèn trực tiếp thẻ
include['custom-shortcodes.php'];2 vào bài đăng
Điều này sẽ hiển thị nội dung sau cho khách truy cập trang web của bạn
Nếu bạn hài lòng với mã ngắn này, bạn không cần phải làm gì khác. Tuy nhiên, nếu bạn muốn tùy chỉnh nó, bạn có thể chuyển sang bước tiếp theo
Bước 4 – Thêm tham số vào Shortcode
Bạn có thể điều chỉnh mã ngắn 'đăng ký' để có thêm chức năng hiển thị các liên kết truyền thông xã hội khác. Bạn có thể làm điều này bằng cách thêm một tham số để thay đổi URL
Để , bạn sẽ cần mở mã ngắn tùy chỉnh. php và thêm vào đoạn mã sau
________số 8_______Điều này sẽ cho phép bạn tùy chỉnh các liên kết trong thẻ shortcode của mình để thêm chúng vào Gutenberg Editor. Bạn có thể dán nó lên mã trước đó trong mã ngắn tùy chỉnh. tập tin php. Nó sẽ trông giống như thế này
Việc bổ sung hàm shortcode_atts[] sẽ kết hợp các thuộc tính người dùng với bất kỳ thuộc tính nào đã biết và mọi dữ liệu bị thiếu sẽ được thay đổi thành giá trị mặc định của chúng. Khi bạn đã sẵn sàng, hãy lưu các thay đổi của bạn và đóng tệp
Bước 5 – Kiểm tra các thông số
Bây giờ bạn có thể kiểm tra mã ngắn được cập nhật trong Trình chỉnh sửa khối WordPress. Trong ví dụ của chúng tôi, chúng tôi đang kiểm tra các liên kết Twitter và Facebook của mình bằng các mã ngắn sau
[subscribe link='//www.facebook.com/Hostinger/'] [subscribe link='//twitter.com/Hostinger?s=20/']
Điều này sẽ tạo ra kết quả sau trên giao diện người dùng
Mã ngắn tự đóng này hiển thị các URL trực tiếp cho hồ sơ xã hội của bạn cho khách truy cập. Tuy nhiên, bạn có thể muốn tính năng này trông bóng bẩy hơn một chút
Chẳng hạn, bạn có thể tạo một phiên bản đính kèm cho phép bạn tùy chỉnh hoàn toàn anchor text được hiển thị cho người dùng khi họ sắp nhấp vào nó. Chúng tôi sẽ chỉ cho bạn cách thực hiện điều đó trong bước sau
Bước 6 – Tạo một mã ngắn kèm theo
Mã ngắn kèm theo sẽ được định dạng tương tự như ví dụ tự đóng trước đó. Tuy nhiên, nó sẽ bao gồm một tham số bổ sung cho chức năng
Trước tiên, bạn sẽ cần thêm $content = null, xác định chức năng này là một mã ngắn kèm theo. Sau đó, bạn có thể thêm WordPress do_shortcode, mã này sẽ tìm kiếm nội dung cho các mã ngắn
Trong mã ngắn tùy chỉnh. php, hãy thêm mã ngắn kèm theo mới
function subscribe_link_att[$atts, $content = null] {
$default = array[
'link' => '#',
];
$a = shortcode_atts[$default, $atts];
$content = do_shortcode[$content];
return 'Follow us on '.$content.'';
}
add_shortcode['subscribe', 'subscribe_link_att'];Khi bạn đã sẵn sàng, mã ngắn tùy chỉnh của bạn. tệp php sẽ trông như thế này
Đoạn mã trước cũng có một thuộc tính “kiểu” bổ sung, thuộc tính này sẽ thay đổi văn bản neo thành màu xanh lam. Đừng quên lưu các thay đổi của bạn khi bạn hoàn tất
Bước 7 – Thêm một mã ngắn kèm theo vào trang web
Bây giờ bạn có thể chèn mã ngắn kèm theo của mình vào Trình chỉnh sửa khối WordPress để xem kết quả cuối cùng
Như bạn đã nhận thấy, bạn có thể dễ dàng thay đổi URL của các trang truyền thông xã hội của mình và văn bản liên kết được hiển thị cho khách truy cập bằng cách sử dụng mã ngắn kèm theo này. Trong trường hợp này, chúng tôi đã chọn “Facebook” và “Twitter”
Đó là nó. Bây giờ bạn đã tạo một mã ngắn tùy chỉnh cho các liên kết đăng ký trong các trang và bài đăng của mình. Hãy lưu ý rằng tất cả các bước đã đề cập trước đó có thể được điều chỉnh để tạo ra tất cả các loại yếu tố khác nhau bằng cách sử dụng chức năng Mã ngắn WordPress
Khai thác tối đa trang web WordPress của bạn với dịch vụ lưu trữ web được quản lý hoàn toàn và được tối ưu hóa cho WordPress. Mua dịch vụ lưu trữ WordPress
Phần kết luận
Thêm chức năng bổ sung vào trang web WordPress của bạn đơn giản hơn rất nhiều với mã ngắn. Bạn có thể sử dụng chúng để tùy chỉnh nội dung hiện có của mình và thêm các tính năng tương tác, chẳng hạn như biểu mẫu liên hệ, thư viện hình ảnh hoặc liên kết đăng ký
Trong bài đăng này, chúng tôi đã học cách tạo mã ngắn của riêng bạn trong WordPress theo bảy bước đơn giản
- Tạo một tập tin chủ đề mới
- Tạo chức năng mã ngắn
- Thêm shortcode tự đóng vào website
- Thêm tham số vào shortcode
- Kiểm tra các thông số
- Tạo một mã ngắn kèm theo
- Thêm mã ngắn kèm theo vào trang web
Có thêm câu hỏi về cách tạo mã ngắn WordPress của riêng bạn hoặc lập kế hoạch tối ưu hóa hiệu suất trang web của bạn với dịch vụ lưu trữ WordPress?
Tìm hiểu các kỹ thuật WordPress nâng cao khác
Cách thêm phông chữ tùy chỉnh vào WordPress
Cách tăng giới hạn bộ nhớ WordPress
Cách xóa thanh bên trong WordPress
Cách thay đổi độ dài đoạn trích WordPress
Hướng dẫn đầy đủ về thử nghiệm A/B của WordPress
Cách ẩn tiêu đề trang trong WordPress
Tác giả
sẽ M
Will Morris là một nhà văn nhân viên tại WordCandy. Khi anh ấy không viết về WordPress, anh ấy thích trình diễn hài độc thoại của mình trên mạng địa phương