Các trường tùy chỉnh là một tính năng tiện dụng của WordPress cho phép bạn thêm nhiều dữ liệu / thông tin bổ sung khác nhau vào các bài đăng và trang WordPress của mình
Rất nhiều plugin và chủ đề phổ biến của WordPress sử dụng các trường tùy chỉnh để lưu trữ dữ liệu quan trọng. Bạn cũng có thể sử dụng các trường tùy chỉnh để lưu trữ dữ liệu của riêng mình và sau đó sử dụng dữ liệu đó trên trang web của mình
Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách sử dụng các trường tùy chỉnh WordPress với một số mẹo, thủ thuật và hack
Vì đây là một bài viết dài, chúng tôi đã thêm một mục lục để điều hướng dễ dàng hơn
Trường tùy chỉnh WordPress là gì?
Trường tùy chỉnh WordPress là siêu dữ liệu được sử dụng để thêm thông tin bổ sung liên quan đến bài đăng hoặc trang bạn đang chỉnh sửa
Theo mặc định, WordPress lưu nó vào hai khu vực khác nhau khi bạn viết một bài đăng, trang mới hoặc bất kỳ loại nội dung nào
Phần đầu tiên là phần nội dung mà bạn thêm bằng trình chỉnh sửa bài đăng
Phần thứ hai là thông tin về nội dung cụ thể đó. Ví dụ: tiêu đề, tác giả, ngày, giờ, v.v. Bit thông tin này của bài đăng được gọi là siêu dữ liệu
WordPress tự động thêm tất cả siêu dữ liệu cần thiết vào mỗi bài đăng hoặc trang bạn tạo
Bạn cũng có thể tạo và lưu trữ siêu dữ liệu của riêng mình bằng cách sử dụng các trường tùy chỉnh
Theo mặc định, tùy chọn trường tùy chỉnh bị ẩn trên màn hình chỉnh sửa bài đăng. Để xem nó, bạn cần nhấp vào menu ba chấm ở góc trên cùng bên phải của màn hình và chọn 'Tùy chọn' từ menu
Thao tác này sẽ hiển thị cửa sổ bật lên nơi bạn cần kiểm tra tùy chọn 'Trường tùy chỉnh' trong Bảng điều khiển nâng cao. Sau đó, nhấp vào nút 'Bật và tải lại' để tải lại trình chỉnh sửa bài đăng
Trình chỉnh sửa bài đăng sẽ tải lại và bạn sẽ có thể thấy bảng trường tùy chỉnh bên dưới trình chỉnh sửa nội dung
Các trường tùy chỉnh có thể được sử dụng để thêm bất kỳ thông tin nào liên quan đến bài đăng, trang hoặc bất kỳ loại nội dung nào. Thông tin meta này có thể được hiển thị trong chủ đề của bạn
Tuy nhiên, để làm điều đó, bạn sẽ cần chỉnh sửa các tệp chủ đề WordPress của mình
Đây là lý do tại sao hướng dẫn này được khuyến nghị cho người dùng quen với việc chỉnh sửa tệp chủ đề. Nó cũng hữu ích cho các nhà phát triển WordPress đầy tham vọng, những người muốn tìm hiểu cách sử dụng đúng các trường tùy chỉnh trong các chủ đề hoặc plugin của riêng họ
Như đã nói, chúng ta hãy xem cách thêm và sử dụng các trường tùy chỉnh trong WordPress
Thêm các trường tùy chỉnh trong WordPress
Trước tiên, bạn cần chỉnh sửa bài đăng hoặc trang mà bạn muốn thêm trường tùy chỉnh và chuyển đến hộp meta trường tùy chỉnh
Tiếp theo, bạn cần cung cấp tên cho trường tùy chỉnh của mình và sau đó nhập giá trị của nó. Nhấp vào nút Thêm trường tùy chỉnh để lưu nó
Trường sẽ được lưu trữ và hiển thị trong hộp meta trường tùy chỉnh như thế này
Bạn có thể chỉnh sửa trường tùy chỉnh này bất cứ lúc nào bạn muốn và sau đó nhấp vào nút cập nhật để lưu các thay đổi của bạn. Bạn cũng có thể xóa nó khi cần thiết
Bây giờ bạn có thể lưu bài đăng của mình để lưu cài đặt trường tùy chỉnh của mình
Hiển thị các trường tùy chỉnh trong chủ đề WordPress
Để hiển thị trường tùy chỉnh trên trang web của bạn, bạn sẽ cần chỉnh sửa các tệp chủ đề WordPress của mình. Nếu bạn chưa làm điều này trước đây, thì hãy xem hướng dẫn của chúng tôi về cách sao chép và dán mã trong WordPress
Trước tiên, bạn sẽ cần tìm tệp chủ đề mà bạn cần chỉnh sửa để hiển thị trường tùy chỉnh của mình. Lý tưởng nhất là bạn muốn hiển thị nó trên một trang bài đăng. Bạn sẽ cần phải chỉnh sửa đĩa đơn. php hoặc nội dung đơn. tập tin php
Bạn sẽ cần nhập mã trường tùy chỉnh của mình bên trong vòng lặp WordPress. Hãy tìm dòng giống như thế này
Bạn muốn đảm bảo rằng bạn thêm mã của mình trước dòng sau
Bây giờ bạn cần thêm mã này vào tệp chủ đề của mình
Đừng quên thay thế khóa bằng tên trường tùy chỉnh của bạn. Ví dụ: chúng tôi đã sử dụng mã này trong chủ đề demo của mình
Today's Mood:
Giờ đây, bạn có thể lưu các thay đổi của mình và truy cập bài đăng mà bạn đã thêm trường tùy chỉnh để xem nó hoạt động
Bây giờ bạn cũng có thể sử dụng trường tùy chỉnh này trong tất cả các bài đăng WordPress khác của mình
Chỉ cần tạo một bài đăng mới hoặc chỉnh sửa một bài đăng hiện có. Chuyển đến hộp meta trường tùy chỉnh và chọn trường tùy chỉnh của bạn từ trình đơn thả xuống và nhập giá trị của nó
Nhấp vào nút 'Thêm trường tùy chỉnh' để lưu các thay đổi của bạn và sau đó xuất bản hoặc cập nhật bài đăng của bạn
Không thể tìm thấy trường tùy chỉnh trong danh sách thả xuống trên màn hình chỉnh sửa bài đăng
Theo mặc định, WordPress chỉ tải 30 trường tùy chỉnh trong biểu mẫu này
Nếu bạn đang sử dụng các chủ đề và plugin WordPress đã sử dụng các trường tùy chỉnh, thì có khả năng chúng sẽ xuất hiện đầu tiên trong menu thả xuống và bạn sẽ không thể thấy trường tùy chỉnh mới tạo của mình
Để khắc phục sự cố này, bạn cần thêm đoạn mã sau vào chức năng của chủ đề. php hoặc plugin dành riêng cho trang web
add_filter[ 'postmeta_form_limit', 'meta_limit_increase' ]; function meta_limit_increase[ $limit ] { return 50; }
Đoạn mã trên sẽ thay đổi giới hạn đó thành 50. Nếu bạn vẫn không thể thấy trường tùy chỉnh của mình thì hãy thử tăng giới hạn đó hơn nữa
Tạo giao diện người dùng cho các trường tùy chỉnh
Như bạn có thể thấy, khi bạn thêm trường tùy chỉnh, bạn sẽ phải chọn trường và nhập giá trị của nó mỗi khi bạn viết bài đăng
Nếu bạn có nhiều trường tùy chỉnh WordPress hoặc nhiều người dùng viết trên trang web của mình thì đây không phải là giải pháp lý tưởng
Sẽ không hay sao nếu bạn có thể tạo giao diện người dùng nơi người dùng có thể điền vào biểu mẫu để thêm giá trị vào trường tùy chỉnh của bạn?
Đây là điều mà rất nhiều plugin WordPress phổ biến đã làm. Ví dụ: hộp tiêu đề SEO và mô tả meta bên trong plugin All in One SEO phổ biến là một hộp meta tùy chỉnh
Cách dễ nhất để thực hiện việc này là sử dụng plugin Trường tùy chỉnh nâng cao
Thêm trường tùy chỉnh bằng trường tùy chỉnh nâng cao
Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin Trường tùy chỉnh nâng cao. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress
Sau khi kích hoạt, bạn cần truy cập vào trang Custom Fields » Field Groups và nhấp vào nút thêm mới
Nhóm trường giống như một vùng chứa tập hợp các trường tùy chỉnh. Điều này cho phép bạn thêm nhiều bảng trường tùy chỉnh
Bây giờ, bạn cần cung cấp tiêu đề cho nhóm trường của mình và sau đó nhấp vào nút 'Thêm trường'
Bây giờ bạn có thể cung cấp tên cho trường tùy chỉnh của mình và chọn loại trường. Trường tùy chỉnh nâng cao cho phép bạn tạo tất cả các loại trường bao gồm văn bản, hình ảnh tải lên, số, danh sách thả xuống, hộp kiểm, v.v.
Cuộn xuống và bạn sẽ thấy các tùy chọn khác cho trường cụ thể đó. Bạn có thể thay đổi chúng theo yêu cầu của riêng bạn
Bạn có thể thêm nhiều trường vào nhóm trường của mình nếu muốn. Khi bạn đã hoàn tất, hãy nhấp vào nút xuất bản để lưu các thay đổi của bạn
Giờ đây, bạn có thể chỉnh sửa bài đăng hoặc tạo bài đăng mới và bạn sẽ thấy một bảng điều khiển mới cho các trường tùy chỉnh WordPress của mình bên dưới trình chỉnh sửa nội dung
Để biết hướng dẫn chi tiết từng bước, hãy xem hướng dẫn của chúng tôi về cách thêm hộp meta tùy chỉnh trong bài đăng và loại bài đăng WordPress
Ẩn các trường tùy chỉnh trống với câu lệnh có điều kiện
Cho đến nay, chúng tôi đã giới thiệu cách tạo trường tùy chỉnh và hiển thị trường đó trong chủ đề của bạn
Bây giờ hãy xem cách kiểm tra xem trường tùy chỉnh có trống không trước khi hiển thị trường đó. Để làm điều đó, chúng tôi sẽ sửa đổi mã của mình để trước tiên kiểm tra xem trường có dữ liệu trong đó không
Today's Mood:
Đừng quên thay thế Tâm trạng bằng tên trường tùy chỉnh của riêng bạn
Thêm nhiều giá trị vào trường tùy chỉnh
Các trường tùy chỉnh có thể được sử dụng lại trong cùng một bài đăng để thêm nhiều giá trị. Bạn chỉ cần chọn lại và thêm giá trị khác
Tuy nhiên, mã chúng tôi đã sử dụng trong các ví dụ trên sẽ chỉ có thể hiển thị một giá trị duy nhất
Để hiển thị tất cả các giá trị của trường tùy chỉnh, chúng ta cần sửa đổi mã và làm cho nó trả về dữ liệu trong một mảng. Bạn sẽ cần thêm đoạn mã sau vào tệp chủ đề của mình
Today's Mood:
Đừng quên thay thế Tâm trạng bằng tên trường tùy chỉnh của riêng bạn
Trong ví dụ này, bạn sẽ nhận thấy rằng chúng tôi đã thay đổi tham số cuối cùng của hàm
0 thành false. Tham số này xác định xem hàm có trả về một giá trị hay không. Đặt nó thành false cho phép nó trả về dữ liệu dưới dạng một mảng, sau đó chúng tôi sẽ hiển thị trong vòng lặp
1
Tìm kiếm bài đăng theo trường tùy chỉnh trong WordPress
Tìm kiếm mặc định của WordPress không hoạt động với bất kỳ trường tùy chỉnh nào bạn có trên trang web của mình. Nó chỉ sử dụng nội dung để tìm bài đăng bạn đang tìm kiếm trên trang web của bạn
Tuy nhiên, SearchWP thay đổi điều đó và cải thiện tìm kiếm WordPress của bạn. Đây là plugin tìm kiếm WordPress tốt nhất và nó vượt xa việc chỉ sử dụng nội dung bài đăng và lập chỉ mục mọi thứ, bao gồm các trường tùy chỉnh WordPress, tài liệu PDF, bảng tùy chỉnh, văn bản, tệp, v.v.
Bạn có thể điều chỉnh thuật toán tìm kiếm mà không cần chỉnh sửa mã bằng SearchWP. Chỉ cần cài đặt plugin và sau đó đi tới Cài đặt »SearchWP từ khu vực quản trị WordPress của bạn
Sau đó, chuyển đến tab 'Công cụ' và sau đó điều chỉnh thanh trượt Mức độ liên quan của thuộc tính để đặt trọng số cho từng thuộc tính trong quá trình tìm kiếm
Chẳng hạn, bạn định cấu hình thanh trượt Trường tùy chỉnh ở mức tối đa và điều chỉnh thanh trượt cho các thuộc tính khác cho phù hợp. Bằng cách này, SearchWP sẽ ưu tiên dữ liệu trong các trường tùy chỉnh khi tìm kiếm mọi thứ trong WordPress
Một ưu điểm khác của việc sử dụng SearchWP là nó hoạt động với một số plugin trường tùy chỉnh phổ biến nhất như Trường tùy chỉnh nâng cao [ACF], Hộp meta và Nhóm
Để biết thêm chi tiết, bạn có thể xem qua hướng dẫn của chúng tôi về cách cải thiện tìm kiếm WordPress với SearchWP
Hiển thị bài đăng với một khóa tùy chỉnh cụ thể
WordPress cho phép bạn hiển thị các bài đăng có khóa tùy chỉnh và giá trị của chúng. Ví dụ: nếu bạn đang cố gắng tạo một trang lưu trữ tùy chỉnh để hiển thị tất cả các bài đăng có khóa tùy chỉnh cụ thể, thì bạn có thể sử dụng lớp WP_Query để truy vấn các bài đăng khớp với các trường đó
Bạn có thể sử dụng đoạn mã sau làm điểm bắt đầu
$args = array[ 'meta_key' => 'Mood', 'meta_value' => 'Happy' ]; $the_query = new WP_Query[ $args ];
Đừng quên thay thế các tham số
2 và
3 bằng các giá trị của riêng bạn
Thêm tên tác giả khách bằng các trường tùy chỉnh
Bạn có muốn thêm một bài đăng của khách nhưng không muốn thêm hồ sơ người dùng mới chỉ để thêm một bài đăng không?
Trước tiên, bạn cần thêm đoạn mã sau vào chức năng của chủ đề. php hoặc plugin dành riêng cho trang web
2Mã này móc một chức năng vào bộ lọc
4 và
5 trong WordPress
Chức năng đầu tiên kiểm tra tên của tác giả khách. Nếu nó tồn tại, thì nó sẽ thay thế tên tác giả bằng tên của tác giả khách
Bây giờ bạn sẽ cần chỉnh sửa bài đăng nơi bạn muốn hiển thị tên tác giả khách. Chuyển đến hộp meta trường tùy chỉnh và thêm tên tác giả khách của bạn
Để biết chi tiết, hãy xem bài viết của chúng tôi về cách viết lại tên tác giả khách bằng các trường tùy chỉnh trong WordPress
Hiển thị cộng tác viên cho một bài báo bằng các trường tùy chỉnh
Trên nhiều blog và trang tin tức nổi tiếng, nhiều tác giả cùng tham gia viết một bài báo. Tuy nhiên, WordPress chỉ cho phép một tác giả được liên kết với một bài đăng
Một cách để giải quyết vấn đề này là sử dụng plugin Co-Authors Plus. Để tìm hiểu thêm, hãy xem hướng dẫn của chúng tôi về cách thêm nhiều tác giả trên một bài đăng WordPress
Một cách khác để làm điều đó là thêm người đóng góp dưới dạng trường tùy chỉnh
Trước tiên, bạn cần chỉnh sửa bài đăng mà bạn muốn hiển thị đồng tác giả hoặc cộng tác viên. Cuộn xuống hộp meta trường tùy chỉnh và thêm tên tác giả làm trường tùy chỉnh đồng tác giả
Bây giờ hãy thêm mã này vào tệp chủ đề của bạn, nơi bạn muốn hiển thị đồng tác giả
5Để hiển thị tên tác giả được phân tách bằng dấu phẩy, bạn có thể thêm CSS tùy chỉnh sau
0Đây là giao diện trên trang demo của chúng tôi
Hiển thị các trường tùy chỉnh bên ngoài vòng lặp trong WordPress
Cho đến nay, chúng tôi đã cho bạn thấy tất cả các ví dụ nơi các trường tùy chỉnh được hiển thị bên trong vòng lặp WordPress. Nếu bạn cần hiển thị chúng bên ngoài vòng lặp thì sao?
Để hiển thị các trường tùy chỉnh bên ngoài vòng lặp WordPress, hãy thêm đoạn mã sau
Đừng quên thay thế khóa bằng tên trường tùy chỉnh của bạn
Hiển thị Custom Header, Footer, Sidebar bằng Custom Fields
Thông thường, hầu hết các chủ đề WordPress sử dụng cùng một tiêu đề, chân trang và thanh bên trên tất cả các trang. Có nhiều cách để hiển thị các thanh bên, đầu trang hoặc chân trang khác nhau cho các trang khác nhau trên trang web của bạn. Xem hướng dẫn của chúng tôi về cách hiển thị các thanh bên khác nhau cho mỗi bài đăng hoặc trang WordPress
Một cách để làm điều này là sử dụng các trường tùy chỉnh. Chỉnh sửa bài đăng hoặc trang nơi bạn muốn hiển thị một thanh bên khác, sau đó thêm thanh bên dưới dạng trường tùy chỉnh
Bây giờ bạn cần chỉnh sửa các tệp chủ đề WordPress của mình như đơn. php nơi bạn muốn hiển thị thanh bên tùy chỉnh. Bạn sẽ tìm kiếm đoạn mã sau
2Thay thế dòng này bằng đoạn mã sau
3Mã này chỉ đơn giản là tìm trường tùy chỉnh của thanh bên rồi hiển thị nó trong chủ đề của bạn. Ví dụ: nếu bạn thêm wpbpage làm trường tùy chỉnh thanh bên, thì mã sẽ tìm thanh bên-wpbpage. tập tin php để hiển thị
Bạn sẽ cần tạo sidebar-wpbpage. php tập tin trong thư mục chủ đề của bạn. Bạn có thể sao chép mã từ thanh bên của chủ đề. tệp php làm điểm bắt đầu
Thao tác Nội dung nguồn cấp RSS với Trường tùy chỉnh
Bạn muốn hiển thị siêu dữ liệu hoặc nội dung bổ sung cho người dùng nguồn cấp dữ liệu RSS của mình?
Trước tiên, bạn cần thêm đoạn mã sau vào chức năng của chủ đề. php hoặc plugin dành riêng cho trang web
4Bây giờ, chỉ cần tạo một trường tùy chỉnh có tên là “coolcustom” và thêm bất kỳ giá trị nào bạn thích. Bạn có thể sử dụng nó để hiển thị quảng cáo, hình ảnh, văn bản hoặc bất cứ thứ gì bạn muốn
Thao tác tiêu đề nguồn cấp dữ liệu RSS với các trường tùy chỉnh
Đôi khi bạn có thể muốn thêm văn bản bổ sung vào tiêu đề bài đăng cho người dùng nguồn cấp dữ liệu RSS. Ví dụ: nếu bạn đang xuất bản bài đăng được tài trợ hoặc bài đăng của khách
Trước tiên, bạn thêm đoạn mã sau vào chức năng của chủ đề của mình. php hoặc plugin dành riêng cho trang web
5Tiếp theo, bạn cần chỉnh sửa bài đăng nơi bạn muốn hiển thị văn bản bổ sung trong trường tiêu đề và thêm guest_post và Sponsor_post vào các trường tùy chỉnh
Nếu bất kỳ trường nào trong hai trường tùy chỉnh này được tìm thấy với giá trị “true”, thì trường đó sẽ thêm văn bản thích hợp vào trước tiêu đề. Kỹ thuật này có thể được sử dụng theo nhiều cách khác nhau để phù hợp với bất cứ điều gì bạn thích
Bạn muốn tìm hiểu thêm các bản hack nguồn cấp dữ liệu RSS thú vị?
Đặt ngày hết hạn cho bài đăng trong WordPress bằng trường tùy chỉnh
Bạn muốn đặt ngày hết hạn cho một số bài đăng trên trang web WordPress của mình?
Một cách để làm điều này là xóa nội dung bài đăng theo cách thủ công hoặc bằng cách sử dụng plugin như plugin Post Expirator
Một cách khác để làm điều này là sử dụng các trường tùy chỉnh để tự động hết hạn các bài đăng sau một thời gian cụ thể
Bạn sẽ cần chỉnh sửa các tệp chủ đề của mình và thêm sửa đổi vòng lặp WordPress như thế này
6Ghi chú. Bạn sẽ cần chỉnh sửa mã này để phù hợp với chủ đề của mình
Sau khi thêm mã này, bạn có thể thêm trường tùy chỉnh hết hạn vào bài đăng mà bạn muốn hết hạn. Đảm bảo bạn thêm thời gian ở định dạng này mm/dd/yyyy 00. 00. 00
Tạo kiểu cho các bài đăng riêng lẻ bằng các trường tùy chỉnh
Bạn muốn thay đổi giao diện của một bài đăng riêng lẻ bằng CSS?
Tuy nhiên, bằng cách sử dụng các trường tùy chỉnh, bạn có thể thêm các lớp tùy chỉnh của riêng mình và sau đó sử dụng chúng để tạo kiểu cho các bài đăng khác nhau
Trước tiên, bạn cần chỉnh sửa một bài đăng mà bạn muốn tạo kiểu khác. Chuyển đến hộp trường tùy chỉnh và trường tùy chỉnh sau lớp
Tiếp theo, bạn cần chỉnh sửa các tệp chủ đề WordPress của mình và thêm mã này vào đầu vòng lặp WordPress
7Bây giờ bạn cần tìm một dòng có hàm post_class[]. Đây là giao diện của nó trong chủ đề demo của chúng tôi
8Thay đổi dòng này để bao gồm giá trị trường tùy chỉnh của bạn, như thế này
9Bây giờ nếu bạn kiểm tra mã nguồn của bài đăng bằng công cụ Kiểm tra, thì bạn sẽ thấy lớp CSS trường tùy chỉnh của mình được thêm vào lớp hậu kỳ
Giờ đây, bạn có thể sử dụng lớp CSS này để thêm CSS tùy chỉnh và tạo kiểu cho bài đăng của mình theo cách khác
Đó là tất cả, chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu thêm về các trường tùy chỉnh WordPress. Bạn cũng có thể muốn xem hướng dẫn từng bước cuối cùng của chúng tôi để tăng tốc độ và hiệu suất của WordPress cho người mới bắt đầu
Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook