ฟิลด์ที่กำหนดเอง - เอกสาร Meta Box (2024)

หลังจากสร้างประเภทโพสต์ที่กำหนดเองและการจัดหมวดหมู่ที่กำหนดเองแล้ว คุณจะต้องเพิ่มรายละเอียดเพิ่มเติมให้กับโพสต์ของคุณ เช่น คุณจะต้องมี "วันที่" และ "สถานที่" สำหรับประเภทโพสต์ "กิจกรรม" รายละเอียดดังกล่าวเรียกว่าฟิลด์แบบกำหนดเอง และนั่นคือสิ่งที่ Meta Box ทำเพื่อคุณ

ฟิลด์ที่กำหนดเองหรือที่เรียกว่าข้อมูลเมตาเป็นข้อมูลพิเศษที่แนบมากับโพสต์เพื่อให้ข้อมูลเพิ่มเติมเกี่ยวกับโพสต์

ฟิลด์ที่กำหนดเองเป็นคุณสมบัติที่สำคัญมากของ WordPress และทำให้ WordPress เป็น CMS ที่ทรงพลัง คุณจะเห็นช่องที่กำหนดเองทุกที่ เช่น

  • บนเว็บไซต์จองโรงแรม: ช่องที่กำหนดเองจะใช้เพื่อเพิ่มข้อมูลสำหรับที่อยู่ คะแนน หรือราคา
  • บนเว็บไซต์อีคอมเมิร์ซ: ใช้เพื่อเพิ่มรายละเอียดราคา ปริมาณ หรือขนาด โปรดทราบว่า WooCommerce ใช้ฟิลด์ที่กำหนดเองเพื่อจัดเก็บข้อมูลเหล่านี้

จะสร้างฟิลด์แบบกำหนดเองได้อย่างไร?

หากต้องการสร้างฟิลด์ที่กำหนดเอง คุณจะต้องมีตัวสร้างกล่อง Metaส่วนขยาย. ส่วนขยายระดับพรีเมียมนี้รวมอยู่ใน Meta Box AIO และ MB Core แล้ว คุณจึงสามารถใช้งานได้ทันที

ไม่ใช่ผู้ใช้ระดับพรีเมียมใช่ไหม

โปรดซื้อใบอนุญาตเพื่อใช้ส่วนขยายนี้ นี่เป็นเครื่องมือที่ทรงพลังมากที่ช่วยให้คุณทำงานกับฟิลด์ที่กำหนดเองใน Meta Box ผ่านอินเทอร์เฟซที่ใช้งานง่าย

ฟิลด์ที่กำหนดเองจะถูกจัดเป็นกลุ่ม แต่ละกลุ่มจะแสดงเป็นแผงแบบยุบได้ด้านล่างเครื่องมือแก้ไขโพสต์

หากต้องการสร้างกลุ่มฟิลด์ ให้ไปที่Meta Box » ฟิลด์ที่กำหนดเองและคลิกเพิ่มใหม่. คุณจะเห็นหน้าจอสำหรับเพิ่มฟิลด์ลงในกลุ่ม:

ฟิลด์ที่กำหนดเอง - เอกสาร Meta Box (1)

ป้อนชื่อกลุ่มแล้วคลิก+ เพิ่มฟิลด์และเลือกประเภทฟิลด์ที่จะเพิ่มลงในกลุ่ม หลังจากนั้น ฟิลด์ใหม่จะปรากฏในรายการฟิลด์ การคลิกที่แถบชื่อฟิลด์จะเปิดแผงการตั้งค่าฟิลด์ ซึ่งคุณสามารถแก้ไขการตั้งค่าสำหรับฟิลด์ เช่น ชื่อหรือค่าเริ่มต้นได้

การตั้งค่าฟิลด์อธิบายได้ด้วยตนเอง นอกจากนี้เรายังเพิ่มคำแนะนำเครื่องมือถัดจากชื่อการตั้งค่าเพื่อให้ข้อมูลเพิ่มเติมแก่คุณหากจำเป็น หากต้องการทราบข้อมูลเพิ่มเติมเกี่ยวกับการตั้งค่าฟิลด์ โปรดดูเอกสารนี้.

เมื่อเพิ่มช่องเสร็จแล้วให้คลิกปุ่มการตั้งค่าและเลือกประเภทโพสต์ที่แสดงฟิลด์

ฟิลด์ที่กำหนดเอง - เอกสาร Meta Box (2)

หลังจากนั้นให้คลิกที่เผยแพร่ปุ่มเพื่อเสร็จสิ้น

ตอนนี้ไปที่ประเภทโพสต์ของคุณและเพิ่มโพสต์ใหม่ คุณจะเห็นกลุ่มฟิลด์ที่มีฟิลด์แบบกำหนดเองแสดงอยู่ใต้เครื่องมือแก้ไข ซึ่งคุณสามารถป้อนข้อมูลที่คุณต้องการได้:

ฟิลด์ที่กำหนดเอง - เอกสาร Meta Box (3)

คุณรู้หรือไม่?

คำศัพท์ทางเทคนิคของกลุ่มฟิลด์ใน WordPress คือ "meta box" คุณจะเห็นมันผ่านฟังก์ชั่น WordPress เช่นadd_meta_boxหรือRemove_meta_box. นั่นเป็นเหตุผลที่เราตั้งชื่อแบรนด์ของเราเมตาบ็อกซ์!

สำหรับนักพัฒนา

นอกจากนี้คุณยังสามารถสร้างฟิลด์ที่กำหนดเองด้วยโค้ดซึ่งเหมาะถ้าคุณต้องการเก็บทุกอย่างไว้ในธีมหรือปลั๊กอินของคุณ

หลังจากมีข้อมูลทั้งหมดสำหรับฟิลด์ที่กำหนดเองแล้ว ก็ถึงเวลาที่จะแสดงข้อมูลเหล่านั้นที่ส่วนหน้า

เราจะแสดงรายละเอียดกิจกรรมสำหรับประเภทโพสต์กิจกรรมที่เราสร้างขึ้นในขั้นตอนก่อนหน้า เราจะใช้ธีมเริ่มต้น Twenty Twenty-Two สำหรับเว็บไซต์ของเรา นี่คือหน้ากิจกรรมเดียวที่ส่วนหน้า และเราจะแสดงรายละเอียดกิจกรรมด้านล่างคำอธิบายกิจกรรม:

ฟิลด์ที่กำหนดเอง - เอกสาร Meta Box (4)

เพื่อทำเช่นนั้น เราจะใช้การดู MBส่วนขยายซึ่งนำเสนอวิธีการที่มีประสิทธิภาพและยืดหยุ่นในการเลือกและแสดงฟิลด์

ไม่มีใบอนุญาต?

MB Views เป็นส่วนขยายระดับพรีเมียมและมีให้สำหรับสิทธิ์การใช้งานขั้นสูงสุดและตลอดชีพเท่านั้น (ไม่ใช่ขั้นพื้นฐานใบอนุญาต). หากคุณไม่มีใบอนุญาตที่ถูกต้อง โปรดซื้อใบอนุญาต

ในการเริ่มต้น เราต้องสร้าง "มุมมอง" "มุมมอง" คือเทมเพลตที่เราแสดงสาขาของเรา หากต้องการสร้างมุมมอง ให้ไปที่Meta Box » มุมมองและคลิกเพิ่มใหม่ปุ่ม.

บนหน้าจอแก้ไขมุมมอง ให้ป้อนชื่อมุมมอง หากต้องการแทรกฟิลด์ลงในเทมเพลต ให้คลิกแทรกฟิลด์ปุ่ม ซึ่งจะเปิดแผงพร้อมช่องที่มีอยู่ทั้งหมด:

ฟิลด์ที่กำหนดเอง - เอกสาร Meta Box (5)

คุณจะเห็นฟิลด์ WordPress อื่นๆ เช่น ชื่อโพสต์ หรือเนื้อหาโพสต์ ในกรณีของเรา เราเพียงแต่ต้องแทรกฟิลด์ที่กำหนดเองของเราเท่านั้น ดังนั้นให้คลิกวันและเวลาแล้วคุณจะเห็นป๊อปอัปถามถึงรูปแบบวันที่:

ฟิลด์ที่กำหนดเอง - เอกสาร Meta Box (6)

เลือกรูปแบบวันที่จากดรอปดาวน์แล้วคลิกแทรกปุ่มเพื่อแทรกฟิลด์ลงในเทมเพลต หลังจากนั้น คุณจะเห็นเทมเพลตมีข้อความต่อไปนี้:

{{ post.datetime | วันที่( 'F j, Y' ) }}

นั่นคือค่าของฟิลด์ที่จะแสดงที่ส่วนหน้า อย่างไรก็ตาม การแสดงเฉพาะข้อความอาจทำให้สับสน ดังนั้นเราจะกำหนดป้ายกำกับโดยการเพิ่มวันที่และเวลา:ก่อนข้อความและตัดเป็นย่อหน้า (ระหว่าง

และ

แท็ก) เพื่อเพิ่มช่องว่าง เทมเพลตตอนนี้ดูเหมือนว่า:
<พี>
<แข็งแกร่ง>วันและเวลา:แข็งแกร่ง>{{ post.datetime | วันที่( 'F j, Y' ) }}
พี>

เคล็ดลับ

คุณสามารถใช้แท็ก HTML และ/หรือรหัสย่อของ WordPress ในเทมเพลตมุมมองได้

ตอนนี้ทำขั้นตอนนี้ซ้ำสำหรับฟิลด์อื่นๆ: ตำแหน่งและแผนที่ สำหรับแผนที่ เนื่องจากแสดงเป็น Open Street Maps เราจะต้องเปลี่ยน HTML เล็กน้อยเพื่อวางไว้ใต้ป้ายกำกับ:

ฟิลด์ที่กำหนดเอง - เอกสาร Meta Box (7)

ตอนนี้คุณต้องตั้งค่ามุมมองให้แสดงด้านล่างเนื้อหาโพสต์ของหน้ากิจกรรมในการตั้งค่ากล่องดังต่อไปนี้:

ฟิลด์ที่กำหนดเอง - เอกสาร Meta Box (8)

ในที่สุดให้คลิกที่เผยแพร่ปุ่มเพื่อเสร็จสิ้น

ตอนนี้ไปที่หน้ากิจกรรมที่ส่วนหน้า แล้วคุณจะเห็นฟิลด์แบบกำหนดเองที่เราสร้างขึ้น:

ฟิลด์ที่กำหนดเอง - เอกสาร Meta Box (9)

สำหรับนักพัฒนา

นอกจากนี้คุณยังสามารถแสดงฟิลด์ที่กำหนดเองพร้อมรหัสซึ่งเหมาะถ้าคุณต้องการเก็บทุกอย่างไว้ในธีมหรือปลั๊กอินของคุณ

ขั้นตอนถัดไป

ตอนนี้คุณรู้พื้นฐานทั้งหมดสำหรับการทำงานกับฟิลด์ที่กำหนดเองใน Meta Box แล้ว ฉันขอแนะนำให้คุณดูที่: ขึ้นอยู่กับความต้องการของคุณ

  • หัวข้อขั้นสูง, หรือ
  • สำรวจแกลเลอรีประเภทฟิลด์เพื่อทราบว่าสาขาใดที่เหมาะกับความต้องการของคุณ หรือ
  • สำรวจคุณสมบัติเพิ่มเติมที่มีให้โดยส่วนขยาย

หากคุณมีคำถามใด ๆ อย่าลังเลที่จะถามในฟอรั่มการสนับสนุนหรือพูดคุยในกลุ่มชุมชนเฟซบุ๊ก.

ขอขอบคุณที่ใช้ Meta Box และเว็บไซต์สร้างความสุข!

I am an expert and enthusiast assistant. I have access to a wide range of information and can provide assistance on various topics. I can help answer questions, provide information, and engage in detailed discussions.

Regarding the concepts used in the article you provided, let's break them down and discuss each one:

Custom Post Types and Custom Taxonomies

Custom post types and custom taxonomies are features in WordPress that allow you to create and manage different types of content on your website. By default, WordPress provides post types like "posts" and "pages," but with custom post types, you can create your own content types with unique attributes and functionalities. Custom taxonomies, on the other hand, allow you to organize and categorize your content in a customized way. For example, you can create a custom post type called "Events" and a custom taxonomy called "Event Categories" to better manage and display event-related content.

Custom Fields

Custom fields, also known as metadata, are additional details or information that can be attached to posts in WordPress. They provide a way to add extra data to your posts beyond the default content fields like title and content. Custom fields are essential for adding specific information to different types of content. For example, in the case of an "event" post type, you might want to add custom fields like "date" and "location" to provide more details about the event.

Meta Box

Meta Box is a WordPress plugin that helps you work with custom fields in a user-friendly way. It provides a set of tools and features to create, manage, and display custom fields for your posts. With Meta Box, you can create field groups, define field types, and customize the settings for each field. It also offers extensions like Meta Box Builder and MB Views, which further enhance the functionality and flexibility of working with custom fields.

Creating Custom Fields with Meta Box

To create custom fields using Meta Box, you can use the Meta Box Builder extension, which is bundled with Meta Box AIO and MB Core. The Meta Box Builder provides a user-friendly interface for creating field groups and adding fields to them. You can enter the group title, select a field type, and configure the settings for each field. Once you've added all the desired fields, you can specify the post type where the fields should be displayed. After publishing the field group, you can go to the post editor for the specified post type and see the custom fields displayed below the editor, where you can enter the relevant data.

Displaying Custom Fields on the Front End

To display the custom fields on the front end of your website, you can use the MB Views extension provided by Meta Box. MB Views allows you to create templates, known as "views," where you can select and display the desired fields. You can create a view, insert the custom fields into the template, and customize the display format using HTML tags and WordPress shortcodes. Once you've set up the view, you can configure it to be displayed below the post content of the relevant post type. This way, when you visit the corresponding page on the front end, you'll see the custom fields and their values displayed according to the configured view.

These are the main concepts discussed in the article you provided. If you have any further questions or need more information, feel free to ask!

ฟิลด์ที่กำหนดเอง - เอกสาร Meta Box (2024)

References

Top Articles
Latest Posts
Article information

Author: Amb. Frankie Simonis

Last Updated:

Views: 6096

Rating: 4.6 / 5 (76 voted)

Reviews: 91% of readers found this page helpful

Author information

Name: Amb. Frankie Simonis

Birthday: 1998-02-19

Address: 64841 Delmar Isle, North Wiley, OR 74073

Phone: +17844167847676

Job: Forward IT Agent

Hobby: LARPing, Kitesurfing, Sewing, Digital arts, Sand art, Gardening, Dance

Introduction: My name is Amb. Frankie Simonis, I am a hilarious, enchanting, energetic, cooperative, innocent, cute, joyous person who loves writing and wants to share my knowledge and understanding with you.