ส่วนแกลเลอรี่

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

วิธีพื้นฐานในการแสดงชุดรูปภาพคือการใช้ รูปภาพ รายการเมนู. แต่ในกรณีที่คุณต้องการเพิ่มเนื้อหา (นอกเหนือจากรูปภาพ) ลงในแกลเลอรีของคุณ คุณสามารถใช้ส่วนแกลเลอรีนี้ได้

ส่วนแกลเลอรีมีเค้าโครงกริดคงที่ เค้าโครงกริดแบบไดนามิก เค้าโครงรูปแบบบล็อก หรือเค้าโครงรูปภาพแบบเต็ม

มุมมองมือถือของส่วนแกลเลอรีจะขึ้นอยู่กับการตั้งค่าที่คุณทำไว้ในส่วน การตั้งค่า แถบ

หมายเหตุ

Pixpa แนะนำให้คุณใช้เลย์เอาต์กริดที่เล็กลงเพื่อเพิ่มความเร็วของเพจ

ความเร็วของหน้าขึ้นอยู่กับคุณภาพของภาพด้วย ดูวิธีการจัดการ

ในบทความนี้:

  1. ส่วนแกลลอรี่คืออะไร?
  2. เพิ่มส่วนแกลเลอรีลงในเพจ
  3. ลบเนื้อหาออกจากแกลเลอรี
  4. เพิ่มเนื้อหาลงในแกลเลอรี
  5. จัดการเนื้อหาแกลเลอรี
  6. จัดการการตั้งค่าแกลเลอรี
  7. เปลี่ยนเค้าโครงแกลเลอรี

  • เพิ่มส่วนแกลเลอรีลงในเพจของคุณเพื่อแสดงแกลเลอรีของคุณ
  • คุณจะสามารถอัปโหลดรูปภาพของคุณ เพิ่มวิดีโอ Youtube / Vimeo และสไลด์ข้อความในส่วนแกลเลอรี
  • การใช้ ส่วนอื่น ๆคุณยังสามารถเพิ่มคำอธิบายในแกลเลอรีของคุณ และเพิ่มหลายแกลเลอรีในหน้าเดียวกัน
  • ด้วยวิธีนี้คุณสามารถสร้างหน้าผลงานที่มีแกลเลอรีหลายแห่งในหน้าเดียวกันได้อย่างง่ายดาย

  • สามารถเพิ่มส่วนลงในเพจได้ คุณสามารถเพิ่มส่วนลงในเพจที่มีอยู่แล้วหรือ สร้างเพจใหม่ ภายในเว็บไซต์ของคุณ
  • บนหน้าของคุณ, คลิกที่ สีน้ำเงิน + ไอคอน เพื่อเพิ่ม ส่วนใหม่ ไปที่หน้าของคุณ

 

  • ตอนนี้คุณจะเห็น หมวดหมู่ส่วน ด้านซ้าย
  • เลือก ส่วนแกลเลอรี่ (1) ตัวเลือกที่คุณสามารถเลือกจากเค้าโครงต่างๆ (2)

  • เลือกเค้าโครงส่วนใดก็ได้แล้วคลิกเพื่อเพิ่มลงในเพจของคุณ

  • คลิกที่ แก้ไขแกลเลอรี (1) ปุ่มเพื่อเปิดแผงแก้ไขแกลเลอรี

คุณจะเห็นภาพตัวอย่างบางส่วนถูกเพิ่มลงในแกลเลอรี หากต้องการลบภาพ:

  • คลิกที่ เลือกทั้งหมด (1) ตัวเลือกหรือเลือกแต่ละภาพด้วยตนเองโดยคลิกที่ภาพ

  • คลิกที่ ลบ (2) ตัวเลือกจะเปิดป๊อปอัปยืนยัน ยืนยันการดำเนินการโดยกดปุ่มลบ

รูปภาพที่เลือกทั้งหมดจะถูกลบออกจากแกลเลอรี


  • ลด การเปลี่ยนแปลงของคุณ

  • เมื่อคุณเพิ่มเนื้อหาแล้ว คุณสามารถจัดการได้อย่างง่ายดาย

ตรวจสอบ: จัดการรายการในแกลเลอรี


  • หากต้องการเยี่ยมชมการตั้งค่าแกลเลอรี คลิกที่ แก้ไขแกลเลอรี (1) ปุ่ม

  • จากนั้นคลิกที่ การตั้งค่า (2) แท็บ

คุณจะเห็นตัวเลือกต่อไปนี้ที่นี่:


การตั้งค่าทั่วไป

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


การตั้งค่าสไตล์ตาราง

  1. ระยะห่างระหว่างตาราง : ระบุช่องว่างระหว่างรูปภาพในรูปแบบกริด (0 – 250 พิกเซล)
  2. รัศมีมุม : ใช้เส้นขอบรัศมีเพื่อทำให้มุมของภาพถูกปัดเศษในกริดของแกลเลอรี
  3. สีพื้น : สีพื้นฐานใช้สำหรับการสร้างตารางและมองเห็นได้ชั่วขณะก่อนที่จะโหลดรูปภาพ คุณมีสองตัวเลือกสำหรับสีฐานของกริด
    • สีเฉพาะ : เลือกตัวเลือกนี้เพื่อตั้งค่าสีเฉพาะสำหรับฐานกริด ระบุสีและความทึบสำหรับฐานกริด
    • สีเน้น : ใช้สีเน้นภาพสำหรับฐานกริด ซึ่งจะให้ตารางหลายสีโดยใช้สีเฉพาะจุดของแต่ละภาพ
  4. ความทึบฐาน: หากคุณเลือกประเภทพื้นฐานเป็นสีที่ถูกเน้น ให้ตั้งค่าความทึบของฐานตารางจากที่นี่
  5. โฮเวอร์ :  สิ่งนี้ส่งผลต่อตารางเมื่อวางเคอร์เซอร์ไว้เหนือรูปภาพ
    • เลือกสี : ตั้งค่าสีเฉพาะและความทึบของสีหากคุณเลือก Hover Color สำหรับภาพตารางของคุณ
    • สีเน้น : ใช้สีเน้นรูปภาพสำหรับฐานตาราง สิ่งนี้ส่งผลต่อตารางเมื่อวางเคอร์เซอร์ไว้เหนือรูปภาพ
  6. ความทึบของโฮเวอร์: หากคุณเลือกประเภทโฮเวอร์เป็นสีที่ถูกเน้น ให้ตั้งค่าความทึบของฐานกริดจากที่นี่
  7. เอฟเฟกต์โฮเวอร์: เอฟเฟ็กต์โฮเวอร์จะใช้เฉพาะในเค้าโครงตารางเท่านั้น คุณสามารถเลือกจากตัวเลือกเอฟเฟกต์โฮเวอร์ที่แตกต่างกันบนโฮเวอร์ในโหมดกริด
  8. ไอคอนโฮเวอร์: ไอคอนโฮเวอร์ยังใช้ในรูปแบบกริดของแกลเลอรีอีกด้วย คุณสามารถเลือกที่จะแสดงไอคอนให้กับรูปภาพของคุณในโหมดตารางได้


การตั้งค่าชื่อภาพ

  1. ตัวอักษร: เลือกรูปแบบตัวอักษรเพื่อแสดงชื่อภาพ
  2. สี: ตั้งค่าสีที่ต้องการสำหรับชื่อรูปภาพ
  3. ขนาดตัวอักษร: ระบุขนาดตัวอักษรของชื่อรูปภาพ (เป็นพิกเซล)
  4. ระยะห่างตัวอักษร: ระบุช่องว่างระหว่างตัวอักษรของชื่อรูปภาพ (ใน em)


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

หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับการตั้งค่าไลท์บ็อกซ์ คลิกที่นี่.


การตั้งค่าการแสดงผลบนมือถือ

  1. แสดงเป็น: เลือกแสดงแกลเลอรีเป็น Image Slider หรือในโหมดกริดในมุมมองมือถือ 
  2. คอลัมน์กริด: เลือกจาก มุมมอง 1 คอลัมน์หรือ 2 คอลัมน์ สำหรับการแสดงเส้นตารางในมุมมองมือถือ
  3. รางน้ำกริด: ตั้ง การเว้นวรรค ระหว่างภาพใน มุมมองมือถือ.

ในที่สุด ลด (4) การเปลี่ยนแปลง


ตัวเลือกลายน้ำ

คุณสามารถเพิ่มลายน้ำให้กับรูปภาพของคุณได้อย่างง่ายดายเพื่อปกป้องงานสร้างสรรค์ของคุณและรักษาเอกลักษณ์ของแบรนด์ของคุณ

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

อ่านเพิ่ม เกี่ยวกับภาพลายน้ำ


ในการเปลี่ยนเลย์เอาต์แกลเลอรี:

  • คลิกที่ แก้ไขแกลเลอรี (1) ปุ่ม

  • เลือก แบบ (2) แท็บ และ เลือกเค้าโครง (3) สำหรับมุมมองเดสก์ท็อป
  • ลด (4) การเปลี่ยนแปลงของคุณ


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

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