ส่วนSliderใน Pixpa ช่วยให้คุณเพิ่มพื้นที่ที่ดึงดูดสายตาให้กับหน้าเว็บของคุณ พร้อมทั้งเพิ่มประสิทธิภาพ SEO ไม่ว่าคุณจะกำลังทำงานกับแกลเลอรี่ หน้าเว็บ โฟลเดอร์ อัลบั้มลูกค้า หรือบล็อก แบนเนอร์จะช่วยกำหนดโทนและเน้นเนื้อหาสำคัญ
หากคุณต้องการแสดงข้อความสั้นๆ ไว้ด้านบนสุดของเว็บไซต์ ให้ใช้แถบประกาศหรือหากคุณต้องการสร้างป๊อปอัพที่จะปรากฏขึ้นเมื่อผู้เข้าชมดูเว็บไซต์ของคุณ คุณสามารถลองใช้ ป๊อปอั พการตลาด ได้
ในบทความนี้
- แบนเนอร์คืออะไร
- เพิ่มแบนเนอร์ลงในเพจ
- แก้ไขส่วนแบนเนอร์
- เนื้อหาแบนเนอร์
- การตั้งค่าแบนเนอร์
- เค้าโครงแบนเนอร์
แบนเนอร์คืออะไร
แบนเนอร์ใช้เพื่อแสดงภาพแบนเนอร์เต็มความกว้าง/ภาพสไลด์โชว์/วิดีโอที่ด้านบน/ล่างของเนื้อหาของคุณ
เพิ่มส่วนแบนเนอร์ลงในเพจ
- สามารถเพิ่มส่วนลงในเพจได้ คุณสามารถเพิ่มส่วนลงในเพจที่มีอยู่แล้วหรือ สร้างเพจใหม่ ภายในเว็บไซต์ของคุณ
- บนหน้าของคุณ, คลิกที่ สีน้ำเงิน + ไอคอน เพื่อเพิ่ม ส่วนใหม่ ไปที่หน้าของคุณ
- ตอนนี้คุณจะเห็น หมวดหมู่ส่วน ด้านซ้าย
- เลือกกระเป๋า ส่วนฮีโร่ (1) หมวดหมู่และคลิกที่ เลื่อน แท็บ (2) ที่คุณสามารถเลือกได้ เค้าโครงที่แตกต่างกัน ของ เบนเนอร์ (3) มาตรา
- เลือกเค้าโครงส่วนใดก็ได้แล้วคลิกเพื่อเพิ่มลงในเพจของคุณ
แก้ไขส่วนแบนเนอร์
หากเพิ่มส่วนดังกล่าวลงในหน้าแล้ว คุณสามารถแก้ไขได้อย่างง่ายดาย
- เลื่อนเคอร์เซอร์ไปเหนือส่วนนั้นและคลิกที่ แก้ไขเนื้อหา (1) ปุ่ม
- แถบด้านข้างจะเปิดขึ้นมาจากที่ที่คุณสามารถ Edit (2) ส่วนแบนเนอร์
- คลิก ลด (3) ปุ่มหลังจากทำการเปลี่ยนแปลง
เนื้อหาส่วนแบนเนอร์
แท็บเนื้อหาในส่วนแก้ไขแบนเนอร์ช่วยให้คุณสามารถเพิ่มและปรับแต่งเนื้อหาของแบนเนอร์ได้ ไม่ว่าจะเป็นเนื้อหาที่เป็นรูปภาพและวิดีโอ
ประเภทแบนเนอร์
เลือกประเภทแบนเนอร์ คุณสามารถเลือกตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้:
- สไลด์ – เลือกตัวเลือกสไลด์หากคุณต้องการแสดงรูปภาพในแบนเนอร์ คุณสามารถเพิ่มสไลด์รูปภาพหลายภาพภายใต้แบนเนอร์เดียวได้
- วีดีโอ – หากคุณต้องการแสดงวิดีโอเป็นสไลด์แบนเนอร์ ให้เลือกตัวเลือกนี้ คุณสามารถเพิ่มสไลด์วิดีโอได้หลายรายการภายใต้แบนเนอร์แต่ละอัน
คุณสามารถเพิ่มสไลด์ได้สูงสุด 25 สไลด์ในส่วนแบนเนอร์
ภาพสไลด์
เมื่อเลือกสไลด์ภายใต้ประเภทแบนเนอร์ คุณสามารถสร้างสไลด์โชว์ได้โดยการอัปโหลดรูปภาพหลายภาพเป็นสไลด์แบนเนอร์
- เพิ่มสไลด์หลาย ๆ อันโดยคลิกที่ + เพิ่มสไลด์ ปุ่ม
- เรียงลำดับ พวกเขาใช้ที่จับลาก
- แก้ไขหรือลบ สไลด์แต่ละสไลด์โดยใช้ไอคอนที่เกี่ยวข้อง
แก้ไขสไลด์รูปภาพ/ข้อความ
- ภาพ
- คลิกที่ อัพโหลด ปุ่มเปลี่ยนภาพ/สไลด์ คลิกที่ ลบ ปุ่มเพื่อลบสไลด์
- เปลี่ยนจุดโฟกัสของภาพเพียงแค่คลิกที่ภาพที่ใดก็ได้
- ภาพบนมือถือ – อัปโหลดภาพแบนเนอร์บนมือถือ เราขอแนะนำให้เพิ่มรูปภาพแนวตั้งที่นี่
- ระบุข้อความแสดงแทน สำหรับภาพนิ่ง สิ่งนี้ช่วยสำหรับวัตถุประสงค์ SEO
- ข้อความสไลด์ – ป้อนข้อความของสไลด์ซึ่งจะปรากฏเหนือสไลด์ คุณสามารถทำให้ข้อความเป็นตัวหนา ตัวเอียง ขีดเส้นใต้ เชื่อมโยง และทำสิ่งอื่นๆ อีกมากมาย
ดูเพิ่มเติม: โปรแกรมแก้ไขข้อความ Pixpa.
- ลิงค์สไลด์
-
- คลิกที่ไอคอนการตั้งค่าและป้อนลิงค์ซ้อนทับสำหรับสไลด์
- คุณสามารถระบุหน้าใดก็ได้ภายใน/ภายนอกเว็บไซต์ของคุณ อีเมล หรือหมายเลขติดต่อ
ตรวจสอบด้วย: เชื่อมโยงข้อความ/ปุ่ม
- ปุ่ม & ลิงค์
-
- เพิ่มได้ถึง 10 ปุ่ม/ลิงก์ไปยังเนื้อหาสไลด์
- คุณสามารถเพิ่มปุ่มปกติ ลิงก์ข้อความ หรือใช้รูปภาพ/ไอคอนเป็นปุ่ม
ยังตรวจสอบ: ปุ่มและลิงค์
- Hit ลด เพื่อบันทึกการเปลี่ยนแปลงของคุณ
สไลด์ทั้งหมดจะถูกแปลงเป็นลิงก์ก็ต่อเมื่อเลือกตัวเลือก"ข้อความแบนเนอร์และปุ่มแตกต่างกันสำหรับแต่ละสไลด์ " เท่านั้น
วิดีโอสไลด์
เมื่อเลือกตัวเลือกสไลด์วิดีโอ คุณสามารถฝังวิดีโอจาก YouTube หรือ Vimeo ลงในแบนเนอร์ของคุณได้ ตัวเลือกการกำหนดค่าต่อไปนี้มีให้เลือก:
1. ลิงก์ YouTube/Vimeo –ป้อนลิงก์โดยตรงไปยังวิดีโอของคุณ รูปแบบที่รองรับได้แก่:
- YouTube: https://www.youtube.com/watch?v=XXXXXXXXXXX
- Vimeo: https://vimeo.com/XXXXXXXXXXX
2. แสดงวิดีโอ –เลือกวิธีการแสดงวิดีโอในเว็บไซต์ของคุณ:
- เล่นอัตโนมัติ: วิดีโอจะถูกฝังโดยตรงและเล่นอัตโนมัติในทุกอุปกรณ์ (ปิดเสียงตามค่าเริ่มต้น)
- เล่นอัตโนมัติ – เฉพาะเดสก์ท็อป: วิดีโอจะถูกฝังโดยตรงและเล่นอัตโนมัติบนเดสก์ท็อปเท่านั้น (ปิดเสียงตามค่าเริ่มต้น)
- เปิดในไลท์บ็อกซ์: การคลิกดูตัวอย่างวิดีโอจะเปิดขึ้นในป๊อปอัป
3. รูปภาพสำหรับมือถือ –อัปโหลดรูปภาพสำรองที่จะแสดงบนอุปกรณ์มือถือที่วิดีโอเล่นอัตโนมัติอาจใช้งานไม่ได้หรือไม่รองรับ เพื่อให้แบนเนอร์ของคุณยังคงดูสวยงามบนทุกขนาดหน้าจอ
4. ระบุแท็ก Alt (ไม่บังคับ) – เพิ่มแท็ก alt เพื่อปรับปรุง SEO และการเข้าถึง แท็กนี้จะอธิบายภาพสำรองสำหรับโปรแกรมอ่านหน้าจอหรือในกรณีที่ไม่สามารถแสดงภาพได้
5. ข้อความสไลด์ – ป้อนข้อความของสไลด์ซึ่งจะปรากฏเหนือสไลด์ คุณสามารถทำให้ข้อความเป็นตัวหนา ตัวเอียง ขีดเส้นใต้ เชื่อมโยง และทำสิ่งอื่นๆ อีกมากมาย
ดูเพิ่มเติม: โปรแกรมแก้ไขข้อความ Pixpa
6. ลิงก์สไลด์
- คลิกที่ไอคอนการตั้งค่าและป้อนลิงค์ซ้อนทับสำหรับสไลด์
- คุณสามารถระบุหน้าใดก็ได้ภายใน/ภายนอกเว็บไซต์ของคุณ อีเมล หรือหมายเลขติดต่อ
ยังตรวจสอบ: เชื่อมโยงข้อความ/ปุ่ม
7. ปุ่มและลิงก์
- เพิ่มได้ถึง 10 ปุ่ม/ลิงก์ไปยังเนื้อหาสไลด์
- คุณสามารถเพิ่มปุ่มปกติ ลิงก์ข้อความ หรือใช้รูปภาพ/ไอคอนเป็นปุ่ม
ยังตรวจสอบ: ปุ่มและลิงค์
8. บันทึก –กด ปุ่ม บันทึกเพื่อบันทึกการเปลี่ยนแปลงของคุณ
ข้อความแบนเนอร์และปุ่ม
- ระบุว่าข้อความและปุ่มจะเหมือนกันทุกสไลด์หรือต่างกันในแต่ละสไลด์ เมื่อคุณเลือก เหมือนกันทุกสไลด์ ตัวเลือก, ข้อความแบนเนอร์ และ ปุ่ม จะถูกนำไปใช้.
- เมื่อคุณได้เลือก แตกต่างกันไปในแต่ละสไลด์ ตัวเลือก ข้อความและปุ่มที่ระบุสำหรับสไลด์ใดสไลด์หนึ่งจะถูกนำมาใช้
ข้อความแบนเนอร์
- ป้อนข้อความแบนเนอร์ซึ่งจะเหมือนกันสำหรับทุกสไลด์
ดูเพิ่มเติม: โปรแกรมแก้ไขข้อความ Pixpa
ปุ่ม & ลิงค์
- ปุ่ม/ลิงก์เหล่านี้ปรากฏบนสไลด์แบนเนอร์ของคุณ (ทั่วไปสำหรับทุกสไลด์)
ยังตรวจสอบ: ปุ่มและลิงค์ - หลังจากทำการเปลี่ยนแปลงของคุณแล้ว ให้คลิก ลด ปุ่มที่ด้านบนขวาเพื่อใช้กับแบนเนอร์ของคุณ
การตั้งค่าแบนเนอร์
ภายใต้แท็บการตั้งค่าแบนเนอร์ คุณจะได้รับตัวเลือกดังต่อไปนี้:
โหมดการแสดงแบนเนอร์
-
- ขนาดและความพอดี – รูปภาพจะพอดีกับความกว้างและความสูงของแบนเนอร์
- พอดีกับความกว้าง (เดสก์ท็อปเท่านั้น) – รูปภาพจะถูกปรับขนาดตามความกว้างของแบนเนอร์ ความสูงของแบนเนอร์จะสืบทอดความสูงของรูปภาพ
- ความสูงของเดสก์ท็อปแบนเนอร์ – ระบุความสูงของแบนเนอร์เดสก์ท็อปหากคุณเลือก เลือดหมดตัว or ขนาดและความพอดี ตัวเลือกในช่องโหมดการแสดงผล
- ความสูงของมือถือแบนเนอร์ – ระบุความสูงของแบนเนอร์บนมือถือ
การควบคุมการแสดงผลแบบสไลด์
การตั้งค่าเหล่านี้ช่วยให้คุณปรับแต่งลักษณะการปรากฏของสไลด์และการเปลี่ยนผ่านภายในส่วนแบนเนอร์ได้
-
รูปแบบการเปลี่ยนสไลด์ –เลือกวิธีการเปลี่ยนสไลด์ คุณสามารถเลือกตัวเลือกต่างๆ เช่นการเฟดการเลื่อนแนวนอน หรือการเลื่อนแนวตั้งเพื่อการเปลี่ยนสไลด์ที่ราบรื่น
-
จำนวนสไลด์ต่อแถว –ระบุจำนวนแถวของสไลด์ที่จะแสดงพร้อมกัน
- สไลด์ต่อคอลัมน์ – กำหนดจำนวนคอลัมน์ของสไลด์ที่จะปรากฏ ซึ่งจะควบคุมจำนวนสไลด์ที่จะปรากฏเคียงข้างกันในแต่ละแถว
- ช่องว่างระหว่างสไลด์ – ปรับช่องว่างระหว่างสไลด์แต่ละสไลด์โดยใช้การตั้งค่านี้ คุณสามารถเพิ่มระยะห่างเป็นพิกเซลเพื่อควบคุมการแยกภาพระหว่างสไลด์ได้
- ตำแหน่งเนื้อหา – ระบุตำแหน่งเนื้อหาภายในแบนเนอร์
- ความกว้างของเนื้อหา – ระบุความกว้างสำหรับเนื้อหาแบนเนอร์
การจัดรูปแบบแบนเนอร์
- สีพื้นหลัง – กำหนดสีพื้นหลังให้กับแบนเนอร์
- สีซ้อนทับ – ตั้งค่าสีซ้อนทับสำหรับแบนเนอร์
- สไตล์การนำทาง – ระบุรูปแบบการนำทางของแบนเนอร์ คุณสามารถเลือกได้จากลูกศรเชฟรอน ลูกศรยาว และลูกศรสั้น เลือกไม่มีหากคุณต้องการปิดใช้งานการควบคุมการนำทาง
- สีนำทาง – ระบุสีของตัวควบคุมการนำทางบนแบนเนอร์
- เปิดใช้งานลูกศรเลื่อนลง – เลือกตัวเลือกนี้เพื่อแสดงลูกศรเลื่อนลงเหนือแบนเนอร์
- รัศมีมุม – ปรับแต่งความโค้งมนของมุมสไลด์แบนเนอร์ได้ คุณสามารถกำหนดรัศมีให้เท่ากันกับทุกมุมหรือกำหนดค่าที่แตกต่างกันสำหรับแต่ละมุมได้
ม้าหมุน
การตั้งค่าเหล่านี้กำหนดวิธีการเคลื่อนตัวและการทำงานของสไลด์โดยอัตโนมัติภายในส่วนแบนเนอร์หรือแถบเลื่อน
- เปิดใช้งานการเลื่อนแบบราบรื่น – เปิดใช้งานสิ่งนี้เพื่อให้การเปลี่ยนสไลด์ราบรื่นขึ้นเพื่อเอฟเฟกต์การเลื่อนที่ราบรื่น
- เปิดใช้งานการเล่นสไลด์อัตโนมัติ – เมื่อเปิดใช้งาน สไลด์จะเปลี่ยนโดยอัตโนมัติโดยไม่ต้องมีการโต้ตอบจากผู้ใช้
- แสดงความคืบหน้าการเล่นอัตโนมัติ – แสดงตัวบ่งชี้ภาพที่แสดงระยะเวลาก่อนการเปลี่ยนสไลด์ครั้งต่อไป
- การหน่วงเวลาการเล่นอัตโนมัติ – ตั้งค่าช่วงเวลาระหว่างการเปลี่ยนสไลด์อัตโนมัติ (เช่น ทุกๆ 4 วินาที)
- ห่วงหมุน – เปิดใช้งานสิ่งนี้เพื่อให้สไลด์ย้อนกลับไปที่สไลด์แรกอย่างต่อเนื่องหลังจากสไลด์สุดท้าย
ปุ่ม
ตัวเลือกเหล่านี้อนุญาตให้ปรับแต่งปุ่มที่แสดงภายในแบนเนอร์ได้
- ขนาดปุ่ม – เลือกขนาดของปุ่มจากตัวเลือกที่มี เช่น เล็ก กลาง หรือใหญ่
- การจัดตำแหน่ง – ตั้งค่าการจัดตำแหน่งปุ่มภายในส่วน (ซ้าย, กลาง, หรือ ขวา)
- ช่องว่างระหว่างปุ่ม – ปรับระยะห่างแนวนอนระหว่างปุ่มต่างๆ เพื่อการจัดวางที่สมดุล
- ช่องว่างเหนือปุ่ม – กำหนดช่องว่างแนวตั้งระหว่างข้อความและปุ่ม (วัดเป็นพิกเซล)
- ขนาดลิงก์ข้อความ – กำหนดขนาดตัวอักษรสำหรับปุ่มหรือลิงก์ที่เป็นข้อความ
- ขนาดปุ่มรูปภาพ – ปรับขนาดของปุ่มที่รวมไอคอนหรือรูปภาพ
- ความกว้างของปุ่ม – เลือกความกว้างของปุ่มที่จะปรากฏ โดยมีตัวเลือก เช่น เริ่มต้น ใหญ่ ใหญ่พิเศษ หรือความกว้างเต็มจอ
เรียนรู้เพิ่มเติมเกี่ยวกับรูปแบบปุ่มและลิงค์
ไอคอนสังคม
การตั้งค่าเหล่านี้ช่วยให้ปรับแต่งลักษณะและรูปแบบของไอคอนโซเชียลมีเดียที่แสดงภายในส่วนแบนเนอร์ได้
- ขนาดไอคอน – ปรับขนาดไอคอนโซเชียลมีเดีย (เป็นพิกเซล) ให้พอดีกับการออกแบบโดยรวมของแบนเนอร์
- ประเภทไอคอน – เลือกสไตล์ไอคอน (เช่น คลาสสิก โครงร่าง หรือทึบ) ให้ตรงกับธีมของแบนเนอร์
- สีไอคอน – เลือกวิธีกำหนดสีไอคอน ตัวเลือกมีดังนี้:
- ข้อความลิงค์ – ใช้สีเดียวกับข้อความลิงก์ของส่วนนั้น
- กำหนดเอง - อนุญาตให้เลือกสีที่กำหนดเองได้ด้วยตนเอง
- สีของแบรนด์ – ใช้สีแบรนด์อย่างเป็นทางการของแต่ละแพลตฟอร์ม (เช่น สีน้ำเงินสำหรับ Facebook)
- เลือกสี – เมื่อเลือกกำหนดเอง ตัวเลือกนี้จะให้คุณเลือกสีเฉพาะสำหรับไอคอนได้
เค้าโครงแบนเนอร์
คุณสามารถเปลี่ยนรูปแบบของแบนเนอร์ได้อย่างง่ายดายเรียนรู้เพิ่มเติมเกี่ยวกับรูปแบบของแบนเนอร์
