Người Viết : ViKiMi Editor

Xây dựng WordPress Website với nhiều tính năng khi sử dụng Custom Fields !
Sử dụng Custom Fields của WordPress có thể như là không giới hạn cho các tuỳ chỉnh. Một khi bạn muốn cho Website có những tuỳ chỉnh tốt nhất, thì Custom Fields có vẻ là lựa chọn rất tốt. Tuy nhiên, nếu muốn sử dụng một Plugin để thực hiện Custom Fields thì nó thật tốt. Bởi vù Plugin thì luôn luôn miễn phí có sẵn, các tính năng rất nhiều cho bạn dùng.
[ + ] Nếu bạn hỏi Plugin có thể làm gì với Custom Fields thì câu trả lời nó có thể cung cấp cho bạn đủ loại từ Field Type dạng Text, dạng Number, Email, Password, Smart Slider, Image, File, Editor, Select, Checkbox, Radio Button, Google Map, Date Picker, Layout : Tab, Group, Message, Accordion … Với phong phú những kiểu Fields cho phép bạn có nhiều lựa chọn thực hiện rõ nét hơn ý đồ thiết kế.
[ + ] Một Plugin điển hình dạng này đó là Advanced Custom Fields, Plugin này cung cấp rất nhiều tính năng miễn phí. Tất nhiên, nếu muốn thực hiện Coding để tạo những phong cách của riêng bạn thì nó hoàn toàn có thể. Và không khó khăn gì nếu như đó là một ý đồ thiết kế.
[ + ] Tuy nhiên, tạm thời chúng ta chỉ bàn luận về cách cài đặt và sử dụng Advanced Custom Fields Plugin. Và một số cách ứng dụng hữu ích mà Plugin này mang lại cho việc sáng tạo và chỉnh sửa một Posts hoặc Page…
A ) Thực hiện Cài đặt Plugin Advanced Custom Fields
Bước 1 : Thực hiện thêm mới Plugin :
Plugins >> Add New >> Tìm kiếm Plugin (Advanced Custom Fields)

Tiếp theo, hãy thực hiện Cài đặt & Active Plugin.
Bước 2 : Thực hiện thêm mới Nhóm trường tuỳ chỉnh, Nơi sẽ chữa các trường tuỳ chỉnh của bạn.
Với các nhu cầu khác nhau thì bạn sẽ có những nhóm trường tuỳ chỉnh khác nhau. Mỗi một nhóm trường tuỳ chỉnh lại có những trường tuỳ chỉnh với những đặc tính của từng nhóm.
Điều này, cho phép bạn có nhiều bảng tuỳ chỉnh riêng biệt.

Như vậy, là bạn đã có thêm nhiều trường tuỳ chỉnh khác nhau. Bạn hỏi tại sao có thể sử dụng chúng như thế nào? Thật đơn giản, tại giao diện thực hiện thêm mới/ Chỉnh sửa Posts hoặc Pages bạn sẽ có giao diện để thao tác với những trường tuỳ chỉnh vừa thêm vào.

B ) Nếu bạn gặp một vấn đề là không thấy hiển thị trường tuỳ chỉnh trên giao diện Bài Đăng thì nguyên nhân do mặc định WordPress chỉ cho tải hiển thị 30 trường tuỳ chỉnh trong biểu mẫu.
Để khắc phục sự có này chúng ta chỉ cần thêm Code cho phép chỉnh sửa giới hạn hiển thị số trường tuỳ chỉnh cho giao diện của WordPress. Mở file function.php và thêm vào Code sau:
<?php
add_filter( ‘postmeta_form_limit’, ‘custom_meta_limit’ );
function custom_meta_limit( $limit ) {
return 50;
}
Như vậy, đã chỉnh sửa lại giới hạn mới là 50 & các trường tuỳ chỉnh sẽ có thể hiển thị trên WordPress Website.
C ) Nếu bạn muốn hiển thị Custom Fields bên ngoài vòng lặp.
Nhiều khi ý đồ phát triển bạn muốn hiển thị những trường tuỳ chỉnh của bạn bên ngoài vòng lặp. Chẳng hạn, nếu bạn hiển thị Custom Fields dạng Gallery ảnh của một Post tại Sidebar hoặc thậm chí là Footer.
Bạn chỉ cần thực hiện khai báo một biến toàn cục $wp_query để lấy những thông tin liên quan đến Post hiện tại đang hiển thị tại màn hình chính. Tất cả các thông tin về Custom Fields cũng sẽ được lấy về.
Code chung có như sau :
<?php
global $wp_query;
$post_id = $wp_query->post->ID;
echo get_post_meta($post_id, ‘key’, true);
/** Hãy tuỳ chỉnh Code theo ý đồ phát triển **/
wp_reset_query();
?>
Bạn hãy thay ‘key’ bằng khoá của Custom Fields mà bạn đang thực hiện để có thể lấy về giá trị của Custom Fields. Nếu Có nhiều Custom Fields cùng một key lấy về, hãy thực hiện Foreach để lấy những thông tin cần.
D ) Thêm Class cho Post sử dụng Custom Field
Nếu bạn muốn chỉnh sửa giao diện hiển thị của một Post bằng cách sử dụng CSS. Điều này có vẻ tốt và rất thuận lợi cho bạn, vì như vậy có thể chỉnh sửa giao diện cho từng Bài Post hoàn toàn chủ động bẵng mã Code. Một cách làm hay để có nhiều giao diện cho Post với những đặc trưng riêng.
Bước 1 : Thêm một Custom Field có tên / Name là post-class
Với giá trị của nó là news-vietnam.
Bước 2 : Chỉnh sửa mã Code hiển thị tại file Singe.php hoặc Content.php
Lấy về giá trị của Custom Field dành cho Post đã thêm vào tại giao diện tạo mới Bài Post, sử dụng Code sau :
<?php $custom_values = get_post_meta($post->ID, ‘post-class’); ?>
Tiếp theo, tìm tới dòng code có chứa Function post_class(); Tại đây, chúng ta sẽ chỉnh sửa Code để có thể thêm vào một CSS Class cho Post được chỉ định. Với xử lý bằng Code thì chúng ta hoàn toàn yên tâm rằng tất cả hiển thị sau này sẽ được tự động tại WordPress Website.
Code trước chỉnh sửa :
<article id=”post-<?php the_ID(); ?>” <?php post_class(); ?>>
Code sau chỉnh sửa :
<article id=”post-<?php the_ID(); ?>” <?php post_class($custom_values); ?>>
[ Bạn hãy yên tâm vì tất cả những CSS Class mặc định của WordPress vẫn được giữ nguyên và CSS Class tuỳ chỉnh của bạn sẽ được thêm mới vào. ]