ใช้โมดูลตัวเลื่อนภาพ

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

เพิ่มและแก้ไขสไลด์ในโมดูลตัวเลื่อนภาพ

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

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

7. หากต้องการเพิ่มสไลด์ให้วางเมาส์เหนือสไลด์อื่นแล้วคลิกไอคอนedit แก้ไข
8. หากต้องการดำเนินการเปลี่ยนแปลงให้เสร็จสิ้นให้คลิกใช้การเปลี่ยนแปลง 

แก้ไขการตั้งค่าสำหรับโมดูลตัวเลื่อนภาพ

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

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

6. คลิกเพื่อขยายส่วนการเคลื่อนไหวเพื่อแก้ไขตัวเลือกการเปลี่ยนสไลด์:
   • ในการกำหนดค่าวิธีการเปลี่ยนสไลด์ให้เลือกตัวเลือกการเปลี่ยน (เช่น Fade)
   • หากต้องการให้สไลด์ซ้ำเมื่อถึงสไลด์สุดท้ายให้เลือกช่อง ทำเครื่องหมายสไลด์ลูป 
   • หากต้องการให้สไลด์ทำงานโดยอัตโนมัติให้เลือกช่องทำเครื่องหมายเล่นอัตโนมัติ  หากคุณมีสไลด์น้อยกว่าการตั้งค่าสไลด์ต่อหนึ่งหน้าจะไม่มีการหมุนเวียนเกิดขึ้น 
7. คลิกเพื่อขยายส่วนการนำทางเพื่อแก้ไขตัวเลือกการนำทาง:
   • หากต้องการแสดงลูกศรที่อนุญาตให้ผู้เข้าชมสลับไปมาระหว่างสไลด์ด้วยตนเองให้เลือกช่องทำเครื่องหมายแสดงลูกศรนำทาง  
   • หากต้องการแสดงภาพขนาดย่อใต้การนำทางให้เลือกช่องทำเครื่องหมายแสดงภาพขนาดย่อ  
   • หากต้องการแสดงจุดด้านล่างภาพที่จะแสดงจำนวนสไลด์ทั้งหมดและอนุญาตให้ผู้เข้าชมเลือกภาพที่ต้องการให้เลือกแสดงการนำทางแบบจุด 
8. เมื่อเสร็จแล้วให้คลิกใช้การเปลี่ยนแปลง 

แก้ไขสไตล์สำหรับโมดูลตัวเลื่อนภาพ

คุณสามารถแก้ไขสไตล์สำหรับโมดูลตัวเลื่อนภาพรวมถึงสไตล์สำหรับสไลด์ การนำทางและตัวเลื่อน

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

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

แก้ไขสไตล์สำหรับสไลด์

วิธีแก้ไขรูปแบบการแสดงภาพในสไลด์:

1. คลิก สไลด์
2. คลิกเพื่อขยายส่วน รูปภาพ
3. ป้อนค่าพิกเซลในช่องรัศมีมุม  ยิ่งค่าสูงมุมโค้งมนก็จะยิ่งปรากฏมากขึ้น 
4. เมื่อเสร็จแล้วให้คลิกใช้การเปลี่ยนแปลง

วิธีแก้ไขรูปแบบการแสดงคำอธิบายภาพในสไลด์:

1. คลิกคำอธิบายภาพ
2. คลิกเพื่อขยายส่วนพื้นหลัง
   • หากต้องการเพิ่มมาร์จิ้นด้านบนหรือด้านล่างคำอธิบายภาพของคุณให้ป้อนค่าพิกเซลในช่องมาร์จิ้นด้านบนและมาร์จิ้นด้านล่าง
   • หากต้องการเพิ่ม padding ลงในคำอธิบายภาพให้ป้อนค่าพิกเซลในช่อง Padding  หากต้องการเพิ่มค่าแยกกันสำหรับแต่ละด้านให้คลิกแก้ไขแยกกันจากนั้นป้อนค่าพิกเซลในฟิลด์
   • หากต้องการเพิ่มสีพื้นหลังให้กับคำอธิบายภาพของคุณให้ป้อนค่าฐานสิบหกในช่องแรกในส่วนสีหรือคลิกตัวเลือกสีแล้วเลือกสี สามารถเพิ่มสีที่กำหนดเองได้จากแท็บขั้นสูง
   • หากต้องการตั้งค่าความโปร่งใสของสีพื้นหลังให้ป้อนค่าเปอร์เซ็นต์ในช่องที่สองในส่วน สี  ความโปร่งใส 100% จะทึบแสงในขณะที่ความโปร่งใส 0% จะไม่ปรากฏให้เห็น 
3. คลิกเพื่อขยายส่วน ข้อความ
   • หากต้องการเปลี่ยนประเภทแบบอักษรให้คลิกเมนูแบบเลื่อนลงเลือก แบบอักษรแล้วเลือกแบบอักษร 
   • หากต้องการเปลี่ยนขนาดแบบอักษรให้คลิกเมนูแบบเลื่อนลงขนาดแล้วเลือกขนาดแบบอักษร 
   • หากต้องการเปลี่ยนสีแบบอักษรให้คลิกตัวเลือกสีแล้วเลือกสี สามารถเพิ่มสีที่กำหนดเองได้จากแท็บขั้นสูง
   • หากต้องการเปลี่ยนน้ำหนักแบบอักษรให้คลิกboldไอคอนน้ำหนักแบบอักษรตัวหนาสำหรับข้อความitalicIconหนาตัวเอียงตัวunderlineIconหรือขีดเส้นใต้
4. เมื่อเสร็จแล้วให้คลิกใช้การเปลี่ยนแปลง

แก้ไขสไตล์สำหรับการนำทาง

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

ลูกศรเลื่อน

1. คลิกการนำทาง
2. คลิกเพื่อขยายส่วนลูกศรเลื่อน 
3. ป้อนค่าฐานสิบหกในส่วนสีพื้นหลัง คุณยังสามารถคลิกตัวเลือกสีและเลือกสีได้อีกด้วย สามารถเพิ่มสีที่กำหนดเองได้จากแท็บขั้นสูง
4. หากต้องการตั้งค่าความโปร่งใสของสีพื้นหลังให้ป้อนค่าเปอร์เซ็นต์ในช่องที่สองในส่วนสีพื้นหลัง ตัวอย่างเช่นความโปร่งใส 100% จะทึบแสงในขณะที่ความโปร่งใส 0% จะไม่ปรากฏให้เห็น
5. หากต้องการแทนที่ไอคอนที่ใช้สำหรับลูกศรซ้ายและขวาให้คลิกแทนที่เหนือไอคอนซ้ายและฟิลด์ไอคอนขวา ในแผงด้านขวาให้เลือกไอคอน 
6. ในการตั้งค่าสีของไอคอนซ้ายและขวาของคุณให้ป้อนค่าฐานสิบหกในช่องแรกในส่วนสีไอคอน คุณยังสามารถคลิกตัวเลือกสีและเลือกสีได้อีกด้วย สามารถเพิ่มสีที่กำหนดเองได้จากแท็บขั้นสูง
7. ในการตั้งค่าความโปร่งใสของสีพื้นหลังของไอคอนให้ป้อนค่าเปอร์เซ็นต์ในช่องที่สองในส่วนสีไอคอน ตัวอย่างเช่นความโปร่งใส 100% จะทึบแสงในขณะที่ความโปร่งใส 0% จะไม่ปรากฏให้เห็น 
8. เมื่อเสร็จแล้วให้คลิกใช้การเปลี่ยนแปลง

ปุ่มจุดและปุ่มเล่นอัตโนมัติ

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

การนำทางรูปขนาดย่อ

1. คลิกเพื่อขยายส่วนการนำทางภาพขนาดย่อ
2. หากต้องการแก้ไขสีพื้นหลังให้ป้อนค่าฐานสิบหกในช่องแรกในส่วนสีพื้นหลังลูกศรหรือคลิกตัวเลือกสีแล้วเลือกสี สามารถเพิ่มสีที่กำหนดเองได้จากแท็บขั้นสูง
3. หากต้องการแก้ไขความโปร่งใสของสีพื้นหลังให้ป้อนค่าเปอร์เซ็นต์ในช่องที่สองในส่วนสีพื้นหลังของลูกศร ความโปร่งใส 100% จะทึบแสงในขณะที่ความโปร่งใส 0% จะไม่ปรากฏให้เห็น 
4. หากต้องการแทนที่ไอคอนที่ใช้สำหรับลูกศรซ้ายและขวาให้คลิกแทนที่เหนือไอคอนลูกศรซ้ายและฟิลด์ไอคอนลูกศรขวา ในแผงด้านขวาให้เลือกไอคอน

5. หากต้องการแก้ไขสีของไอคอนลูกศรซ้ายและขวาให้ป้อนค่า HEX ในช่องแรกในส่วนสี เติมไอคอนลูกศร คุณยังสามารถคลิกตัวเลือกสีและเลือกสีได้อีกด้วย สามารถเพิ่มสีที่กำหนดเองได้จากแท็บขั้นสูง
6. ในการตั้งค่าความโปร่งใสของลูกศรให้ป้อนค่าเปอร์เซ็นต์ในช่องที่สองในส่วนสีไอคอน ตัวอย่างเช่นความโปร่งใส 100% จะทึบแสงในขณะที่ความโปร่งใส 0% จะไม่ปรากฏให้เห็น 
7. วิธีแก้ไขอัตราส่วนภาพขนาดย่อความกว้างและมุมโค้งมน:
   • คลิกเพื่อขยายส่วนภาพขนาดย่อ
   • ในการตั้งค่าอัตราส่วนภาพที่ใช้สำหรับภาพขนาดย่อทั้งหมดให้คลิกเมนูแบบเลื่อนลงอัตราส่วนภาพและเลือกอัตราส่วนภาพ 
   • หากต้องการตั้งค่าความกว้างที่ใช้สำหรับภาพขนาดย่อทั้งหมดให้ป้อนค่าพิกเซลในฟิลด์ความ กว้าง  
   • หากต้องการตั้งค่ามุมของภาพขนาดย่อให้โค้งมนให้ป้อนค่าพิกเซลในช่องรัศมี  ยิ่งค่าสูงมุมโค้งมนก็จะยิ่งปรากฏมากขึ้น 
8. เมื่อเสร็จแล้วให้คลิกใช้การเปลี่ยนแปลง

แก้ไขสไตล์สำหรับแถบเลื่อน

1. คลิกแถบเลื่อน 
2. คลิกเพื่อขยายส่วนระยะห่าง
3. หากต้องการเพิ่มมาร์จิ้นด้านบนและด้านล่างแถบเลื่อนให้ป้อนค่าพิกเซลในช่องมาร์จิ้นด้านบนและมาร์จิ้นด้านล่าง  
4. หากต้องการเพิ่ม padding ลงในแถบเลื่อนให้ป้อนค่าพิกเซลในช่อง Padding  หากต้องการเพิ่มค่าแยกกันสำหรับแต่ละด้านให้คลิกแก้ไขแยกกันจากนั้นป้อนค่าพิกเซลในฟิลด์
5. เมื่อเสร็จแล้วให้คลิกใช้การเปลี่ยนแปลง