Hướng dẫn về trường tùy chỉnh nâng cao dành cho người mới bắt đầu: Tạo và hiển thị trường

Được tiếp thị là “trình chỉnh sửa nội dung dành cho nhà phát triển WordPress”, plugin Trường tùy chỉnh nâng cao (ACF) có vẻ đáng sợ đối với một số người không quen thuộc với chức năng của plugin. Tuy nhiên, đừng để những từ thông dụng này đến với bạn, bởi vì mọi người nên sử dụng Trường tùy chỉnh nâng cao, xem đây là một trong những công cụ tiết kiệm thời gian lớn nhất để phát triển web. Đó là lý do tại sao chúng tôi tập hợp hướng dẫn Trường tùy chỉnh nâng cao để hiển thị cho bạn mọi thứ.

Có, plugin Trường tùy chỉnh nâng cao gây nhầm lẫn cho người mới bắt đầu. Nhưng đường cong học tập không tệ và những lợi ích của việc sử dụng plugin này một cách thường xuyên sẽ biến bạn thành một tín đồ.

Plugin Trường tùy chỉnh nâng cao làm gì?

Trường tùy chỉnh nâng cao cho phép bạn thu thập thông tin bổ sung về nội dung của mình trong trình chỉnh sửa WordPress.

WordPress là một nền tảng nguồn mở, linh hoạt, vì vậy bạn có thể tạo bất kỳ trang web nào bạn muốn, với các chức năng khác nhau cho những thứ như Thương mại điện tử, viết blog, sự kiện, v.v.

Trình chỉnh sửa trực quan WordPress có các công cụ tuyệt vời từ chỉnh sửa nội dung phong phú đến định dạng phương tiện.

Tuy nhiên, đôi khi nhà phát triển có thể làm cho nó trực quan hơn cho các trường hợp sử dụng cụ thể.

Vấn đề là việc tùy chỉnh trình chỉnh sửa nội dung WordPress thường yêu cầu định dạng cẩn thận và khả năng chỉnh sửa mã.

Trường tùy chỉnh nâng cao giúp giảm bớt quá trình này bằng cách cho phép bạn thay đổi trình chỉnh sửa nội dung và chuẩn hóa cách bạn thu thập và hiển thị thông tin nhất định.

Giúp cập nhật nội dung theo kiểu dễ dàng hơn

Sau khi trang web của bạn được phát triển và sẵn sàng ra mắt, phần lớn quy trình quản lý của bạn liên quan đến việc thay đổi các chi tiết nhỏ.

Chẳng hạn, một điều chỉnh phổ biến đối với các công ty là thay đổi tiêu đề hoặc nền trang chủ cho các thông báo và bán hàng mới. Việc thay đổi văn bản trong khu vực tiêu đề đó cũng rất phổ biến.

Đôi khi đó là tất cả những gì chủ doanh nghiệp thường làm với một trang web!

Và điều đó hoàn toàn ổn, nhưng làm việc với WordPress khiến bạn nhận ra mức độ nhạy cảm của trình chỉnh sửa trực quan. Một khoảng lùi sai và bạn có thể xóa định dạng văn bản. Một hình ảnh tải lên sai và bạn có thể làm cho toàn bộ trang chủ trông giống như rác.

Chuẩn hóa việc hiển thị nội dung lặp đi lặp lại

Các hành động lặp đi lặp lại cũng đảm bảo việc sử dụng ACF.

Một ví dụ sẽ dành cho một blog đánh giá phim.

Giả sử mỗi bài đánh giá của bạn đều yêu cầu bạn nhập công ty sản xuất, năm phát hành và xếp hạng phim.

Hoặc có thể bạn có xếp hạng phim đơn giản và mô tả về thang xếp hạng của mình.

Điều này có thể được thực hiện trong trình chỉnh sửa WordPress, nhưng sẽ tốt hơn nếu giữ định dạng giống nhau trên các bài đăng. Ngoài ra, việc có các trường giống nhau để điều chỉnh sẽ cắt giảm quy trình xuống chỉ còn vài cú nhấp chuột thay vì phải nhập mọi thứ vào.

Hướng dẫn Trường tùy chỉnh nâng cao

Điều đầu tiên cần làm là tải xuống plugin Trường tùy chỉnh nâng cao. Hãy xem hướng dẫn của chúng tôi về cách cài đặt và kích hoạt plugin WordPress nếu bạn cần bất kỳ trợ giúp nào.

Chúng tôi có thể tạo hướng dẫn Trường tùy chỉnh nâng cao với hàng nghìn ví dụ. Đó là linh hoạt.

Tuy nhiên, chúng tôi sẽ sử dụng ví dụ về việc điều hành một trang web đánh giá phim.

Đối với mỗi đánh giá mới, chúng tôi muốn hiển thị dữ liệu sau:

• Năm phát hành
• Studio
• xếp hạng phim

Tiếp tục đọc để xem làm thế nào điều này hoạt động.

Bước 1: Tạo một nhóm trường mới

Nhóm trường là tập hợp các trường tùy chỉnh.

Tất cả các lĩnh vực tôi dự định có trên trang web đánh giá phim của mình đều thuộc cùng một danh mục, vì vậy sẽ rất hợp lý khi đặt chúng vào cùng một nhóm lĩnh vực.

Để tạo một nhóm trường mới, hãy chuyển đến Trường tùy chỉnh trong WordPress.

Trên màn hình mới, nhấp vào biểu tượng Thêm mới cái nút.

Màn hình sau đây có thể trông đáng sợ, nhưng thông thường bạn chỉ cần thay đổi một số thành phần. Bạn cũng có thể kiểm tra chúng để xem cách chúng hoạt động trên trang web của bạn.

Hiện tại, hãy đặt tên cho nhóm trường của bạn giống như Movie Review Data.

Bước 2: Thêm các trường vào nhóm của bạn

Bây giờ là lúc để thêm các trường tùy chỉnh riêng lẻ.

bấm vào màu xanh Thêm các lĩnh vực cái nút.

Điều này mở ra một biểu mẫu dài hơi khó hiểu, nhưng dễ nắm bắt sau một hoặc hai lần sử dụng.

Bắt đầu bằng cách gõ vào nhãn trường. Đối với hướng dẫn này, chúng tôi đang sử dụng Năm phát hành.

Các Tên trường sau đó được điền tự động. Nó được sử dụng để đặt kết quả trong các mẫu và mã hóa. Điều đó sẽ được sử dụng bởi nhà phát triển của bạn.

Sự lựa chọn của bạn Loại lĩnh vực cũng. Đối với cái này, chúng tôi đang chọn loại trường Văn bản, nhưng bạn có hàng tá tùy chọn từ hình ảnh đến hộp kiểm và đàn xếp.

Tất cả các loại trường đều có các tùy chọn khác nhau, nhưng đây là một số mục bạn có thể điền vào cho loại trường văn bản:

• Hướng dẫn trường – bạn có thể muốn nhắc người viết của mình chỉ nhập bốn chữ số.
• Cần thiết – Bạn có thể đặt trường này thành yêu cầu trước khi xuất bản.
• Giá trị mặc định – Điều này hữu ích nếu bạn muốn một giá trị luôn hiển thị, ngay cả khi để trống.
• Văn bản giữ chỗ – Điều này hiển thị trong các trường nhập liệu khi người viết đang ở trong trình chỉnh sửa.
• Giới hạn ký tự – Có thể bạn không muốn người viết vượt qua một số ký tự nhất định.

Đó không phải là tất cả các trường trên đó, nhưng không có trường nào trong số này là bắt buộc. Do đó, tốt nhất là bạn nên tự kiểm tra chúng. Ngoài ra, bạn có thể thấy các tùy chọn khác tùy thuộc vào Loại lĩnh vực.

Bước 3: Thêm nhiều trường vào nhóm

Sau khi lưu trường đầu tiên, đã đến lúc thêm trường quay và trường xếp hạng phim của chúng tôi.

May mắn thay, đó là quá trình tương tự!

Chỉ cần quay lại Nhóm trường, nhấp vào Thêm các lĩnh vựcsau đó đặt tên cho chúng những thứ khác nhau.

Lĩnh vực công ty sản xuất không có gì đặc biệt, nhưng chúng tôi có thể tận dụng các công cụ để đánh giá phim.

Cái này Loại lĩnh vực là một số.

Chúng tôi cũng có thể chỉ định trong Hướng dẫn trường để “Xếp hạng chất lượng của phim này từ một đến mười.

Sau đó, chúng tôi sẽ đánh dấu Giá trị tối thiểu là 1, Giá trị tối đa là 10 và Kích thước bước là 1.

Kích thước Bước cho biết các gia số có sẵn.

Bước 4: Đặt vị trí trường

Bây giờ là lúc định cấu hình vị trí và cách thức các trường hiển thị trên trang web.

đi đến Địa điểm bảng điều khiển.

Điều này yêu cầu các quy tắc về nơi các trường sẽ xuất hiện. Đối với ví dụ này, sẽ hợp lý khi hiển thị nhóm trường khi “Loại bài đăng bằng với bài đăng”, vì điều đó có nghĩa là mọi bài đăng.

Nếu đang sử dụng loại bài đăng tùy chỉnh, bạn cũng có thể liên kết nhóm trường tùy chỉnh của mình với loại bài đăng tùy chỉnh.

Dưới Cài đặtbạn có cơ hội thiết kế cách các trường hiển thị trên Trình chỉnh sửa WordPress của mình.

Về cơ bản, phần này cho phép bạn tùy chỉnh giao diện thiết kế theo nhu cầu của riêng bạn.

Ví dụ:

• Số thứ tự. – Cho phép bạn sắp xếp danh sách các trường bạn có trong một nhóm.
• Chức vụ – Có các tùy chọn để hiển thị các trường bên trên hoặc bên dưới trình chỉnh sửa.
• Phong cách – Xem xét việc đặt các trường trong metabox.
• Ẩn trên màn hình – Loại bỏ các bảng mà bạn không cần.

Bước 5: Hiển thị thông tin trường tùy chỉnh ở mặt trước của trang web của bạn

Bây giờ, khi bạn đã thêm một số dữ liệu trường tùy chỉnh trong trình chỉnh sửa WordPress, bạn cần một cách để hiển thị thông tin đó ở mặt trước của trang web của mình.

Như đã thảo luận trước đó, bạn có thể phải thuê một nhà phát triển để nhận kết quả của các trường tùy chỉnh trên giao diện người dùng. Tuy nhiên, có một số giải pháp thân thiện với người mới bắt đầu cần xem xét trước tiên!

• Sử dụng mã ngắn để hiển thị các trường ACF trong trình chỉnh sửa.
• Tìm plugin trình tạo trang có hỗ trợ hiển thị các trường ACF.
• Đặt mã ngắn cho trường trong nhóm khối có thể tái sử dụng.

Tùy chọn đầu tiên liên quan đến việc sử dụng mã ngắn ACF. Plugin không có trình tạo mã ngắn, vì vậy bạn sẽ phải sử dụng định dạng sau:

[acf field="field_name"]

Điều này chỉ hoạt động đối với các trường dựa trên văn bản và bạn phải thay thế field_name với tên trường của bạn.

Chẳng hạn, bạn có thể tìm thấy tên trường trong danh sách trường của mình.

Sau đó, chỉ mất một chút thời gian để thêm tên trường vào các mã ngắn đó trong trình chỉnh sửa.

Đảm bảo dữ liệu trường của bạn được điền vào cho bài đăng.

bấm vào Công bố để xem kết quả trên frontend!

Bạn cũng có thể tìm một trình tạo trang cho phép bạn hiển thị các trường ACF trong trình chỉnh sửa. Ví dụ: Elementor Pro (bài đánh giá của chúng tôi), Divi, Beaver Builder + Beaver Themer và một số tùy chọn khác cho phép điều này.

Một giải pháp tuyệt vời khác là tạo một khối trong trình chỉnh sửa, đặt mã ngắn vào đó, sau đó lưu nó dưới dạng một khối có thể tái sử dụng để sử dụng trong tương lai.

Bước 6: Nếu vẫn thất bại, hãy gửi nó cho nhà phát triển của bạn để hiển thị trên trang web của bạn

Nếu các phương pháp không dùng mã ở trên không phù hợp với bạn, tùy chọn tiếp theo của bạn là gửi nó cho nhà phát triển WordPress, việc này sẽ không mất nhiều thời gian và sẽ rẻ.

Về cơ bản, tất cả những gì nhà phát triển đang làm là thêm một chút mã vào tệp mẫu của bạn hoặc có thể là một tệp bài đăng.

Do đó, chúng tôi khuyên bạn nên tìm một nhà phát triển có uy tín để trợ giúp việc này.

Hướng dẫn Trường tùy chỉnh nâng cao: Chúc bạn vui vẻ khi làm cho trình chỉnh sửa WordPress của mình thân thiện hơn với người dùng!

Nếu bạn có bất kỳ câu hỏi nào về hướng dẫn Trường tùy chỉnh nâng cao của chúng tôi, hãy cho chúng tôi biết trong phần nhận xét bên dưới!

* Bài đăng này chứa các liên kết liên kết, có nghĩa là nếu bạn nhấp vào một trong các liên kết sản phẩm và sau đó mua sản phẩm, chúng tôi sẽ nhận được hoa hồng. Tuy nhiên, đừng lo lắng, bạn vẫn sẽ trả số tiền tiêu chuẩn nên bạn không phải trả chi phí nào.