Thủ thuật và mẹo custom fields WordPress

12 giờ ago, Hướng dẫn WordPress, 1 Views
Thủ thuật và mẹo custom fields WordPress

Giới thiệu về Custom Fields trong WordPress

WordPress, ban đầu được sinh ra như một nền tảng blog, đã phát triển thành một hệ quản trị nội dung (CMS) mạnh mẽ và linh hoạt. Một trong những yếu tố then chốt góp phần vào sự linh hoạt này chính là khả năng sử dụng Custom Fields (Trường Tùy Biến). Custom Fields cho phép bạn thêm thông tin bổ sung vào bài viết, trang hoặc các loại bài đăng tùy chỉnh khác, vượt ra ngoài các trường tiêu chuẩn như tiêu đề, nội dung và tác giả.

Ví dụ, bạn có thể sử dụng Custom Fields để lưu trữ giá sản phẩm, thông tin tác giả sách, hoặc thậm chí là tọa độ địa lý của một địa điểm. Khả năng tùy biến này mở ra vô số cơ hội để tạo ra các trang web độc đáo và phù hợp với nhu cầu cụ thể.

Tại sao nên sử dụng Custom Fields?

Việc sử dụng Custom Fields mang lại nhiều lợi ích thiết thực cho việc quản lý và hiển thị nội dung trên website WordPress của bạn. Dưới đây là một số lý do chính:

  • Cấu trúc dữ liệu tốt hơn: Custom Fields cho phép bạn tổ chức thông tin theo cấu trúc rõ ràng, giúp bạn dễ dàng quản lý và truy xuất dữ liệu.
  • Hiển thị nội dung linh hoạt: Bạn có thể tùy chỉnh cách hiển thị Custom Fields trên website, tạo ra các bố cục độc đáo và phù hợp với thương hiệu của bạn.
  • Dễ dàng tìm kiếm và lọc: Custom Fields có thể được sử dụng để tạo ra các bộ lọc và tìm kiếm nâng cao, giúp người dùng dễ dàng tìm thấy thông tin họ cần.
  • Tự động hóa quy trình: Bạn có thể sử dụng Custom Fields để tự động hóa các quy trình, chẳng hạn như tạo ra các trang sản phẩm động hoặc hiển thị các sự kiện sắp tới.

Các plugin Custom Fields phổ biến

Có rất nhiều plugin Custom Fields miễn phí và trả phí có sẵn cho WordPress. Một số plugin phổ biến nhất bao gồm:

  • Advanced Custom Fields (ACF): ACF là một trong những plugin Custom Fields phổ biến nhất, cung cấp một giao diện trực quan và dễ sử dụng để tạo và quản lý Custom Fields.
  • Meta Box: Meta Box là một plugin mạnh mẽ và linh hoạt, cho phép bạn tạo ra các Custom Fields phức tạp và tùy chỉnh giao diện quản trị WordPress.
  • Toolset Types: Toolset Types là một phần của bộ Toolset, cung cấp các công cụ để tạo ra các loại bài đăng tùy chỉnh, Custom Fields và mẫu trang.

Việc lựa chọn plugin Custom Fields phù hợp phụ thuộc vào nhu cầu cụ thể của bạn và mức độ phức tạp của dự án.

Hướng dẫn sử dụng Advanced Custom Fields (ACF)

Trong phần này, chúng ta sẽ đi sâu vào cách sử dụng Advanced Custom Fields (ACF), một trong những plugin Custom Fields phổ biến nhất. ACF cung cấp một giao diện trực quan và dễ sử dụng để tạo và quản lý Custom Fields.

Cài đặt và kích hoạt ACF

Đầu tiên, bạn cần cài đặt và kích hoạt plugin ACF từ kho plugin WordPress. Tìm kiếm “Advanced Custom Fields” trong khu vực plugin và nhấp vào “Cài đặt” rồi “Kích hoạt”.

Tạo Field Group

Sau khi kích hoạt, bạn sẽ thấy một mục mới trong menu WordPress có tên “Custom Fields”. Nhấp vào “Custom Fields” và sau đó nhấp vào “Add New” để tạo một Field Group mới. Field Group là một nhóm các Custom Fields được liên kết với nhau.

Đặt tên cho Field Group của bạn (ví dụ: “Thông tin sản phẩm”). Sau đó, bạn có thể thêm các Custom Fields vào Field Group.

Thêm Custom Fields

Nhấp vào nút “Add Field” để thêm một Custom Field mới. Bạn sẽ thấy một loạt các tùy chọn cấu hình, bao gồm:

  • Field Label: Nhãn hiển thị cho Custom Field trong giao diện quản trị.
  • Field Name: Tên duy nhất của Custom Field, được sử dụng để truy xuất dữ liệu trong code.
  • Field Type: Loại dữ liệu được lưu trữ trong Custom Field (ví dụ: văn bản, số, hình ảnh, tệp tin).
  • Instructions: Hướng dẫn ngắn gọn về cách sử dụng Custom Field.
  • Required: Xác định xem Custom Field có bắt buộc phải điền hay không.

Ví dụ, bạn có thể tạo một Custom Field có tên “price” với Field Type là “Number” để lưu trữ giá sản phẩm.

Thiết lập Location Rules

Sau khi bạn đã tạo các Custom Fields của mình, bạn cần thiết lập Location Rules để xác định nơi chúng sẽ hiển thị. Location Rules cho phép bạn chỉ định rằng Field Group này sẽ chỉ hiển thị trên các bài viết, trang hoặc loại bài đăng tùy chỉnh cụ thể.

Ví dụ, bạn có thể đặt Location Rule là “Post Type is equal to Product” để chỉ hiển thị Field Group “Thông tin sản phẩm” trên các bài đăng thuộc loại “Product”.

Hiển thị Custom Fields trên website

Để hiển thị Custom Fields trên website của bạn, bạn cần sử dụng code PHP trong các tệp tin template của theme. ACF cung cấp một hàm đơn giản để truy xuất dữ liệu từ Custom Fields:

<?php the_field('field_name'); ?>

Thay thế ‘field_name’ bằng Field Name của Custom Field bạn muốn hiển thị. Ví dụ, để hiển thị giá sản phẩm, bạn có thể sử dụng code sau:

<p>Giá: <?php the_field('price'); ?></p>

Mẹo và Thủ thuật Custom Fields

Dưới đây là một số mẹo và thủ thuật để giúp bạn tận dụng tối đa Custom Fields:

  • Sử dụng Field Groups để tổ chức Custom Fields: Sử dụng Field Groups để nhóm các Custom Fields liên quan với nhau, giúp bạn dễ dàng quản lý và tìm kiếm chúng.
  • Đặt tên Field Name rõ ràng và dễ hiểu: Sử dụng Field Name mô tả dữ liệu được lưu trữ trong Custom Field, giúp bạn dễ dàng truy xuất dữ liệu trong code.
  • Sử dụng Conditional Logic để hiển thị Custom Fields có điều kiện: ACF cung cấp tính năng Conditional Logic, cho phép bạn hiển thị Custom Fields chỉ khi một điều kiện nhất định được đáp ứng.

Sử dụng repeater fields cho dữ liệu lặp lại

Repeater Fields cho phép bạn tạo ra một tập hợp các Custom Fields có thể lặp lại. Điều này rất hữu ích để lưu trữ dữ liệu như danh sách các tính năng sản phẩm, hình ảnh trong thư viện ảnh hoặc các thành viên trong nhóm.

ACF cung cấp một loại Field Type là “Repeater”. Khi bạn chọn loại này, bạn có thể thêm các Sub Fields vào Repeater Field. Mỗi Sub Field sẽ là một Custom Field riêng biệt trong mỗi hàng lặp lại.

Để hiển thị Repeater Field trên website, bạn cần sử dụng một vòng lặp PHP để duyệt qua từng hàng lặp lại và hiển thị các Sub Fields tương ứng. Ví dụ:

<?php
if( have_rows('features') ): ?>
    <ul>
    <?php while( have_rows('features') ): the_row(); ?>
        <li><?php the_sub_field('feature_description'); ?></li>
    <?php endwhile; ?>
    </ul>
<?php endif; ?>

Trong ví dụ này, ‘features’ là Field Name của Repeater Field và ‘feature_description’ là Field Name của Sub Field chứa mô tả tính năng.

Sử dụng Relationship Fields để liên kết bài viết

Relationship Fields cho phép bạn liên kết các bài viết, trang hoặc loại bài đăng tùy chỉnh khác với nhau. Điều này rất hữu ích để tạo ra các trang web phức tạp với các mối quan hệ phức tạp giữa các nội dung.

ACF cung cấp một loại Field Type là “Relationship”. Khi bạn chọn loại này, bạn có thể chọn các loại bài đăng bạn muốn cho phép người dùng liên kết.

Để hiển thị các bài viết được liên kết, bạn cần sử dụng một vòng lặp PHP để duyệt qua các bài viết được liên kết và hiển thị thông tin của chúng. Ví dụ:

<?php
$related_posts = get_field('related_products');
if( $related_posts ): ?>
    <ul>
    <?php foreach( $related_posts as $post ):

        // Setup this post for WP functions
        setup_postdata($post);
        ?>
        <li>
            <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
        </li>
    <?php endforeach; ?>
    </ul>
    <?php wp_reset_postdata(); // IMPORTANT - reset the $post object so the rest of the page works correctly ?>
<?php endif; ?>

Trong ví dụ này, ‘related_products’ là Field Name của Relationship Field.

Kết luận

Custom Fields là một công cụ mạnh mẽ và linh hoạt cho phép bạn tùy chỉnh WordPress theo nhu cầu cụ thể của bạn. Bằng cách sử dụng Custom Fields, bạn có thể tạo ra các trang web độc đáo, dễ quản lý và thân thiện với người dùng. Hãy thử nghiệm và khám phá các khả năng vô tận mà Custom Fields mang lại!

, , , ,

..