วิธีเปลี่ยนเทมเพลต Squarespace: ขั้นตอนสำหรับ 7.0 และ 7.1

วิธีเปลี่ยนเทมเพลต Squarespace: เว็บ 7.1 สลับเทมเพลตไม่ได้ ส่วน 7.0 ทำได้ ดูขั้นตอนของแต่ละเวอร์ชัน สิ่งที่ย้ายตามไปด้วย และเช็กลิสต์ก่อนสลับ

คำถามที่พบบ่อย

เปลี่ยนเทมเพลตบน Squarespace 7.1 ได้ไหม

ไม่ได้ Squarespace ระบุว่าเวอร์ชัน 7.1 ไม่มีการสลับเทมเพลต เพราะทุกเว็บไซต์ 7.1 ใช้โครงสร้างพื้นฐานและตัวเลือกสไตล์ชุดเดียวกัน หากต้องการเปลี่ยนหน้าตา ให้ปรับฟอนต์ สี ระยะห่าง และเลย์เอาต์ของหน้าแทนการติดตั้งเทมเพลตใหม่

จะรู้ได้อย่างไรว่าเว็บของฉันเป็น 7.0 หรือ 7.1

เปิดแผงหน้า (Pages) แล้วเลื่อนลงไปล่างสุด เว็บ 7.1 จะแสดงป้าย Version 7.1 ส่วนเว็บ 7.0 จะแสดงชื่อเทมเพลตแทน

ถ้าสลับเทมเพลตใน 7.0 เนื้อหาจะหายไหม

Squarespace ระบุว่าเนื้อหาส่วนใหญ่ยังอยู่ครบ แต่การตั้งค่าสไตล์ (ฟอนต์ สี ระยะห่าง) จะกลับเป็นค่าเริ่มต้นของเทมเพลตใหม่ และองค์ประกอบอย่างไซด์บาร์ ฟุตเตอร์ ส่วนหัวของหน้า ภาพพื้นหลัง และ CSS ที่เขียนเองจะไม่ย้ายตามมาอย่างที่คุณคาด หากสลับกลับไปใช้เทมเพลตเดิม สภาพก่อนหน้าจะกลับคืนมา

ดูตัวอย่างเทมเพลตใหม่ก่อนเผยแพร่จริงได้ไหม

ได้ บน 7.0 ให้ติดตั้งเทมเพลต แล้ววางเมาส์เหนือเทมเพลตนั้นในแผง Template (เทมเพลต) และคลิก Preview (ดูตัวอย่าง) หากต้องการกลับไปที่เทมเพลตที่ใช้งานอยู่ ให้คลิก Cancel preview (ยกเลิกการดูตัวอย่าง) ที่แถบด้านล่าง ผู้เข้าชมจะไม่เห็นการเปลี่ยนแปลงใดๆ จนกว่าคุณจะคลิก Set as live template (ตั้งเป็นเทมเพลตที่ใช้งานจริง)

ย้อนกลับหลังย้ายจาก 7.0 ไป 7.1 ได้ไหม

ไม่ได้หลังจากเผยแพร่แล้ว Squarespace ระบุว่าคุณหยุดได้ทุกเมื่อก่อนคลิก Publish update (เผยแพร่การอัปเดต) แต่เมื่อคลิกไปแล้ว จะเลิกทำการเปลี่ยนแปลงหรือกลับไปใช้เวอร์ชัน 7.0 ไม่ได้

คำตอบสั้นๆ: ขึ้นอยู่กับเวอร์ชันของเว็บไซต์คุณ บน Squarespace 7.0 คุณสลับเทมเพลตได้จากแผง Design (ดีไซน์): เปิด Template แล้วคลิก Install new template (ติดตั้งเทมเพลตใหม่) ดูตัวอย่าง แล้วคลิก Set as live template ส่วนบน Squarespace 7.1 สลับเทมเพลตไม่ได้เลย เพราะทุกเว็บไซต์ 7.1 ใช้โครงสร้างเดียวกัน คุณจึงเปลี่ยนหน้าตาผ่านฟอนต์ สี และเลย์เอาต์แทน ดังนั้นให้เช็กก่อนว่าคุณใช้เวอร์ชันไหน

ขั้นตอนที่ 1: ตรวจสอบว่าคุณใช้เวอร์ชันไหน

เปิดแผง Pages แล้วเลื่อนลงไปล่างสุด ถ้าเห็นป้าย Version 7.1 แปลว่าคุณใช้ 7.1 ถ้าเห็นชื่อเทมเพลต (เช่น Brine, Five, Marquee) แปลว่าคุณใช้ 7.0 ขั้นตอนทั้งหมดด้านล่างแยกออกจากการตรวจสอบนี้

	เวอร์ชัน 7.0	เวอร์ชัน 7.1
สลับเทมเพลตได้ไหม	ได้	ไม่ได้ เพราะไม่มีเทมเพลตให้สลับ
เปลี่ยนหน้าตาอย่างไร	ติดตั้งเทมเพลตใหม่ ดูตัวอย่าง แล้วตั้งเป็นเทมเพลตที่ใช้งานจริง	ปรับฟอนต์ สี ระยะห่าง และเลย์เอาต์ของแต่ละส่วน
ดูตัวอย่างก่อนได้ไหม	ได้ ด้วย Preview และ Cancel preview	เห็นผลทันทีที่แก้ไข
Custom CSS	ผูกกับแต่ละเทมเพลต และจะว่างเปล่าในเทมเพลตใหม่	อยู่กับเว็บไซต์ต่อไป
ย้อนกลับได้ไหม	ได้ สลับกลับแล้วสภาพของเทมเพลตเดิมจะกลับมา	แก้ไขสไตล์ซ้ำได้อีก

วิธีเปลี่ยนเทมเพลตบน Squarespace 7.0

เปิดแผง Design แล้วคลิก Template
คลิก Install new template แล้วเลือกเทมเพลตด้วย Start with
เทมเพลตใหม่จะปรากฏในแผง Template ใต้เทมเพลตที่ใช้งานอยู่ ผู้เข้าชมยังเห็นเทมเพลตเดิม
วางเมาส์เหนือเทมเพลตใหม่แล้วคลิก Preview คลิกดูทุกหน้าและจดสิ่งที่ดูผิดปกติ
ไม่พอใจ? คลิก Cancel preview ที่แถบด้านล่าง แล้วคุณจะกลับไปที่เทมเพลตที่ใช้งานอยู่
พอใจแล้ว? คลิก Set as live template ที่แถบด้านล่างแล้วยืนยัน
สร้างส่วนที่ถูกรีเซ็ตขึ้นใหม่ (ดูหัวข้อถัดไป) แล้วตรวจสอบทุกหน้าบนมือถืออีกครั้ง

การสลับย้อนกลับได้ Squarespace ระบุว่าหากคุณกลับไปใช้เทมเพลตที่เคยใช้ การเปลี่ยนแปลงดีไซน์และการตั้งค่าสไตล์จะกลับมาอยู่ในสภาพที่คุณทิ้งไว้ล่าสุด

สิ่งที่ย้ายตามไปและไม่ย้ายตามไปใน 7.0

Squarespace ระบุว่าเนื้อหาส่วนใหญ่ยังอยู่ครบเมื่อสลับเทมเพลต แต่สิ่งเหล่านี้จะไม่ย้ายตามไป:

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

บางเทมเพลตยังมีฟีเจอร์ที่เทมเพลตอื่นไม่มี เช่น หน้าข้อมูล (info pages) ของ Aviator จะไม่ถูกย้ายไปยังเทมเพลต 7.0 อื่นหรือไป 7.1

วิธี "เปลี่ยนเทมเพลต" บน Squarespace 7.1

เมื่อไม่มีตัวสลับเทมเพลต วิธีที่ใกล้เคียงที่สุดคือการรีดีไซน์ภายในเว็บไซต์เดิม:

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

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

ย้ายจาก 7.0 ไป 7.1

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

เช็กลิสต์ก่อนสลับ

คัดลอกไปไว้ในโน้ตของคุณแล้วติ๊กทีละข้อก่อนเผยแพร่จริง:

`` [ ] Confirmed version (7.0 or 7.1) in the Pages panel [ ] Saved custom CSS to a document (7.0) [ ] Screenshotted sidebar, footer and page header on every key page [ ] Saved background images and logo files [ ] Previewed new template, checked home, about, contact, blog, shop [ ] Checked every page on phone and tablet widths [ ] Re-added footer, sidebar and header content [ ] Re-checked forms, buttons and navigation links [ ] Clicked Set as live template (7.0) or published style edits (7.1) [ ] Looked at the live site in a private browser window ``

ปัญหาที่พบบ่อยหลังสลับ

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

เมื่อการเปลี่ยนเทมเพลตยังไม่เพียงพอ

หากคุณต้องต่อสู้กับข้อจำกัดของเทมเพลตอยู่ตลอด ปัญหาอาจอยู่ที่แพลตฟอร์มไม่ใช่ธีม ลองเปรียบเทียบตัวเลือกใน ทางเลือกอื่นแทน Squarespace ดูว่าเทียบกันอย่างไรใน Wix vs Squarespace หรือ Squarespace vs WordPress และเช็กค่าใช้จ่ายจริงใน เว็บไซต์ Squarespace ราคาเท่าไร หากอยากเริ่มจากชุดดีไซน์ใหม่ แพ็กเกจฟรีของ We.Inc ให้เผยแพร่ได้สูงสุดสามเว็บไซต์จากเทมเพลตสำเร็จรูป ส่วน AI builder ที่ร่างเว็บไซต์จากพรอมต์เริ่มที่แพ็กเกจ Starter ราคา $20 ต่อเดือน คุณสมัครได้ที่นี่

เริ่มต้นฟรี · ไม่ต้องใช้บัตรเครดิต

Umair Ali Sadaqat

ผู้ก่อตั้ง We.Inc

Umair เป็นผู้ก่อตั้ง We.Inc เขาเขียนเกี่ยวกับการสร้างเว็บไซต์ด้วย AI เอเจนซี และธุรกิจการบริหารเว็บสตูดิโอ

พร้อมสร้างสิ่งที่ยอดเยี่ยมแล้วหรือยัง

เข้าร่วมกับธุรกิจ 15,000+ รายที่ใช้ We.Inc เปิดตัว เติบโต และทำงานอัตโนมัติ ทั้งหมดจากแพลตฟอร์มเดียว

เริ่มต้นฟรี

ไม่ต้องใช้บัตรเครดิต · ติดต่อฝ่ายขาย