เครื่องมือสร้าง theme.json สำหรับ WordPress

สร้าง theme.json ที่ถูกต้อง และดูว่าส่วนไหนเปลี่ยนเว็บของคุณจริง

ทำงานในเบราว์เซอร์ของคุณ ไม่มีการอัพโหลดอะไร

เลย์เอาต์

contentSize คือความกว้างคอลัมน์เริ่มต้น ส่วน wideSize คือความกว้างที่บล็อกได้รับเมื่อตั้งเป็น “Wide width”

ความกว้างเนื้อหา (px) ความกว้างแบบกว้าง (px)

ชุดสี

ค่าเหล่านี้จะกลายเป็น CSS custom properties และปรากฏในตัวเลือกสีทุกจุดในตัวแก้ไข

สีคอนทราสต์ (ข้อความ)

สีพื้นฐาน (พื้นหลัง)

สีเน้น (ลิงก์)

ตัวเลือก

ตัวอักษรแบบยืดหยุ่นสร้างขนาดฟอนต์แบบ clamp() ที่ปรับตามขนาดหน้าจอแทนการกระโดดที่เบรกพอยต์ appearanceToolsเปิดการควบคุมเส้นขอบ ระยะห่าง ตัวอักษร และสี ได้ในบรรทัดเดียว แทนการเปิดทีละอย่าง ใช้ styles ด้วยเพิ่มบล็อก styles เพื่อให้ชุดสีแสดงผลจริงบนหน้าเว็บ หากไม่มี สีจะมีให้เลือกเฉพาะในตัวแก้ไขเท่านั้น สเกลระยะห่างสร้างค่าระยะห่างสำเร็จรูป 7 ระดับ เพื่อให้การควบคุม padding และ margin มีค่าที่เหมาะสม

settings ต่างจาก styles อย่างไร

theme.json

บันทึกไฟล์นี้เป็น theme.json ในโฟลเดอร์หลักของธีม ไฟล์จะถูกอ่านทุกครั้งที่โหลดหน้า จึงไม่ต้องมีขั้นตอนบิลด์และไม่มีแคชให้ล้าง

เกี่ยวกับ เครื่องมือสร้าง theme.json สำหรับ WordPress

เครื่องมือสร้าง theme.json สำหรับ WordPress ที่ให้ไฟล์เวอร์ชัน 3 ที่ถูกต้อง ทั้งความกว้างเลย์เอาต์ ชุดสี ขนาดตัวอักษรแบบยืดหยุ่น และสเกลระยะห่าง อีกทั้งยังทำให้เห็นความต่างที่ทำให้ทุกคนสับสน — settings เสนอค่าให้ตัวแก้ไข ส่วน styles นำไปใช้กับหน้าเว็บ และชุดสีเพียงอย่างเดียวจะไม่เปลี่ยนอะไรเลยจนกว่าจะมีอะไรเรียกใช้

ที่เกี่ยวข้อง

เครื่องมืออื่นที่คุณอาจต้องใช้

ห้องแล็บขนาดรูปภาพ WordPress

วางรูปลงไป แล้วดูทุกสำเนาที่ WordPress จะสร้างจากมัน