แบนเนอร์

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

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

ปลาย

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

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

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


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

  1. สไลด์
  2. การตั้งค่า
  3. แบบ


1. สไลด์

ตัวเลือกในหมวดสไลด์ได้แก่: 

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

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


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

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

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


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

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


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

  1. ภาพ 
    • คลิกที่ อัพโหลด ปุ่มเปลี่ยนภาพ/สไลด์ คลิกที่ ลบ ปุ่มเพื่อลบสไลด์
    • เปลี่ยนจุดโฟกัสของภาพเพียงแค่คลิกที่ภาพที่ใดก็ได้
  2. ภาพมือถือ – Uโหลดภาพแบนเนอร์บนมือถือ เราขอแนะนำให้เพิ่มภาพแนวตั้งที่นี่
  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