Pixpa ให้คุณควบคุมวิธีการแสดงภาพในแกลเลอรีของคุณได้มากมาย
เมื่อใช้ตัวเลือกสไตล์แกลเลอรี คุณจะสามารถควบคุมการแสดงรูปภาพในแกลเลอรีร่วมกับเค้าโครงแกลเลอรีได้อย่างเต็มที่
เคล็ดลับ: ตัวเลือกรูปแบบทั่วไซต์ของแกลเลอรีจะถูกนำไปใช้กับแกลเลอรีใหม่ทั้งหมดที่คุณสร้างขึ้นโดยอัตโนมัติ
นอกจากนี้โปรดดูที่: จะแทนที่สไตล์แกลเลอรีทั่วทั้งไซต์ในแกลเลอรีเฉพาะได้อย่างไร
ในบทความนี้:
คุณสามารถปรับแต่งตัวเลือกแกลเลอรีทั่วทั้งเว็บไซต์ได้จาก ส่วน การออกแบบ (1)
เมื่อคุณอยู่ในส่วนการออกแบบแล้ว ให้คลิกที่ แท็บแกล เลอรี (2)
หรือคุณสามารถใช้ตัวเลือกการค้นหาของสตูดิโอได้
- เข้าสู่ แกลเลอรี่ (1) ในแถบค้นหา
- จากผลลัพธ์ที่เกี่ยวข้อง คลิกที่ การออกแบบ – แกลเลอรี่ ตัวเลือก (2)
แกลลอรี่เค้าโครง
- เค้าโครง: เลือกเค้าโครงที่จะใช้กับแกลเลอรี
เรียนรู้วิธีเปลี่ยนเค้าโครงแกลเลอรี. - ความกว้าง : เลือกความกว้างของแกลเลอรี
- 'ความกว้างเต็ม' จะแสดงแกลเลอรีโดยครอบคลุมความกว้างทั้งหมดโดยไม่มีระยะขอบ
- 'ชนิดบรรจุกล่อง' จะแสดงแกลเลอรีโดยเว้นช่องว่างด้านขวาและซ้ายของหน้าจอไว้จำนวนหนึ่ง
- 'ความกว้างของไซต์' สามารถระบุได้ในส่วนการออกแบบ คุณสามารถระบุความกว้างคงที่ได้ที่นี่
จะแสดงแกลเลอรีโดยยึดตามความกว้างคงที่ที่กำหนด
สไตล์กริด
- ระยะห่างระหว่างตาราง : ระบุช่องว่างระหว่างรูปภาพในรูปแบบกริด (0 – 250 พิกเซล)
- รัศมีมุมของภาพ : ใช้เส้นขอบรัศมีเพื่อทำให้มุมของภาพถูกปัดเศษในกริดของแกลเลอรี
ตัวอย่างเช่น แกลเลอรีหน้าแรกของ ธีม Lanternมีระยะห่างของตาราง 142 พิกเซล
หลังจากใช้ฟังก์ชันปรับความโค้งมุมภาพแล้ว คุณจะเห็นขอบภาพที่โค้งมนเหมือนในเทมเพลตBeyond
สีกริด
ความทึบแสงพื้นฐาน: หากคุณเลือกประเภทการวางเมาส์เหนือภาพเป็นสีเน้นของภาพ ให้ตั้งค่าความทึบแสงพื้นฐานของตารางจากที่นี่
- ฐาน : สีพื้นฐานใช้สำหรับการสร้างตารางและมองเห็นได้ชั่วขณะก่อนที่จะโหลดรูปภาพ คุณมีสองตัวเลือกสำหรับสีฐานของกริด
- เลือกสี : เลือกตัวเลือกนี้เพื่อตั้งค่าสีเฉพาะสำหรับฐานกริด ระบุสีและความทึบสำหรับฐานกริด
- สีเน้น : ใช้สีเน้นภาพสำหรับฐานกริด ซึ่งจะให้ตารางหลายสีโดยใช้สีเฉพาะจุดของแต่ละภาพ
- ความทึบฐาน: หากคุณเลือกประเภทพื้นฐานเป็นสีที่ถูกเน้น ให้ตั้งค่าความทึบของฐานตารางจากที่นี่
- โฮเวอร์ : สิ่งนี้ส่งผลต่อตารางเมื่อวางเคอร์เซอร์ไว้เหนือรูปภาพ
- เลือกสี : ตั้งค่าสีโฮเวอร์เริ่มต้นและความทึบของสีหากคุณเลือก เลือกสี สำหรับรูปภาพตารางของคุณ
- สีเน้น : ใช้สีเน้นภาพสำหรับฐานกริด ซึ่งจะให้ตารางหลายสีโดยใช้สีเฉพาะจุดของแต่ละภาพ
- ความทึบของโฮเวอร์: หากคุณเลือกประเภทโฮเวอร์เป็นสีที่ถูกเน้น ให้ตั้งค่าความทึบของฐานกริดจากที่นี่
สีเฉพาะจุดของรูปภาพเป็นสีเด่นของรูปภาพที่เลือกใช้เมื่อคุณอัปโหลดรูปภาพใดๆ
เอฟเฟ็กต์การเลื่อนตาราง
เอฟเฟ็กต์โฮเวอร์จะใช้ในเค้าโครงกริดเท่านั้น คุณสามารถแสดงตัวเลือกต่อไปนี้เมื่อโฮเวอร์ในโหมดกริด
- ไม่มีผลอะไร – เพื่อไม่ให้เกิดผลกับภาพในโหมดกริด
- Color – สำหรับโฮเวอร์สีบนรูปภาพของคุณในโหมดกริดเท่านั้น
- ชื่อเรื่องสีและรูปภาพ – สำหรับโฮเวอร์สีรูปภาพพร้อมชื่อรูปภาพ คุณสามารถตั้งค่าสีโฮเวอร์และสีข้อความชื่อภาพ/แบบอักษร/ขนาด/น้ำหนักใน ตัวเลือกถัดไป.
- สีและไอคอน – สำหรับโฮเวอร์สีภาพที่มีไอคอน
- สี ชื่อรูปภาพ และไอคอน – สำหรับสีโฮเวอร์รูปภาพ ชื่อภาพ และไอคอน คุณยังสามารถเพิ่มไอคอนบนรูปภาพของคุณ เช่น เครื่องหมายบวก ลูกศร กากบาท และตา
ไอคอนโฮเวอร์
- ไอคอนโฮเวอร์ใช้เฉพาะในรูปแบบกริดของแกลเลอรี คุณสามารถเลือกที่จะแสดงไอคอนให้กับรูปภาพของคุณในโหมดกริด
- ตัวเลือกคือ – บวก ลูกศร กากบาท และตา ใช้ได้เฉพาะเมื่อเลือกไอคอนใน โฉบผล หล่นลง.
ชื่อรูปภาพ
- สิ่งนี้ใช้เมื่อคุณเลือกที่จะแสดงชื่อภาพเมื่อโฮเวอร์
ขอบภาพ
Pixpa มีฟีเจอร์ขอบภาพที่ใช้งานได้หลากหลาย ช่วยให้คุณเพิ่มความสวยงามให้กับเว็บไซต์ของคุณด้วยการเพิ่มขอบรอบรูปภาพคลิกที่นี่เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับฟีเจอร์ขอบภาพ
การแสดงไลท์บ็อกซ์
1. เปิดไลท์บ็อกซ์
- เมื่อรูปภาพแสดงในตาราง การคลิกที่รูปภาพจะเป็นการเปิดรูปภาพนั้นในโหมดไลท์บ็อกซ์ (แสดงทั้งภาพ)
- คุณสามารถเปิดหรือปิดได้จากที่นี่
ลองดูการทำงานของโหมด Lightbox :
2. เปิดใช้งานการซูม
- เปิด/ปิดการซูมภาพในโหมดไลท์บ็อกซ์
- คุณลักษณะการซูมจะทำงานบนเดสก์ท็อปเช่นเดียวกับเว็บไซต์บนมือถือด้วย
3. ตัวเลือกการแสดงผล
- เลือกวิธีที่คุณต้องการแสดงภาพของคุณในการแสดงภาพแบบเต็ม
- คุณสามารถเลือกจาก แสดงเฉพาะภาพ, ภาพที่มีภาพขนาดย่อ, ภาพพร้อมคำบรรยายด้านล่างและ ภาพพร้อมคำบรรยายด้านขวา.
ตัวอย่างเช่นแกลเลอรีที่แสดงเฉพาะรูปภาพ
ตัวอย่างเช่นแกลเลอรีที่แสดงภาพพร้อมภาพขนาดย่อ
ตัวอย่างเช่นแกลเลอรีที่แสดงภาพพร้อมคำบรรยายใต้ภาพ
ตัวอย่างเช่นแกลเลอรีที่แสดงภาพพร้อมคำบรรยายทางด้านขวา
4. ตัวเลือกสีซ้อนทับ
สีโอเวอร์เลย์คือสีพื้นหลังที่จะปรากฏขึ้นเมื่อดูภาพในโหมดไลท์บ็อกซ์ การปรับสีโอเวอร์เลย์จะช่วยให้เข้ากับรูปลักษณ์และสไตล์การออกแบบเว็บไซต์ของคุณ และทำให้ภาพของคุณดูสวยงามและกลมกลืนในมุมมองไลท์บ็อกซ์
- เลือกกระเป๋า สีที่กำหนดเอง ตัวเลือกในการกำหนดสีพื้นหลังเฉพาะสำหรับภาพทั้งหมดที่ดูในโหมดไลท์บ็อกซ์ คุณสามารถกำหนดสีที่ต้องการได้ใน สีซ้อนทับ การตั้งค่า อ่านเพิ่ม.
- Choose สี Accent เพื่อใช้สีที่เป็นเอกลักษณ์จากโทนสีของแต่ละภาพ คุณสามารถปรับแต่งสีนี้สำหรับแต่ละภาพได้ตามต้องการ อ่านเพิ่ม.
- หากคุณเลือกตัวเลือกสีเน้น คุณสามารถปรับได้ ความทึบแสง (ความโปร่งใส) ของสีพื้นหลัง
5. การดูภาพ
ระบุโหมดการแสดงผลสำหรับ Lightbox –
- ขนาดและความพอดี – ภาพจะถูกปรับขนาดให้พอดีกับพื้นที่เบราว์เซอร์ที่มีอยู่เพื่อให้มองเห็นภาพเต็มได้
- เต็มเลือด – รูปภาพจะถูกปรับขนาดให้เต็มพื้นที่เบราว์เซอร์ที่มีอยู่ทั้งหมด – บางส่วนของรูปภาพอาจถูกตัดออกเพื่อให้ได้การแสดงผลแบบเต็มหน้าจอนี้
ตัวอย่างเช่นแกลเลอรีที่มี โหมดปรับ ขนาดและพอดีซึ่งภาพจะพอดีกับความสูงของเบราว์เซอร์ที่มีอยู่
ตัวอย่างเช่นแกลเลอรีที่มีโหมดแสดงผลแบบเต็มหน้า จอ ซึ่งภาพจะถูกยืดให้เต็มความกว้างของเบราว์เซอร์ที่มีอยู่
6. การควบคุม
ในมุมมองไลท์บ็อกซ์ ให้เลือกวิธีที่คุณต้องการแสดงการควบคุมการนำทาง เช่น ไอคอนข้อมูลรูปภาพ ไอคอนข้อมูลแกลเลอรี ไอคอนกากบาท ไอคอนพอดีกับเบราว์เซอร์ ฯลฯ ตัวเลือกต่างๆ ได้แก่:
- มองเห็นได้เสมอ (แสดงการควบคุมการนำทางที่ด้านบนของภาพเสมอ)
- แสดงเมื่อวางเมาส์เหนือ (การควบคุมการนำทางจะแสดงเมื่อคุณเลื่อนเคอร์เซอร์บนหน้าจอเท่านั้น)
- ซ่อนเร้น (ตัวควบคุมการนำทางจะไม่แสดง)
ตัวอย่างเช่นแกลเลอรีที่มีปุ่มควบคุมการนำทางที่แสดงอยู่ตลอดเวลา
ตัวอย่างเช่นแกลเลอรีที่มีปุ่มควบคุมการนำทางเมื่อวางเมาส์เหนือภาพ
ตัวอย่างเช่นแกลเลอรีที่มีปุ่มควบคุมการนำทางที่ซ่อนอยู่
7. สไตล์ถัดไป/ก่อนหน้า
ในการแสดงภาพแบบเต็ม เลือกวิธีที่คุณต้องการแสดงลูกศรนำทาง
- ลอย : ลูกศรนำทางจะลอยอยู่ เลื่อนเคอร์เซอร์ไปเหนือรูปภาพ และคลิกบนหน้าจอเมื่อลูกศรปรากฏขึ้นเพื่อเลื่อนดูรูปภาพต่างๆ
- บั้งนายสิบ
- ลูกศร
- แสดงลูกศรในวงกลม
- ซ่อนเร้น : ปิดการใช้งานลูกศรนำทางอย่างสมบูรณ์
8. ชื่อไฟล์ภาพ
- เลือกเพื่อแสดงชื่อไฟล์เมื่อดูภาพในโหมดไลท์บ็อกซ์
ดูในการดำเนินการ:
9. ขนาดภาพสูงสุด
การตั้งค่านี้ควบคุมความละเอียดสูงสุดที่ภาพในแกลเลอรีของคุณจะแสดงในโหมดไลท์บ็อกซ์คุณสามารถเลือกจากตัวเลือกต่อไปนี้:
- อัตโนมัติ - ปรับขนาดภาพโดยอัตโนมัติตามความละเอียดหน้าจอและความละเอียดของอุปกรณ์ของผู้ชม ระบบจะเลือกภาพเวอร์ชันที่เหมาะสมที่สุดอย่างชาญฉลาด เพื่อให้มั่นใจถึงความคมชัดและประสิทธิภาพสูงสุด
- ขนาดคงที่ – 2048 พิกเซล, 1500 พิกเซล, 1000 พิกเซล, 800 พิกเซล หรือ 500 พิกเซล การเลือกขนาดคงที่หมายความว่าภาพไลท์บ็อกซ์ทั้งหมดจะแสดงตามความละเอียดสูงสุดที่กำหนด ขึ้นอยู่กับอุปกรณ์หรือขนาดหน้าจอของผู้ใช้
หากภาพต้นฉบับที่คุณอัปโหลดมีความละเอียดต่ำกว่าขนาดที่เลือกไว้ ภาพจะแสดงผลด้วยความละเอียดดั้งเดิมจะไม่ขยายหรือปรับขนาดให้ใหญ่ขึ้น
การตั้งค่าสไลด์โชว์
- สไลด์โชว์ : คลิกที่ เล่นอัตโนมัติ เพื่อเริ่มการแสดงภาพสไลด์โดยอัตโนมัติในโปรแกรมดูรูปภาพแบบเต็ม คุณยังสามารถปิดใช้งานสไลด์โชว์ได้อีกด้วย
- ความเร็ว: เลือกความเร็วของการเปลี่ยนแปลง คุณสามารถเลือกได้ตั้งแต่ 1 ถึง 10 วินาที
- การเปลี่ยนแปลง : เลือกรูปแบบการเปลี่ยนภาพสไลด์โชว์
ดูสไลด์โชว์ในการดำเนินการ:
ตัวเลือกสี
คุณสมบัตินี้ช่วยให้สามารถใช้สีเน้น ของภาพเป็นพื้นหลังเมื่อดูภาพใน โหมดไลท์บ็อกซ์ซึ่งจะช่วยเพิ่มประสบการณ์การรับชมโดยการจัดวางพื้นหลังให้สอดคล้องกับสีเน้นของภาพ
- ใช้สีเน้นเป็นสีอ่อน:
- โดยค่าเริ่มต้น สีพื้นหลังไลท์บ็อกซ์ จะถูกนำไปใช้เมื่อดูภาพในโหมด Lightbox
- เมื่อคุณเปิดใช้งานตัวเลือกนี้ สี Accent ที่เกี่ยวข้องกับภาพจะถูกใช้เป็นสีพื้นหลังของ Lightbox เพื่อให้ดูมีชีวิตชีวาและสอดประสานกันมากยิ่งขึ้น
- ความทึบของสี:
- คุณสามารถจัดการความทึบของ โทนสีเน้น โดยใช้แถบเลื่อนสี
- การปรับความทึบจะผสมผสาน สี Accent ด้วยสีพื้นหลัง Lightbox ช่วยให้คุณสร้างสรรค์รูปลักษณ์ที่ไร้รอยต่อและเป็นมืออาชีพ
จอแสดงผลมือถือ
- แสดงเป็น: เลือกแสดงแกลเลอรีเป็น Image Slider หรือในโหมดกริดในมุมมองมือถือ
- คอลัมน์กริด: เลือกจาก มุมมอง 1 คอลัมน์หรือ 2 คอลัมน์ สำหรับการแสดงเส้นตารางในมุมมองมือถือ
- ระยะห่างระหว่างตาราง : ตั้ง ท่อ ระหว่างภาพใน มุมมองมือถือ.
บทความที่เกี่ยวข้อง:
- สร้างแกลเลอรี
- อัพโหลดรายการไปยังแกลเลอรี่ของคุณ
- แนวทางปฏิบัติที่ดีที่สุดสำหรับการตั้งชื่อไฟล์ภาพ
- เพิ่มคำบรรยายภาพ