ฐานความรู้

Page Builder Sandwich: ระบบเลย์เอาต์และการออกแบบ

สิ่งที่ Page Builder Sandwich ช่วยในการจัดวางเลย์เอาต์และระบบการออกแบบ และส่วนใดบ้างที่ให้บริการฟรี

การทำงาน

  • คอนเทนเนอร์ Flexbox และ CSS Grid — ส่วนและคอนเทนเนอร์พร้อมการควบคุม flex และ grid เต็มรูปแบบ รวมถึงเครื่องมือแก้ไข grid แบบเห็นภาพ: ลากเพื่อกำหนดคอลัมน์และแถว
  • เบรกพอยต์ในตัวสามระดับ — การตั้งค่าแยกกันสำหรับเดสก์ท็อป แท็บเล็ต และมือถือ พร้อมแสดงตัวอย่างแบบสด
  • สีและฟอนต์ส่วนกลางที่แชร์กับธีมของคุณ — สีและแบบอักษรทั่วทั้งไซต์ที่อ่านและเขียนไปยังการตั้งค่าของธีม (theme.json) เพื่อให้ตัวสร้างและธีมตรงกันเสมอ
  • คัดลอกและวางสไตล์ระหว่างองค์ประกอบและไซต์ — คัดลอกสไตล์ขององค์ประกอบหรือทั้งส่วน แล้ววางลงในหน้าอื่นหรือเว็บไซต์อื่น
  • เฉดสีและความทึบของสีในจานสีของคุณ (OKLCH) — ปรับสีใดๆ ในจานสีให้สว่างขึ้น มืดลง หรือโปร่งใสได้โดยตรงในเครื่องมือเลือกสี ผสมในรูปแบบ OKLCH เพื่อให้โทนสียังคงสมจริงและยังคงเชื่อมโยงกับสีในจานสี พร้อมสีสำรองแบบธรรมดาสำหรับเบราว์เซอร์รุ่นเก่า
  • เงื่อนไขในตัวสร้างสไตล์ (at-rules สำหรับ media, container และ supports) — กำหนดสไตล์ให้กับองค์ประกอบเฉพาะเมื่อพิมพ์ ในโทนสีมืด เมื่อลดการเคลื่อนไหว หรือบนอุปกรณ์เมาส์ โดยนักพัฒนาสามารถเพิ่มพรีเซ็ต media, container และ supports ของตนเองได้ด้วยฟิลเตอร์ PHP pbsw_style_at_rules
  • เบรกพอยต์แบบกำหนดเอง (Pro) — เพิ่มขนาดหน้าจอของคุณเอง (เดสก์ท็อปขนาดใหญ่ โทรศัพท์ขนาดเล็ก แท็บเล็ตแนวนอน)
  • คลาสส่วนกลางและตัวแปร CSS (Pro) — ตัวจัดการคลาสเหมือนกับตัวสร้างระดับมืออาชีพ: กำหนดสไตล์ครั้งเดียว นำไปใช้ซ้ำได้ทุกที่ และแก้ไขได้ในที่เดียว
  • ดีไซน์โทเค็น: สเกลระยะห่าง รัศมี และเงา (Pro) — ระยะห่างที่สม่ำเสมอและพรีเซ็ตสไตล์ทั่วทั้งไซต์
  • CSS แบบกำหนดเองต่อองค์ประกอบและต่อหน้า (Pro) — สำหรับผู้ที่ต้องการเขียน CSS ของตนเอง พร้อมการไฮไลต์ไวยากรณ์
  • โหมดมืดสำหรับเว็บไซต์ของคุณ (Pro) — สร้างสีของไซต์ในเวอร์ชันสว่างและมืด โดยผู้เยี่ยมชมสามารถสลับเปลี่ยนหรือใช้ตามการตั้งค่าอุปกรณ์ของตนได้
  • ชุดแบรนด์ (Pro) — บันทึกโลโก้ สี ฟอนต์ และโทนเสียงของคุณเพียงครั้งเดียว แล้ว AI กับเทมเพลตจะนำไปใช้โดยอัตโนมัติ
  • หมวดหมู่สำหรับคลาสส่วนกลางและดีไซน์โทเค็น (Pro) — จัดกลุ่มคลาส ขั้นของสเกล และตัวแปรลงในหมวดหมู่ของคุณเอง กรองรายการตามหมวดหมู่ และเลือกคลาสรวมถึงพรีเซ็ตตามหมวดหมู่ในเครื่องมือแก้ไข
  • นำเข้าและส่งออกระบบการออกแบบของคุณ (Pro) — ดาวน์โหลดหมวดหมู่ คลาสส่วนกลาง ตัวแปร สเกล และสีแบบกำหนดเองของคุณเป็นไฟล์ JSON ไฟล์เดียว แล้วนำเข้าไปยังไซต์อื่น: มีการตรวจสอบความถูกต้องและระบุเวอร์ชัน รวมหรือแทนที่ได้ พร้อมแสดงตัวอย่างสิ่งที่จะเปลี่ยนแปลงก่อนที่จะบันทึกข้อมูลใดๆ

ฟรี หรือ Pro

ฟีเจอร์ที่ระบุว่า (Pro) จำเป็นต้องมีใบอนุญาต Pro ส่วน (Agency plan) จำเป็นต้องมีแพ็กเกจ Agency ส่วนฟีเจอร์อื่นๆ ทั้งหมดรวมอยู่ในเวอร์ชันฟรี

ล่าสุดจากบล็อก

สิ่งที่เราเขียนเกี่ยวกับโฮสติ้ง, SEO และการดูแลเว็บไซต์ในระดับสเกลใหญ่

SEO และการสร้างลิงก์จากเลเยอร์โฮสติง: มุมมองของผู้ปฏิบัติงานในปี 2026

โฮสติ้งส่งผลต่อการจัดทำดัชนีและมูลค่าของลิงก์ (link equity) ในปี 2026 อย่างไร: การดูแลให้หน้าเว็บยังคงอยู่ในดัชนี, การตรวจสอบโดเมนเก่าก่อนที่คุณจะเริ่มพัฒนา, การสร้างลิงก์โดยไม่ทิ้งร่องรอย (footprint) และข้อเท็จจริงอย่างตรงไปตรงมาเกี่ยวกับสิ่งที่โครงสร้างพื้นฐานสามารถและไม่สามารถทำให้กับ SEO ได้

อ่านโพสต์ →

การทำให้ WordPress รวดเร็วและปลอดภัย: รายการตรวจสอบประสิทธิภาพและปลั๊กอิน

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

อ่านโพสต์ →

วิธีเลือกเว็บโฮสติ้งที่มีการจัดการในปี 2026: คู่มือสำหรับผู้ซื้อ

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

อ่านโพสต์ →

อ่านบล็อก →

ยังติดปัญหาอยู่ใช่หรือไม่?

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

ติดต่อฝ่ายสนับสนุน → บทความทั้งหมด →