ผู้จัดการฝ่ายออกแบบ | คำถามที่พบบ่อย
อัปเดตล่าสุด: กุมภาพันธ์ 13, 2025
สามารถใช้ได้กับการสมัครใช้บริการใดๆ ต่อไปนี้ ยกเว้นที่ระบุไว้:
|
ค้นหาคำตอบและข้อมูลทั่วไปได้อย่างรวดเร็วเกี่ยวกับเครื่องมือจัดการการออกแบบใน HubSpot แหล่งข้อมูลนี้ยังมีลิงก์ไปยังแหล่งข้อมูลเพิ่มเติมสำหรับนักออกแบบที่ทำงานเกี่ยวกับ CMS
ฉันจะเรียนรู้เพิ่มเติมเกี่ยวกับการออกแบบบน HubSpot ได้ที่ไหน?
หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับการออกแบบบน HubSpot โปรดดูใบรับรอง Growth Driven Design ของ HubSpot Academy และเอกสาร CMS ของ HubSpot
การรับรองการออกแบบเป็นการรับรองฟรีซึ่งรวมถึงการฝึกอบรมวิดีโอและการฝึกออกแบบ
เอกสาร CMS ของ HubSpot ประกอบด้วย:
- เอกสารอ้างอิง HubSpot CMS
- เอกสารอ้างอิง HubL
- CSS ของ HubSpot Boilerplate
- บทช่วยสอน
- ตัวอย่างแรงบันดาลใจ
- บล็อกนักออกแบบ
มีทรัพยากร 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 ทั้งหมดจะรวม 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
แม้ว่าคุณจะสามารถเก็บโมดูลที่กำหนดเองที่มีอยู่ทั้งหมดไว้ได้แต่คุณจะไม่สามารถสร้างโมดูลใหม่โดยใช้กรอบการทำงานแบบเก่าได้ หากคุณโคลนโมดูลเดิมโมดูลที่โคลนจะถูกสร้างขึ้นในเฟรมเวิร์กโมดูลใหม่