โปรดทราบ:: บทความนี้จัดทำขึ้นเพื่อความสะดวกของคุณ

ผู้จัดการฝ่ายออกแบบ | คำถามที่พบบ่อย

อัปเดตล่าสุด: กุมภาพันธ์ 13, 2025

สามารถใช้ได้กับการสมัครใช้บริการใดๆ ต่อไปนี้ ยกเว้นที่ระบุไว้:

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

ฉันจะเรียนรู้เพิ่มเติมเกี่ยวกับการออกแบบบน HubSpot ได้ที่ไหน?

หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับการออกแบบบน HubSpot โปรดดูใบรับรอง Growth Driven Design ของ HubSpot Academy และเอกสาร CMS ของ HubSpot

การรับรองการออกแบบเป็นการรับรองฟรีซึ่งรวมถึงการฝึกอบรมวิดีโอและการฝึกออกแบบ

เอกสาร CMS ของ HubSpot ประกอบด้วย:

มีทรัพยากร HubSpot ที่ฉันสามารถใช้เพื่อแก้ปัญหาการออกแบบรหัสที่กำหนดเองหรือ HubL ได้หรือไม่?

แหล่งข้อมูลที่ดีที่สุดสำหรับการโต้ตอบกับชุมชนนักออกแบบของ HubSpot คือฟอรัมการออกแบบของ HubSpot ฟอรัมนี้ได้รับการตรวจสอบโดยนักออกแบบ HubSpot และผู้ใช้ HubSpot ที่มีความเชี่ยวชาญด้านการออกแบบ

สำหรับคำถามเกี่ยวกับการพัฒนา HubSpot API โปรดดูที่ฟอรัมนักพัฒนา

ฉันจะเข้าถึง HubSpot ด้วย FTP ได้อย่างไร

ณวันที่ 27 พฤษภาคม 2020 FTP คือพระอาทิตย์ตกดินและถูกแทนที่ด้วย CMS CLI เรียนรู้เพิ่มเติมเกี่ยวกับประกาศนี้

ฉันสามารถแก้ไขกลุ่มทั่วโลกสำหรับเทมเพลตเดียวได้หรือไม่?

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

HubSpot Template Builder ใช้ Bootstrap เวอร์ชันใด

เครื่องมือแก้ไขเค้าโครง HubSpot ใช้ระบบกริด 12 คอลัมน์ตาม Bootstrap 2.x เพื่อให้นักออกแบบเทมเพลตสามารถสร้าง หน้าเว็บ ที่ตอบสนองได้อย่างรวดเร็ว ภายในแพลตฟอร์มเนื้อหา HubSpot

ฉันสามารถใช้กริดตอบสนองของฉันเองกับเทมเพลต HubSpot ได้หรือไม่

เค้าโครงการลากและวาง HubSpot ทั้งหมดจะรวม layout.css โดยอัตโนมัติเพื่อทำให้โมดูลตอบสนองได้ หากคุณต้องการใช้กริดที่ตอบสนองแบบอื่นหรือแบบกำหนดเองเช่น Bootstrap 3 คุณจะต้องแทนที่ CSS ใน layout.css หรือใช้เทมเพลตที่มีรหัสโดยที่ layout.css ไม่ได้แนบมาด้วย

ฉันจะปรับโครงสร้างโพสต์บล็อกและผังที่พักได้อย่างไร?

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

ฉันสามารถเปลี่ยนกลับไปใช้เทมเพลตเวอร์ชันก่อนหน้าได้หรือไม่?

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

ผู้จัดการฝ่ายออกแบบ v2

เขตข้อมูลโมดูลที่อ้างอิงเฟรมเวิร์กของโมดูล v1 โดยใช้ {{widget.field}} ฟิลด์โมดูลอ้างอิงเฟรมเวิร์ก v2 โดยใช้ {{module.field}}

อย่างไรก็ตามการใช้ {{widget.field}} ในเฟรมเวิร์ก v2 จะยังคงทำงานได้ตามที่คาดไว้ ไม่จำเป็นต้องอัปเดตโมดูลที่กำหนดเองของคุณเป็น "โมดูล" อ้างอิง

ฉันจะแนบไฟล์ JS และ CSS โดยไม่มี "get_public_template_url" ได้อย่างไร

แทนที่จะใช้ "get_public_template_url" เพื่อเข้าถึงไฟล์ JavaScript และ CSS ไฟล์เหล่านี้สามารถแนบโดยตรงกับตัวแก้ไขแถบด้านข้างของโมดูลในส่วนไฟล์ที่เชื่อมโยง ไฟล์ CSS และ JS ที่รวมอยู่ที่นี่จะถูกโหลดโดยอัตโนมัติบนหน้าเว็บโดยใช้โมดูล

ฉันจะเพิ่ม HTML แบบกำหนดเองหรือโมดูล HubL แบบกำหนดเองลงในเทมเพลตของฉันได้อย่างไร

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

หากคุณต้องการเพิ่ม HTML ในระดับหน้าเว็บบนเว็บไซต์คุณสามารถดาวน์โหลดโมดูล HTML ได้ใน HubSpot Marketplace

ฉันจะใช้ปลั๊กอิน JS กับโมดูลที่กำหนดเองได้อย่างไร

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

เมื่อฉันอัปเกรดฉันจะถูกถามว่าฉันต้องการใช้โมดูลนี้ที่ไหน ตัวเลือกเหล่านี้แตกต่างกันอย่างไร?

หากคุณใช้โมดูลที่กำหนดเองในอีเมลส่วน CSS และ JS จะไม่ปรากฏในเครื่องมือแก้ไขเนื่องจากสไตล์ชีตและ JavaScript ไม่ได้รับการสนับสนุนในไคลเอนต์อีเมลส่วนใหญ่ สำหรับโมดูลอีเมลคุณยังสามารถใส่สไตล์ที่จำเป็นในแท็ก < style > ได้

หากคุณใช้โมดูลบนหน้าเว็บหรือบล็อกโพสต์ส่วน JS และ CSS จะปรากฏตามที่คาดไว้

มีการเปลี่ยนแปลงใดๆเกี่ยวกับวิธีการเข้ารหัสโมดูลใน v2 ของตัวจัดการการออกแบบหรือไม่?

โมดูลใน v2 ของตัวจัดการการออกแบบถูกห่อหุ้มด้วยแท็ก < div > แต่โมดูลในตัวจัดการการออกแบบเก่าถูกห่อหุ้มด้วยแท็ก < span > การเปลี่ยนแปลงนี้จะส่งผลกระทบต่อโมดูลของคุณก็ต่อเมื่อคุณอ้างอิงช่วงของโมดูลในสไตล์ชีต ตัวอย่างเช่นคำประกาศต่อไปนี้จะไม่มีผลบังคับใช้ในตัวจัดการการออกแบบใหม่:

{% raw %}

span #hs_cos_wrapper_widget_5038393204 { Color: blue; }

{% endraw %}

คุณสามารถแทนที่แท็ก < span > ด้วยแท็ก < div > อย่างไรก็ตามเราไม่แนะนำให้ใช้ตัวห่อเริ่มต้นของ HubSpot ในการเขียน CSS ของคุณ ควรใช้คลาส CSS ที่กำหนดเองเช่น "my-custom-module" แทน

ฉันได้รับข้อผิดพลาด "โมดูลที่ซ้อนกัน" เมื่ออัปเกรดโมดูลของฉัน ฉันจะแก้ไขปัญหานี้และเผยแพร่โมดูลได้อย่างไร?

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

ฉันจะเพิ่มกลุ่มส่วนกลางลงในโมดูลของฉันได้อย่างไร?

แทนที่จะใช้ {% include %} ในโมดูลที่กำหนดเองเพื่อเพิ่มกลุ่มส่วนกลางคุณสามารถเพิ่มฟิลด์เมนูในโมดูลของคุณหรือแก้ไขเนื้อหาส่วนกลางของโมดูลได้

ฉันสามารถใช้โมดูลที่กำหนดเอง v1 ของฉันในตัวจัดการการออกแบบใหม่ได้หรือไม่?

ใช่คุณสามารถแก้ไขโมดูลเดิมทั้งหมดได้ในตัวแก้ไขโมดูล คุณจะเห็นคำเตือนการตรวจสอบและคำแนะนำสำหรับรหัสใดๆที่ไม่ได้รับการสนับสนุนในเฟรมเวิร์กโมดูล v2 แต่คุณจะสามารถแก้ไขและใช้โมดูลเหล่านี้ต่อได้ใน HubSpot

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

บทความนี้มีประโยชน์หรือไม่ ใช่ ไม่

แบบฟอร์มนี้ใช้สำหรับคำติชมเอกสารเท่านั้น เรียนรู้วิธีขอความช่วยเหลือจาก HubSpot