แบนเนอร์

การใช้แบนเนอร์ช่วยเพิ่มความสวยงามให้กับเว็บไซต์ของคุณและเพิ่มเอกลักษณ์ให้กับเนื้อหา ไม่ว่าจะเป็นแกลเลอรีหน้าเว็บโฟลเดอร์อัลบั้มลูกค้าหรือบล็อกคุณสามารถเพิ่มข้อความอธิบายภาพ (alt text) ให้กับภาพในแบนเนอร์ได้ ซึ่งจะช่วยในเรื่อง SEO ด้วย

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

ปลาย

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

นี่คือลักษณะของแบนเนอร์: 

ตรวจสอบเว็บไซต์สาธิตสด


การตั้งค่าแบนเนอร์แบ่งออกเป็น: 

  1. คอนเทนต์
  2. การตั้งค่า
  3. แบบ


1. เนื้อหา

ตัวเลือกภายใต้หมวดหมู่เนื้อหามีดังนี้: 

เลือกประเภทแบนเนอร์ คุณสามารถเลือกตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้:

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


สไลด์
  • คลิกที่ + เพิ่มสไลด์ (1) ปุ่มเพื่อเพิ่มสไลด์ที่กำหนดเองในแบนเนอร์
  • เมื่อคุณอัปโหลดสไลด์แล้ว คุณสามารถ แก้ไข (2) หรือ ลบ (3) สไลด์

สิ่งที่น่าจดจำ: 

  • ขนาดที่เหมาะสมของภาพแบนเนอร์คือ 2560 พิกเซล X 1440 พิกเซล 
  • รูปแบบไฟล์ภาพที่รองรับสำหรับแบนเนอร์คือ JPG, JPEG, PNG และ GIF 
  • สไลด์ที่รองรับสูงสุดคือ 25 เหรียญต่อแบนเนอร์
  • เราขอแนะนำให้คุณอัปโหลดภาพแนวนอนแทนภาพแนวตั้ง
  • เพิ่มข้อความบนรูปภาพจาก ข้อความต้นแบบ/สไลด์ สนาม. อย่าอัปโหลดรูปภาพที่มีข้อความอยู่ในนั้น


แก้ไขสไลด์รูปภาพ/ข้อความ 

  • เมื่อคุณคลิกที่ แก้ไข ไอคอน คุณจะเห็นลิ้นชักสไลด์รูปภาพ/ข้อความ


ตัวเลือกที่มีอยู่คือ: 

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

  1. ข้อความสไลด์ – ป้อนข้อความของสไลด์ซึ่งจะปรากฏเหนือสไลด์ คุณสามารถทำให้ข้อความเป็นตัวหนา ตัวเอียง ขีดเส้นใต้ เชื่อมโยง และทำสิ่งอื่นๆ อีกมากมาย
    ดูเพิ่มเติม: โปรแกรมแก้ไขข้อความ Pixpa.

  1. ลิงค์สไลด์
    • คลิกที่ไอคอนการตั้งค่าและป้อนลิงค์ซ้อนทับสำหรับสไลด์
    • คุณสามารถระบุหน้าใดก็ได้ภายใน/ภายนอกเว็บไซต์ของคุณ อีเมล หรือหมายเลขติดต่อ

ดูเพิ่มเติม: การเชื่อมโยงข้อความ/ปุ่ม

หมายเหตุ

สไลด์ทั้งหมดจะถูกแปลงเป็นลิงก์ก็ต่อเมื่อเลือกตัวเลือก"ข้อความแบนเนอร์และปุ่มแตกต่างกันสำหรับแต่ละสไลด์ " เท่านั้น

  1. ปุ่ม และไอคอน
    • เพิ่มได้ถึง 10 ปุ่ม/ลิงก์ไปยังเนื้อหาสไลด์
    • คุณสามารถเพิ่มปุ่มปกติ ลิงก์ข้อความ หรือใช้รูปภาพ/ไอคอนเป็นปุ่ม
      ยังตรวจสอบ: ปุ่มและลิงค์.
  1. Hit ลด เพื่อบันทึกการเปลี่ยนแปลงของคุณ


  • ระบุว่าข้อความและปุ่มจะเหมือนกันทุกสไลด์หรือต่างกันในแต่ละสไลด์ เมื่อคุณเลือก เหมือนกันทุกสไลด์ ตัวเลือก ข้อความแบนเนอร์และปุ่ม 1 และ 2 จะถูกนำมาใช้
  • เมื่อคุณได้เลือก แตกต่างกันไปในแต่ละสไลด์ ตัวเลือก ข้อความและปุ่มที่ระบุสำหรับสไลด์ใดสไลด์หนึ่งจะถูกนำมาใช้


ปุ่มและไอคอน 
  • ปุ่ม/ลิงก์เหล่านี้ปรากฏบนสไลด์แบนเนอร์ของคุณ (ทั่วไปสำหรับทุกสไลด์)
    ยังตรวจสอบ: ปุ่มและลิงค์.


2. การตั้งค่า

ใต้แท็บการตั้งค่าแบนเนอร์ คุณจะพบตัวเลือกต่อไปนี้:


  1. ความกว้างของแบนเนอร์ – กำหนดความกว้างของแบนเนอร์
    • 'ความกว้างเต็ม' จะแสดงแบนเนอร์ในขณะที่ครอบคลุมความกว้างทั้งหมดโดยไม่มีระยะขอบ
    • 'ชนิดบรรจุกล่อง' จะแสดงแบนเนอร์โดยเว้นระยะห่างจากขอบด้านขวาและซ้ายของหน้าจอไว้จำนวนหนึ่ง
    • 'ความกว้างของไซต์' สามารถระบุได้ใน ออกแบบ ส่วน. คุณสามารถระบุความกว้างคงที่ได้
      มันจะแสดงแบนเนอร์โดยยึดตามความกว้างคงที่ที่กำหนดไว้
    • ขนาดและความพอดี – รูปภาพจะพอดีกับความกว้างและความสูงของแบนเนอร์
    • พอดีกับความกว้าง (เดสก์ท็อปเท่านั้น) – รูปภาพจะถูกปรับขนาดตามความกว้างของแบนเนอร์ ความสูงของแบนเนอร์จะสืบทอดความสูงของรูปภาพ
  1. ความสูงของเดสก์ท็อปแบนเนอร์ – ระบุความสูงของแบนเนอร์เดสก์ท็อปหากคุณเลือก เลือดหมดตัว or ขนาดและความพอดี ตัวเลือกในช่องโหมดการแสดงผล
  2. ความสูงของมือถือแบนเนอร์ – ระบุความสูงของแบนเนอร์บนมือถือ
หมายเหตุ

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


  1. ส่วนหัวของหน้า – เลือกรูปแบบส่วนหัวที่จะใช้กับแบนเนอร์
    • ในกรณีที่คุณได้เลือก ค่าเริ่มต้นส่วนหัวจะใช้รูปแบบส่วนหัวของเว็บไซต์เริ่มต้น และแบนเนอร์จะถูกวางไว้หลังส่วนหัว ตรวจสอบ ตัวอย่างสด.
    • ในกรณีที่คุณได้เลือก โปร่งใสพื้นหลังของส่วนหัวจะถูกตั้งค่าเป็นแบบโปร่งใส และองค์ประกอบส่วนหัวจะเป็นสีขาว แบนเนอร์จะถูกวางไว้ใต้ส่วนหัว ตรวจสอบ ตัวอย่างสด
  2. รายการส่วนหัว - ถ้าคุณมี กำหนดส่วนหัวให้โปร่งใสคุณสามารถเลือก รายการส่วนหัว/สีรายการเมนู:
    • เผื่อ สีเริ่มต้น ถูกเลือก สีของรายการส่วนหัวจะสืบทอดมาจาก ออกแบบ มาตรา.
    • เผื่อ ระบุสี ถูกเลือก คุณสามารถคลิกและเลือกสีรายการส่วนหัวได้

ดูเพิ่มเติม: การตกแต่งรูปแบบส่วนหัวของหน้าเว็บต่างๆ


  1. แพ็กเกจ – ตั้งค่าการมองเห็นของแบนเนอร์
  2. ตำแหน่ง – ระบุตำแหน่งของแบนเนอร์


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


  1. สไลด์โชว์ - เลือก เล่นอัตโนมัติ ตัวเลือกเพื่อเปิดใช้งานสไลด์โชว์สำหรับแบนเนอร์
  2. ความเร็วสไลด์โชว์ – ระบุความเร็วสไลด์โชว์ (เป็นวินาที)
  3. การเปลี่ยนสไลด์โชว์ – ระบุรูปแบบการเปลี่ยนภาพสำหรับแบนเนอร์
  4. สุดท้ายกด ลด ปุ่ม


  1. เป็นเส้นตรง ปุ่ม/ลิงค์ ชิดซ้าย ขวา หรือกึ่งกลาง
  2. ระบุ ช่องว่างระหว่าง ปุ่ม/ลิงค์ ที่เพิ่มเข้ามาแล้ว
  3. ระบุ พื้นที่เหนือ ปุ่ม/ลิงค์.
  4. เลือกกระเป๋า ผลเลื่อน สำหรับปุ่ม/ลิงค์

  1. เลือกกระเป๋า ขนาดของปุ่มปกติ ที่คุณได้เพิ่มไว้ใน ปุ่ม/ลิงค์
  2. ระบุ ความสูงของปุ่มรูปภาพ หากคุณได้เพิ่มลิงค์รูปภาพใน ปุ่ม/ลิงค์
  3. ระบุ ขนาดของปุ่มไอคอน หากคุณได้เพิ่มไอคอนโซเชียลใน ปุ่ม/ลิงค์.  

หากคุณได้เพิ่มไอคอนโซเชียลในส่วนปุ่ม/ลิงก์แล้ว:

  1. เลือกกระเป๋า ประเภทไอคอนโซเชียล/รูปร่าง.
  2. เลือกกระเป๋า สไตล์สีไอคอนโซเชียล
    หากคุณเลือกไฟล์ สีที่เลือก ตัวเลือกข้างต้นแล้ว:

    1. ระบุ สีไอคอนโซเชียล.
    2. ระบุ สีพื้นหลังไอคอนโซเชียล.


3. เค้าโครง

คุณสามารถเปลี่ยนรูปแบบของแบนเนอร์ได้อย่างง่ายดายเรียนรู้เพิ่มเติมเกี่ยวกับรูปแบบของแบนเนอร์


ไม่พบสิ่งที่คุณกำลังมองหา?

ติดต่อกับผู้เชี่ยวชาญของ Pixpa

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