10 mẫu WordPress WordPress bạn có thể không biết
WordPress được cung cấp với khá nhiều Thẻ mẫu kể từ khi thành lập. Các thẻ mẫu này trong WordPress là các hàm PHP có thể được sử dụng để đầu ra cũng như lấy một phần dữ liệu.
Nếu bạn đã phát triển một chủ đề WordPress, bạn có thể quen với một số Thẻ mẫu này, chẳng hạn như tiêu đề cho thấy tiêu đề bài viết, tác giả cho thấy tên của tác giả bài viết và liên kết của bài viết.
WordPress tiếp tục phát triển. Mỗi bản phát hành mới thường giới thiệu một vài Thẻ mẫu mới. Vì vậy, việc theo kịp tất cả các Thẻ mẫu này - cũ hay mới - có thể khá khó khăn. Kiểm tra 20 thẻ mẫu này mà bạn có thể đã bỏ qua.
Thủ đô P
WordPress, theo hướng dẫn và tiêu chuẩn của họ, phải được viết với số vốn P tức là WordPress là không không; cách đúng là đánh vần nó là WordPress.
Thủ đô “P” là một vấn đề rất quan trọng đối với việc mở rộng đến mức Matt Mullenweg (người sáng lập WordPress) đã đưa nó vào nghị quyết của mình vào năm 2009. capital_p_dangit () chức năng được giới thiệu như là một phần của sáng kiến.
Kể từ khi: 3.0.0
// Sử dụng nó một cách đơn giản $ footer lòng = get_theme_mod ("footer lòng", ""); $ footer lòng = captial_p_dangit ($ footer lòng); // Bất kỳ văn bản WordPress nào đều được viết hoa bằng chữ P. // Hoặc, sử dụng nó trong Bộ lọc WordPress. add_filter ("the_excerpt", hàm ($ text) return captial_p_dangit ($ text);); Biểu tượng tùy chỉnh
Trong 4.5, WordPress đã giới thiệu khả năng tải lên logo cho các chủ đề thông qua Tùy biến. Tính năng mới này yêu cầu hỗ trợ chủ đề: bằng cách thêm add_theme_support ('logo trang web'), logo sẽ xuất hiện trong Customizer.
Tính năng này dẫn đến việc sử dụng một vài Thẻ mẫu mới có thể xử lý đầu ra hình ảnh logo trên Chủ đề, cụ thể là: has_custom_logo (), get_custom_logo (), và the_custom_logo ().
Kể từ khi: 4.5.0
// 1. Đầu ra bao gồm logo hình ảnh và liên kết trở về nhà. the_custom_logo (); // 2. Lấy "chuỗi" đầu ra logo tùy chỉnh. $ logo = get_custom_logo (); // 3. Có điều kiện if (has_custom_logo ()) $ logo = get_custom_logo (); // 4. Sử dụng 'get_custom_logo' để bọc logo bằng div; add_filter ("get_custom_logo", hàm ($ html) return ''. $ html. '';); URL hình ảnh thu nhỏ
WordPress có một tiện ích gốc được tích hợp từ lâu để thêm hình ảnh thu nhỏ hoặc hình ảnh nổi bật. Thẻ mẫu, the_post_thumbnail (), hiển thị thẻ hình ảnh cùng với các thuộc tính của chúng.
Nhưng nếu bạn muốn hiển thị hình thu nhỏ dưới dạng nền thông qua CSS thì sao? Sử dụng thẻ mẫu, get_the_post_thumbnail_url ().
Kể từ khi: 4.4.0
Thí dụ:
Tạo số ngẫu nhiên
Thẻ mẫu này sẽ cung cấp cho bạn một số ngẫu nhiên dựa trên một phạm vi được chỉ định. WordPress đang sử dụng chức năng này trong nội bộ để tạo mật khẩu ngẫu nhiên. Bạn có thể có thể sử dụng nó để tạo số phiếu giảm giá ngẫu nhiên cho trang web WooC Commerce của mình.
Kể từ khi: 2.6.2
Thí dụ:
// Tạo một số từ 1 đến 200 $ rand_number = wp_rand (1, 200); // đầu ra sẽ không dưới 0 hoặc 201 ở trên.
Bình luận
Hầu hết các Chủ đề hiện đang sử dụng the_comments_navulation () cái nào sẽ cho “Kế tiếp” và “Trước đó” loại liên kết điều hướng. Nếu bạn muốn hiển thị điều hướng được đánh số (phân trang), hãy thay thế thẻ bằng the_comments_pagination () thay thế.
Hãy nhớ rằng Thẻ Mẫu chỉ khả dụng trong WordPress 4.4.0 trở lên. Đảm bảo chạy kiểm tra trước khi triển khai nó.
Kể từ khi: 4.4.0
Thí dụ:
'ol', 'short_ping' => đúng, 'avatar_size' => 42,)); ?>
Rút ngắn URL
Thẻ mẫu này sẽ rút ngắn độ dài url. Và một URL rất dài như vậy sẽ không xâm nhập vào một dòng mới trong nội dung chính. Có 2 tùy chọn bạn có thể thực hiện: thêm overflow-quấn: break-word; trong CSS của bạn hoặc cắt bớt độ dài của URL bằng url_shorten () Thẻ mẫu.
Kể từ khi: 1.2.0
Thí dụ:
$ link = get_the_permalink (); $ url lòng = url_shorten ($ link); // ví dụ. www.hongkiat.com/blog/css Nhật vang ''. $ url lòng. '';
Thêm tập lệnh nội tuyến
Chúng tôi đã luôn luôn sử dụng wp_enqueue_script để đăng ký, tải một tập lệnh và các phụ thuộc của nó. Đang tải tập lệnh nội bộ tuy nhiên không hoàn toàn đơn giản, cho đến khi Thẻ mẫu này, wp_add_inline_script được giới thiệu.
Thêm một tập lệnh nội tuyến đòi hỏi một tập lệnh được biết đến mà nó sẽ được đính kèm. Điều này xử lý được truyền dưới dạng tham số đầu tiên của tập lệnh tương tự như wp_localize_script () chức năng. Tham số thứ hai sẽ vượt qua nội dung của tập lệnh. Các tham số thứ ba xác định xem nội tuyến nên là đầu ra 'trước' hay 'sau' .
Kể từ khi: 4.5.0
Thí dụ:
hàm enqueue_script () wp_enqueue_script ('twentysixteen-script', get_template_directory_uri (). '/js/fifts.js', mảng ('jquery'), '20160412', true); wp_add_inline_script ('twentysixteen-script', 'window.hkdc = ', 'trước'); add_action ('wp_enqueue_scripts', 'enqueue_script'); // Kết quả: // // Ngôn ngữ thả xuống
Các wp_dropdown_lôn Thẻ mẫu sẽ xuất ra một tùy chọn HTML hiển thị danh sách các ngôn ngữ trong trang web WordPress của bạn. Bạn sẽ thấy thẻ mẫu này hữu ích nếu bạn cần bản địa hóa trang web của mình. Bạn có thể sử dụng nó để hiển thị các tùy chọn ngôn ngữ của bạn trong Trình chỉnh sửa người dùng màn hình hoặc ở mặt trước của trang web của bạn để cho phép người dùng chọn tùy chọn ngôn ngữ của họ.
Kể từ khi: 4.0.0
Thí dụ:
wp_dropdown_lacular (mảng ('id' => 'lang_options', 'name' => 'lang_options', 'Languages' => get_av Available_lacular (), 'dịch' => mảng ('id_ID', 'ja'), // Indonesia và Nhật Bản 'đã chọn' => 'en_US', 'show_av Available_translations' => false,)); Nhận URL hình ảnh Avatar
Như tên cho thấy, Thẻ mẫu này, get_avatar_url (), sẽ lấy đường dẫn hình ảnh của avatar người dùng. Nó cho phép bạn hiển thị và tạo hình đại diện theo bất kỳ cách nào bạn thích, thay vì chỉ hiển thị nó thông qua thẻ hình ảnh HTML.
Kể từ khi: 4.2.0
Thí dụ:
$ avatar = get_avatar_url ('[email protected]'); Lấy chủ đề
Hàm này lấy một đối tượng chứa thông tin của Chủ đề hiện đang hoạt động. Thông tin này bao gồm chủ đề Slug, Tên, Phiên bản, Miền văn bản, Tác giả, v.v..
Trong đoạn mã sau, chúng tôi sử dụng nó để lấy phiên bản và chuyển nó dưới dạng phiên bản tập lệnh.
Kể từ khi: 3.4.0
Thí dụ:
$ theme = wp_get_theme (); xác định (mẫu 'THEME_SLUG', $ theme->); // twentysixteen định nghĩa ('THEME_NAME', $ theme-> get ('Tên')); // Twenty Sixteen định nghĩa ('THEME_VERSION', $ theme-> get ('Phiên bản')); //1.2 hàm load_scripts () wp_enqueue_script ('script-eg', $ templateuri .'js / eg.js ', mảng ("jquery"), THEME_VERSION); wp_script_add_data ('script-eg', 'có điều kiện', 'lt IE 9'); add_action ('wp_enqueue_scripts', 'load_scripts');
