ผู้เขียน หัวข้อ: Post Type Builder สร้าง Custom Post Type โดยไม่ต้องโค้ด  (อ่าน 630 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ smf

  • [color=green][i]"ถ้าคุณไม่สามารถอธิบายอย่างง่ายๆ ให้คนอื่นเข้าใจได้แล้วล่ะก็ แสดงว่าคุณยังเข้าใจมันไม่ดีพอ"[/i][/color]
  • Administrator
  • Hero Member
  • *****
  • กระทู้: 1,368
  • พอยท์: 5
    • ดูรายละเอียด
    • pordoo.com
    • อีเมล์
Post Type Builder สร้าง Custom Post Type โดยไม่ต้องโค้ด
« เมื่อ: 28 พฤษภาคม 2016, 01:58:40 »
Custome Post Typeคือ โพสอีกประเภทที่มีการสร้างเพื่อเก็บเนื้อหาและรูปแบบที่ต่างจากโพสปกติ (Blog) ที่แสดงเนื้อหาทั่วไป โดยผู้เขียนธีมที่จะสร้าง Custom Post type ก็มักจะสร้าง Post type ตามการใช้งานของธีมที่ตัวเองสร้าง เช่น เว็บที่เป็นแนวธุรกิจ ก็มักจะมี Portfolio post type สำหรับไว้แสดงผลงานของตัวเองโดยเฉพาะ เป็นต้น ซึ่ง post type นี้ ก็จะบรรจุข้อมูลที่ต่างจากโพสธรรมดา เช่น มีประเภทของงาน ผู้ว่าจ้าง วันส่งมอบงาน ลิงค์ไปที่ผลงาน เป็นต้น

โดยปกติเมื่อเราจะสร้าง Custom Post Type ของตัวเองนั้น นอกจากเราจะต้องรู้เรื่องการใช้งาน custom fields เพื่อที่จะบรรจุข้อมูลต่างๆ แล้ว ยังจะต้องรู้วิธีการที่จะดึงมันออกมาใช้งานประกอบเป็นหน้าเว็บอีกด้วย ซึ่งสิ่งเหล่านี้จำเป็นที่จะต้องใช้ความรู้ในเรื่องของการเขียนโค้ดพอสมควร



Post Type Builderคือ ปลั๊กอินที่ช่วยให้เราสร้าง Custom post type แบบสำเร็จรูปได้เอง จาก Themify.com ที่มีผลิตภัณฑ์มากมายทั้งธีมและปลั๊กอิน โดยปลั๊กอิน Post Type Builder นี้ เน้นให้เราใช้งานโดยที่ไม่จำเป็นต้องมีความรู้ในด้านการเขียนโค้ด โดยปลั๊กอินมีเครื่องมือทั้งในส่วนของ custom fields (ฟีลด์ที่เก็บข้อมูลแบบต่างๆ) และ Template builder ในการออกแบบเทมเพลตสำหรับหน้า post type archive (หน้ารวม) และ single post ของ post type นั้นๆ



คุณสมบัติของปลั๊กอิน :
  • Taxonomies คล้ายๆ กับ categories กับ tags ในโพสแบบปกติ
  • Meta box ก็คือ custome fields สำหรับเพิ่มข้อมูลฟีลด์ข้อมูลต่างๆ ให้กับ post type นั้นๆ สามารถสร้างได้หลายแบบ
  • สร้างเทมเพลตได้ทั้งสำหรับหน้า archive และ single แบบ Drag and drop ไม่จำเป็นต้องเขียนโค้ดเอง
  • shortcode สามารถนำไปแสดงที่ไหนก็ได้โดยการใช้ shortcode
  • Import/Export ได้
  • ใช้กับเว็บประเภทหลายภาษาได้ โดยทำงานร่วมกับปลั๊กอิน wpml
ตัวอย่างภาพที่ทำสำเร็จแล้ว
หน้ารวม


 
หน้าเดี่ยว

 
หน้าสำหรับเขียนโพส (Movie Post Type)

Add New Post Typeไปที่เมนู Post Type Builder > Post Types > Add New


ใส่รายละเอียดของ Post type ที่สร้างใหม่ ในที่นี้เราจะลองสร้าง Custom Post Type ที่ชื่อว่า Movie เพื่อใช้กับเว็บหนัง โดย Singular และ Plural Label ก็คือชื่อของ Post type ส่วน Post Type Slug ก็คือ url โดย slug นั้นจะต้องเป็น ตัวเล็ก เท่านั้น และห้ามใช้คำว่า Menu, Posts, Pages, Action, Author, Order, Theme เพราะเหล่านี้คือ slug ที่ถูกใช้โดย WordPress ไปแล้ว จึงไม่สามารถใช้ซ้ำกันได้

Supports สำหรับคลิกเลือกว่าจะให้ใช้งานฟีลด์ใดบ้าง (Taxonomies) โดยเหล่านี้เป็นฟีเจอร์พื้นฐานของ WordPress นั่นเอง หากใครต้องการให้มีตัว Visual Editor ของ WordPress ไว้ใช้ด้วยก็ให้ติ๊กไว้ด้วยนะคะ จะทำให้เราเพิ่มข้อมูลอื่นๆ ได้เองเหมือนเขียนโพสปกติ เช่น วิดีโอ แกลลอรี่ สไลเดอร์ แล้วแต่ที่เว็บเราได้ลงปลั๊กอินเสริมไว้ เพียงแต่ในบทความนี้เราไม่ได้เลือกไว้ เพราะเราจะใช้ Post Type Builder ทั้งหมด โดยด้านล่างสุดจะเป็นการเพิ่ม Extra Fields Addon ที่สามารถใส่ข้อมูลเหล่านี้ได้หมดค่ะ

โดยเราสามารถเพิ่มเติมได้ด้วยการคลิกที่ปุ่ม Add Taxonomies แต่ต้องสร้าง Post type ก่อน จึงจะสามารถใช้ Taxonomies ที่สร้างใหม่กับ Post type นั้นได้ ตอนนี้จึงขอข้ามไปก่อน

Meta Box Builder


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


ในส่วนของ Custom Labels และ Advanced Options เราสามารถที่จะปล่อยไว้ตามที่ระบบได้ตั้งไว้ให้ก็ได้ หลังจากนั้นคลิกที่ปุ่ม Save เพื่อบันทึก Post type ใหม่ของเรา หลังจากนั้นระบบจะนำเราไปสู่หน้าสร้างเทมเพลต

Add New Templateกรอก ชื่อของเทมเพลตแล้วเลือก Post type ที่เราต้องการใช้เทมเพลตนี้ โดยปกติหากเรามาจากขั้นตอนก่อนหน้า ระบบก็จะเลือกให้เรียบร้อยแล้ว จากนั้นคลิกที่ปุ่ม Save


หลังจากนั้นระบบมีปุ่มเมนูขึ้นมา 2 ปุ่ม สำหรับให้เราสร้างหน้า archive และ single ตัวอย่าง หน้า archive ของ Movie ก็คือหน้ารวมของโพสหนังทั้งหมดของเรา กับ Sigle ก็คือ หน้าโพสของหนังแต่ละเรื่องเมื่อเราคลิกเข้าไปดูนั่นเอง

Archive Template

เลือกรูปแบบการแสดงโพสที่ Post Layout จำนวนที่ต้องการแสดงต่อหน้าตามจำนวน Post per page จัดเรียงตาม Order by และกำหนดให้มี Pagination คือปุ่มสำหรับคลิกไปหน้าอื่นๆ เมื่อมีโพสให้แสดงมากกว่า 1 หน้า เสร็จแล้วคลิกปุ่ม Save

หมายเหตุ : Archive Page Template นี้ใช้สำหรับตั้งค่าการแสดงผลเมื่อนำ Shortcode ของ Post type ไปแสดงในหน้าต่างๆ เท่านั้น แต่ในส่วนของ  Archive ที่เป็น Categories (Taxonomies archive) ยังแสดงตามเทมเพลต archive ของธีม (archive.php)


« แก้ไขครั้งสุดท้าย: 19 มกราคม 2017, 22:18:43 โดย smf »