ใช้ธีม

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

บัญชีทั้งหมดมีสิทธิ์เข้าถึงธีม HubSpot เริ่มต้นอย่างน้อยหนึ่งรายการนอกจากนี้ยังสามารถดาวน์โหลดธีมได้จากตลาดเทมเพลต

ทำความเข้าใจธีม

ธีมคือชุดไฟล์สำหรับเว็บไซต์ของคุณรวมถึง:

• เทมเพลตรหัส: ชุดเทมเพลตสำหรับเว็บไซต์ของคุณรวมถึงหน้าแรกเกี่ยวกับหน้า Landing Page และเทมเพลตบล็อก เทมเพลตเหล่านี้ได้รับการกำหนดเองโดยนักพัฒนาแต่เนื้อหาและเค้าโครงสามารถปรับแต่งได้ในตัวแก้ไขเนื้อหา
• โมดูล: ชุดโมดูลธีมที่ไม่ซ้ำกันที่คุณสามารถเพิ่มลงในเนื้อหาโดยใช้ธีมนั้น
• เนื้อหาส่วนกลาง: เนื้อหาที่ทำซ้ำในหลายหน้าเช่นส่วนหัวหรือส่วนท้ายของเว็บไซต์ คุณสามารถแก้ไขเนื้อหาส่วนกลางได้โดยตรงจากตัวแก้ไขหน้าลากและวาง
• การตั้งค่าธีม: การตั้งค่าสไตล์สำหรับเทมเพลตโดยใช้ธีมรวมถึงแบบอักษรระยะห่างและสี

ใช้ธีมที่ใช้งานอยู่

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

หากยังไม่ได้เปิดใช้งานธีมสำหรับบัญชีของคุณคุณจะต้องดำเนินการดังกล่าวก่อนจึงจะเริ่มสร้างเว็บไซต์ของคุณได้

• ไปที่เนื้อหาของคุณ:

  • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
  • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
• หากคุณยังไม่ได้สร้างหน้าเว็บไซต์:
• คลิกเริ่มตั้งแต่ต้น
• บนหน้าจอการเลือกธีมให้เลื่อนเมาส์ไปที่ธีมจากนั้นคลิกดูตัวอย่างธีมเพื่อเปิดตัวอย่างธีมหรือตั้งเป็นธีมที่ใช้งานอยู่เพื่อใช้ธีมนี้เป็นค่าเริ่มต้นสำหรับหน้าเว็บของคุณ
  
  
  
  
• จากนั้นคุณสามารถเลือกเทมเพลตจากธีมเพื่อสร้างหน้าต่อไปโดยใช้เครื่องมือแก้ไขการลากและวางของ HubSpot

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

วิธีเปลี่ยนธีมที่ใช้งานอยู่ของบัญชี:

• ไปที่เนื้อหาของคุณ:

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

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

สร้างเพจโดยใช้ธีม

• ไปที่เนื้อหาของคุณ:

  • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
  • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
• ที่ด้านบนขวาให้คลิก สร้าง
• หากคุณมีโดเมนที่เชื่อมต่อหลายโดเมนให้คลิกเมนูแบบเลื่อนลงของเว็บไซต์และเลือกโดเมนในกล่องโต้ตอบ จากนั้นใส่ชื่อเพจแล้วคลิกสร้างเพจ
• บนหน้าจอการเลือกเทมเพลตเทมเพลตจากธีมที่ใช้งานอยู่ของคุณจะปรากฏในส่วนเทมเพลตธีม หากต้องการดูเทมเพลตที่ไม่ได้อยู่ในธีมที่ใช้งานอยู่ให้คลิกเทมเพลตอื่นๆ
• วางเมาส์เหนือเทมเพลตจากนั้นคลิกดูตัวอย่างเทมเพลตเพื่อดูตัวอย่างเทมเพลตหรือเลือกเทมเพลตเพื่อดำเนินการต่อไปยังเครื่องมือแก้ไขเนื้อหา

• ในตัวแก้ไขเนื้อหาให้แก้ไขเนื้อหาหน้าโดยใช้ตัวแก้ไขการลากและวาง

• หากต้องการทำการเปลี่ยนแปลงแบบสดให้คลิกเผยแพร่หรืออัปเดตที่ด้านบนขวาจากนั้นคลิกเผยแพร่ตอน นี้หรืออัปเดตทันทีในกล่องโต้ตอบ

ใช้เทมเพลตธีมกับบล็อกของคุณ

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

• ในบัญชี HubSpot ของคุณ คลิก settings ไอคอนการตั้งค่า ในแถบนำทางด้านบน
• ในเมนูแถบด้านข้างซ้ายให้ไปที่เนื้อหา > บล็อก
• หากคุณมีหลายบล็อกให้คลิกที่เลือก บล็อกเพื่อแก้ไขเมนูแบบเลื่อนลงและเลือก บล็อก
• คลิกแท็บ เทมเพลต
• ในส่วนเทมเพลตโพสต์บล็อกและหน้ารายการบล็อกให้คลิกเมนูดร็อปดาวน์การดำเนินการแล้วเลือกเปลี่ยนเทมเพลต

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

โปรดทราบ: สำหรับหน้ารายชื่อบล็อกที่สามารถแก้ไขได้ในตัวแก้ไขเนื้อหาขั้นตอนเหล่านี้จะนำไปสู่ตัวแก้ไขเนื้อหาแทนหน้าจอการเลือกธีม

แก้ไขการตั้งค่าธีม

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

จัดการธีม

ในตัวจัดการการออกแบบคุณสามารถแก้ไขโคลนหรือคัดลอกธีมไปยังบัญชี HubSpot อื่นได้นอกจากนี้คุณยังสามารถลบธีม HubSpot เริ่มต้นธีมที่โคลนและธีมที่กำหนดเองรวมถึงสร้างธีมย่อยได้ด้วย

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

โคลนธีม

หากต้องการแก้ไขไฟล์ที่มีรหัสของธีมเริ่มต้นในตัวจัดการการออกแบบจะต้องทำสำเนาก่อน

• ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
• ในตัวค้นหาให้คลิกโฟลเดอร์ @ hubspot โฟลเดอร์นี้มีธีมและโมดูลเริ่มต้นทั้งหมดรวมถึงโมดูลการลากและวางอีเมล
  
  
• คลิกขวาที่โฟลเด อร์ธีมแล้วเลือกโคลนธีม

• ในกล่องโต้ตอบให้ป้อนชื่อสำหรับธีมจากนั้นคลิก สร้าง

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

สร้างธีมย่อย

ในตัวจัดการการออกแบบคุณสามารถสร้างธีมย่อย - สำเนาของธีมที่ซื้อ - ตามธีม Template Marketplace ที่ซื้อหรือธีม HubSpot เริ่มต้นคุณสามารถแก้ไขการตั้งค่าธีมของธีมย่อยได้โดยไม่ส่งผลกระทบต่อธีมหลัก

นักพัฒนายังสามารถสร้างธีมย่อยตามธีมที่กำหนดเองและสร้างธีมย่อยโดยใช้ CLI โดยใช้เอกสารสำหรับนักพัฒนาของเราดูข้อมูลเพิ่มเติมเกี่ยวกับการทำงานกับธีมลูก

คัดลอกธีมไปยังบัญชีอื่น

คุณสามารถคัดลอกโฟลเดอร์ธีมจากบัญชีหนึ่งไปยังอีกบัญชีหนึ่งได้คุณต้องเป็นผู้ใช้ที่มีสิทธิ์ใช้เครื่องมือออกแบบ ในทั้งสองบัญชี

โปรดทราบ: โฟลเดอร์ธีมในไดเรกทอรี @ hubspot หรือ @ marketplace ไม่สามารถคัดลอกระหว่างบัญชีได้

วิธีคัดลอกธีมไปยังบัญชี:

• ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
• ในตัวค้นหาให้เลื่อนเมาส์ไปที่โฟลเดอร์ธีมที่คุณต้องการคัดลอกจากนั้นคลิกขวาที่โฟลเดอร์และเลือกคัดลอกไปยังบัญชีอื่น
  
  
  
  
• ในกล่องโต้ตอบให้เลือกบัญชีจากนั้นคลิกคัดลอกเนื้อหา โฟลเดอร์จะปรากฏในบัญชีที่ระบุทันทีที่กระบวนการคัดลอกเสร็จสิ้น

อัปโหลดธีม

ผู้ใช้ในบัญชี Content Hub สามารถซื้อธีม HubSpot จาก ThemeForest Marketplace ของ Envato จากนั้นอัปโหลดลงใน HubSpot จากหน้าจอการเลือกธีม:

• ไปที่ส่วน HubSpot CMS Hub ของ ThemeForest Marketplace ของ Envato
• ซื้อธีมจากมาร์เก็ตเพลส
• คุณจะได้รับอีเมลพร้อมรหัสการซื้อสำหรับธีมที่คุณซื้อ คัดลอกรหัสการซื้อ

• ไปที่เนื้อหาของคุณ:

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

• ที่ด้านบนขวาให้คลิกติดตั้งธีมจาก ThemeForest

• ในกล่องโต้ตอบให้วางรหัสการซื้อจากอีเมลจากนั้นคลิกติดตั้งธีม
• ในแท็บใหม่ให้เข้าสู่ ThemeForest Marketplace ของ Envato เพื่อเสร็จสิ้นขั้นตอนการติดตั้ง

เมื่อคุณเข้าสู่ระบบสำเร็จแบนเนอร์จะปรากฏใน HubSpot อาจใช้เวลาสักครู่กว่าธีมของคุณจะพร้อมใช้งาน

ลบธีม

ธีม HubSpot เริ่มต้นธีมที่โคลนและธีมที่อัปโหลดสามารถลบได้จากตัวจัดการการออกแบบ:

• ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
• ในตัวค้นหาให้คลิกโฟลเดอร์ที่มีเนื้อหาของธีม
• คลิกเมนูแบบเลื่อนลงไฟล์แล้วเลือกลบ [ชื่อโฟลเดอร์]
• ในกล่องโต้ตอบให้เลือกช่องทำเครื่องหมายฉันแน่ใจว่าฉันต้องการลบโฟลเดอร์นี้จากนั้นคลิกลบโฟลเดอร์นี้

ธีมที่ซื้อจะต้องถูกถอนการติดตั้งจากตลาดแม่แบบ:

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