Custom field trong wordpress và các vấn đề liên quan
Source: Custom field trong wordpress và các vấn đề liên quan
Tiếp tục với chuỗi bài viết hướng dẫn lập trình theme wordpress hôm nay mình sẽ giới thiệu đến các bạn một tính năng khá hay và quan trọng đó là các trường tùy chỉnh trong wordpress.
Tính năng trường tùy chỉnh kết hợp với tính năng tùy chỉnh loại bài đã làm cho wordpress trở thành một CMS vô song như ngày nay. Hôm nay chúng ta sẽ cùng nhau tìm hiểu về chức năng thần thánh này của wordpress.
Các trường tùy chỉnh trong wordpress là gì?
Theo mặc định, mỗi bài viết trong wordpress sẽ có các trường như: Tiêu đề, nội dung, thư nhỏ, mô tả, liên kết… Các thành phần trên được cung cấp bởi wordpress.
Ngoài các trường trên wordpress còn cho phép chúng ta thêm 1 hoặc nhiều trường mới để phục vụ cho chức năng nâng cao của website. Việc thêm các trường mới đó được gọi là trường tùy chỉnh trong wordpress.
Tính năng này không chỉ áp dụng cho các bài đăng và trang mà còn cho các loại bài đăng tùy chỉnh.
Hướng dẫn tạo trường tùy chỉnh trong wordpress
Tạo các trường tùy chỉnh
Để dễ hình dung, chúng ta sẽ làm một hàm ví dụ: Bên dưới mỗi bài viết hiển thị một liên kết đến bài viết gốc.
Với yêu cầu của chức năng này chúng ta phải tạo trong bài viết mới một khu vực để nhập liên kết bài viết gốc. Các bước để tạo chức năng này như sau:
Bước 1: Trong khu vực đăng bài mới, nhấp vào tùy chọn hiển thị và nhấp vào lĩnh vực tùy chỉnh
Bước 2: Cuộn xuống vị trí trường tùy chỉnh, nhấp vào “nhập mới” rồi nhập Tên và giá trị
- Trường học Tên Đây là slug form bạn phải nhập ngay và không dấu, sau này họ dùng nó sẽ hiển thị ra ngoài. Trường này do bạn đặt ở đây, mình đặt là link-goc (Theo ví dụ trên)
- Trường học giá trị là link gốc của bài viết (theo ví dụ trên)
Bước 3: Bạn bấm vào thêm các trường tùy chỉnh hoàn thành
Như vậy là chúng ta đã thêm thành công trường tùy chỉnh trong wordpress.
Hiển thị trường tùy chỉnh bên ngoài giao diện người dùng
Để hiển thị trường tùy chỉnh bên ngoài giao diện người dùng, chúng tôi sử dụng mã sau, chèn mã này vào khu vực được hiển thị trong tệp single.php không.
<?php echo get_post_meta(get_the_ID(), 'link-goc', true); ?>
Bên trong link-goc là tên khi chúng tôi đặt nó vào đầu vào trường tùy chỉnh.
Đến đây, bạn sẽ thắc mắc, cách trên chỉ có thể tạo trường ở dạng văn bản, làm sao để tạo trường dưới dạng hình ảnh hay đối tượng nâng cao? Chắc hẳn làm theo cách trên khá là chán và củ chuối :))
Vì vậy, wordpress có hàng tá plugin giúp tạo các trường tùy chỉnh trong wordpress. Một trong số đó là plugin ACF (Advanced Custom Fields) hoặc bạn cũng có thể xem cách tạo các trường tùy chỉnh bằng cách sử dụng plugin loại bộ công cụ.
Tạo trường tùy chỉnh trong WordPress bằng plugin ACF (Trường tùy chỉnh nâng cao)
ACF là một trong những plugin tạo trường tùy chỉnh hàng đầu hiện nay. Với giao diện dễ sử dụng hỗ trợ nhiều lĩnh vực nên hôm nay mình sẽ giới thiệu đến mọi người.
Tạo trường tùy chỉnh với ACF
Đầu tiên chúng ta phải cài đặt plugin này, vào add new plugin và tìm kiếm từ khóa “Advanced Custom Fields”
Tìm và cài đặt plugin như hình bên dưới
Sau khi cài đặt menu quản trị, một menu bổ sung sẽ xuất hiện trường tùy chỉnh, bạn bấm vào thêm mới (thêm mới) để tạo trường tùy chỉnh mới.
Nó sẽ hiện ra giao diện thêm trường tùy chỉnh như hình trên, bấm vào thêm các lĩnh vực để thêm một trường mới vào đó:
- Nhãn trường => là tên trường hiển thị trong khu vực bài viết mới
- Tên trường => là slug của trường tùy chỉnh, phần này sẽ được sử dụng để đưa trường tùy chỉnh vào giao diện người dùng
- Loại lĩnh vực => là các kiểu mà acf hỗ trợ như: Text, textarea, image (hình ảnh), …
- Còn lại các phần khác không quan trọng bạn có thể để mặc định hoặc tùy chỉnh thêm.
Có thể thêm 1 hoặc nhiều trường tùy theo yêu cầu của chức năng.
Bên cạnh các tùy chọn hiển thị của trường là địa điểm:
Trong phần này, bạn có thể chọn nơi hiển thị các trường tùy chỉnh trong WordPress, bạn có thể hiển thị nó trong bài đăng, trên trang hoặc trong một loại bài đăng tùy chỉnh nhất định.
Sau khi điền đầy đủ thông tin, bạn lưu lại và vào phần thêm bài viết mới, bạn sẽ thấy trường hiển thị như hình bên dưới là thành công.
Trường hiển thị đến giao diện người dùng
Để hiển thị các trường tùy chỉnh trong wordpress bằng plugin acf, chúng tôi sử dụng mã sau:
<?php the_field('link-goc'); ?>
Đối với các trường là mảng hoặc đối tượng, chúng ta cần thực hiện như sau:
<?php $field = get_field('array'); ?>
<?php foreach ($field as $key => $value) {
echo $value;
} ?>
Plugin Advanced Custom Fields Pro
Plugin này có một phiên bản chuyên nghiệp bổ sung nhiều lĩnh vực tuyệt vời và mạnh mẽ như:
- Tập đoàn
- Lặp lại nội dung
- Bộ sưu tập
- …
Nhân tiện mình cũng có một plugin pro nên chia sẻ cho các bạn, nếu thấy cần thiết có thể tải về 
tóm lược
Hôm nay mình hướng dẫn các bạn chức năng trường tùy chỉnh trong wordpress cũng như cách sử dụng plugin acf để tạo trường tùy chỉnh một cách nhanh chóng và tiện lợi. Đây là một trong những chức năng quan trọng nhất trong wordpress.
Hi vọng với những kiến thức ít ỏi này sẽ giúp bạn học lập trình theme wordpress dễ dàng hơn.
xin chào các bạn
Via: sieucoder.com
from sieucoder.com https://ift.tt/3yapUHa
via Sieucoder.com
Nhận xét
Đăng nhận xét