ฐานความรู้

Page Builder Sandwich: ระบบโครงร่างและการออกแบบ ส่วนที่ 1 จาก 2

สิ่งที่ Page Builder Sandwich ทำเพื่อเลย์เอาต์และระบบการออกแบบ ตอนที่ 1 จาก 2 และส่วนใดบ้างที่ฟรี

Zinn® ไวกิ้งของเรา กำลังอ่านรายการตรวจสอบของเขาข้างดัชนีบทความที่มีบทความหนึ่งเปิดอยู่

สิ่งที่ทำได้

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

ฟรีหรือ Pro

ทุกอย่างที่นี่รวมอยู่ในเวอร์ชันฟรีแล้ว

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

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

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

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

อ่านโพสต์ →

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

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

อ่านโพสต์ →

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

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

อ่านโพสต์ →

อ่านบล็อก →

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

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

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