ใช้ธีม

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

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

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

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

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

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

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

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

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

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

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

4. หากต้องการเปลี่ยนธีมจากหน้า Landing Page ให้คลิกชื่อธีมที่เมนูด้านซ้าย จากนั้นคลิกตั้งเป็นธีมที่ใช้งานอยู่บนการ์ดธีมที่ต้องการ

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

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

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

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

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

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

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

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

6. บนหน้าจอการเลือกธีมให้คลิกการ์ดธีมที่ต้องการจากนั้นคลิกการ์ดเทมเพลต ที่ด้านล่างขวาให้คลิกเสร็จสิ้น

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

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

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

จัดการธีม

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

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

โคลนธีม

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

1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
2. ในตัวค้นหาให้คลิกโฟลเดอร์ @ hubspot โฟลเดอร์นี้มีธีมและโมดูลเริ่มต้นทั้งหมดรวมถึงโมดูลการลากและวางอีเมล
3. คลิ กโฟลเดอร์ธีม
4. คลิกเมนูแบบเลื่อนลงไฟล์แล้วเลือกโคลนธีม
5. ในกล่องโต้ตอบให้ป้อนชื่อสำหรับธีม
6. หากต้องการเปลี่ยนตำแหน่งไฟล์ของธีมที่โคลนไว้ให้คลิก เปลี่ยนในฟิลด์ตำแหน่งไฟล์ จากนั้นเลือกตำแหน่งที่ตั้ง ตามค่าเริ่มต้นโฟลเดอร์รากจะถูกเลือก
7. เมื่อเสร็จแล้วให้คลิก สร้าง

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

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

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

1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
2. ในเครื่องมือค้นหาให้คลิกโฟลเดอร์ @ marketplace สำหรับธีมตลาดแม่แบบหรือโฟลเดอร์ @ hubspot สำหรับธีมเริ่มต้น
3. คลิกขวาที่โฟลเดอร์ธีมแล้วเลือกสร้างธีมย่อย
4. ในกล่องโต้ตอบให้ป้อนชื่อสำหรับธีมย่อย
5. หากต้องการเปลี่ยนตำแหน่งที่จะบันทึกธีมย่อยให้คลิกเปลี่ยนในส่วน ตำแหน่งไฟล์ คลิกโฟลเดอร์แล้วคลิกเลือก
6. หากต้องการปรับแต่งชื่อไฟล์ CSS และ JS ของธีมให้คลิกตัวเลือกขั้นสูงจากนั้นป้อนชื่อไฟล์ใหม่ในฟิลด์ CSS และ JS
7. หากต้องการเสร็จสิ้นขั้นตอนให้คลิกสร้างธีมย่อย คุณสามารถแก้ไขสไตล์สำหรับธีมย่อยได้ในเครื่องมือแก้ไขเนื้อหา

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

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

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

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

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

อัปโหลดธีม

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

1. ไปที่ส่วน HubSpot CMS Hub ของ ThemeForest Marketplace ของ Envato
2. ซื้อธีมจากมาร์เก็ตเพลส
3. คุณจะได้รับอีเมลพร้อมรหัสการซื้อสำหรับธีมที่คุณซื้อ คัดลอกรหัสการซื้อ
4. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
5. ที่ด้านบนขวาให้คลิก สร้าง
6. ในหน้าเลือกเทมเพลตให้คลิกเม นูแบบเลื่อนลงธีมแล้วคลิก เปลี่ยนธีม

7. ในหน้าเลือกธีมให้คลิกติดตั้งธีมจาก ThemeForest ที่ด้านล่างของหน้า
8. ในกล่องโต้ตอบให้วางรหัสการซื้อจากอีเมลจากนั้นคลิกติดตั้งธีม
9. ในแท็บใหม่ให้ลงชื่อเข้าใช้ ThemeForest Marketplace ของ Envato เพื่อเสร็จสิ้นขั้นตอนการติดตั้ง
10. เมื่อคุณลงชื่อเข้าใช้แบนเนอร์จะแสดงใน HubSpot อาจใช้เวลาสักครู่กว่าธีมของคุณจะพร้อมใช้งาน

ลบธีม

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

1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
2. ในตัวค้นหาให้คลิกโฟลเดอร์ที่มีเนื้อหาของธีม
3. คลิกเมนูแบบเลื่อนลงไฟล์แล้วเลือกลบ [ชื่อโฟลเดอร์]
4. ในกล่องโต้ตอบให้เลือก ช่องทำเครื่องหมายเพื่อยืนยันว่าคุณได้ตรวจสอบผู้อยู่ในอุปการะแล้วจากนั้นคลิกลบโฟลเดอร์นี้

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

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