กริดของแกลเลอรี่

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

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

    หมายเหตุ:

    วินโดว์จะแสดงไฟล์ที่ใช้ได้ทั้งหมด คุณต้องเลือกประเภทไฟล์ที่เหมาะสมกับคอนเท็กซ์ ตัวอย่างเช่น หากคุณเลือกไฟล์รูปภาพ คุณต้องเลือกไฟล์ที่มีรูปแบบรูปภาพที่ถูกต้อง (GIF, JPG, JPEG, PNG หรือ SVG)
    1. ค้นหาและเลือกรูปภาพที่คุณต้องการใช้

      หากคุณไม่เห็นข้อมูลดิจิตัลใดๆ ให้คลิก ไอคอนฟิลเตอร์ข้อมูล และเปลี่ยนแปลงฟิลเตอร์คอลเล็คชันเป็น ทั้งหมด

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

      • เว็บเพจ: ระบุ URL แบบเต็มไปยังเพจหรือไซต์ภายนอก และเลือกตำแหน่งที่จะเปิดลิงค์

      • เพจของไซต์: ใช้ตัวเลือกเพจเพื่อเลือกเพจบนไซต์ปัจจุบัน และเลือกตำแหน่งที่จะเปิดลิงค์ คุณสามารถระบุพารามิเตอร์ URL เพิ่มเติมในรูปแบบ key1=value1&key2=value2 ระบบรองรับค่าว่างเปล่า ตัวอย่างเช่น key1=&key2=value2 คุณสามารถระบุแองเคอร์ URL แต่ต้องเพิ่มเลย์เอาต์ส่วนแองเคอร์พิเศษไปที่เพจไซต์เป้าหมายที่คุณต้องการให้ลิงค์แองเคอร์แปลค่า และระบุชื่อแองเคอร์เดียวกันในการตั้งค่าเลย์เอาต์ที่คุณใช้เมื่อกำหนดการดำเนินการทริกเกอร์

        หมายเหตุ:

        เลย์เอาต์ส่วนแองเคอร์ที่จำเป็นสำหรับการใช้แองเคอร์ URL ได้รับการกระจายในชุดเครื่องมือ OCE สำหรับข้อมูลเกี่ยวกับวิธีรับชุดเครื่องมือ โปรดดู พัฒนาด้วยชุดเครื่องมือ OCE
      • ดาวน์โหลดไฟล์: ดาวน์โหลดไฟล์ที่เลือกไว้จากพื้นที่เก็บข้อมูล เลือกไฟล์

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

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

      • อีเมล์: ระบุอีเมล์แอดเดรสที่ถูกต้อง และอาจเลือกระบุเรื่อง ข้อความผลลัพธ์จะเปิดในและส่งผ่านไคลเอนต์อีเมล์ดีฟอลต์

      • ตัวอย่างรูปภาพ: รูปภาพที่เลือกไว้จะปรากฏเป็นภาพซ้อนทับบนเพจ

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

      • การติดต่อทางโทรศัพท์: ป้อนหมายเลขโทรศัพท์ที่ถูกต้อง

    3. คลิก ย้อนกลับ เพื่อกลับสู่แผงข้อมูลการตั้งค่ารูปภาพ คลิก ย้อนกลับ อีกครั้งเพื่อกลับสู่ลิสต์ของรูปภาพเพื่อเลือกรูปภาพอื่นที่จะอัปเดต
    4. เมื่อคุณอัปเดตแต่ละรูปภาพเรียบร้อยแล้ว ให้คลิก ย้อนกลับ เพื่อระบุตัวเลือกของแกลเลอรี่
  7. ใช้ตัวเลือก เลย์เอาต์ เพื่อจัดเรียงรูปภาพในกริด
    • ก่ออิฐ
    • คอลัมน์
    • กำหนดเอง
    ตัวเลือกเหล่านี้แต่ละตัวเลือกได้รับการอธิบายในขั้นตอนต่อไปนี้
  8. เลือกเลย์เอาต์ ก่ออิฐ เพื่อจัดเรียงรูปภาพในแถวภายในพื้นที่ว่างที่มีโดยอัตโนมัติ
    แถวที่เป็นผลลัพธ์จะมีความสูงเท่ากัน แต่ไม่มีการกำหนดคอลัมน์
    คำอธิบาย GUID-4CAF671A-F931-4177-BB92-E5F082663996-default.png มีดังนี้
    คำอธิบายภาพ GUID-4CAF671A-F931-4177-BB92-E5F082663996-default.png
    1. ระบุ ความสูง เพื่อปรับสเกลรูปภาพทั้งหมดให้ได้สัดส่วนตามความสูงที่ระบุเป็นพิกเซล
    2. ระบุ ระยะห่างรูปภาพ เพื่อเพิ่มหรือลดระยะห่างระหว่างรูปภาพในแถว
  9. เลือกเลย์เอาต์ คอลัมน์ เพื่อจัดเรียงรูปภาพในแถวและคอลัมน์
    1. เลือกตัวเลือก ปรับสเกล เพื่อปรับการแสดงรูปภาพในกริด:
      • ครอบตัด: ปรับสเกลสองไดเมนชัน (ความกว้างหรือความสูง) ที่มีขนาดเล็กกว่าเพื่อให้พอดีกับพื้นที่ว่างที่มี และครอบตัดไดเมนชันที่ใหญ่กว่าเพื่อป้องกันการยืดภาพ

      • พอดี: ปรับสเกลแต่ละภาพเพื่อให้ทั้งภาพพอดีกับพื้นที่ว่างที่มี โดยไม่ทำให้รูปภาพบิดเบี้ยว
      ตัวอย่างเช่น กริดต่อไปนี้ใช้สี่คอลัมน์และปรับสเกลรูปภาพหกภาพให้พอดี:
      คำอธิบาย GUID-4AB0B5DD-89B4-492D-A968-45482B3953CE-default.png มีดังนี้
      คำอธิบายภาพ GUID-4AB0B5DD-89B4-492D-A968-45482B3953CE-default.png

      นี่คือกริดเดิมที่รูปภาพโดนครอบตัด:
      คำอธิบาย GUID-3B1C55AE-E995-41C4-A9D9-F52FA75FF7E3-default.png มีดังนี้
      คำอธิบายภาพ GUID-3B1C55AE-E995-41C4-A9D9-F52FA75FF7E3-default.png

    2. ระบุ สัดส่วน เพื่อกำหนดรูปร่างของเซลล์ในกริด
      • สี่เหลี่ยมจัตุรัส: สัดส่วนเท่ากับ 1:1

      • แนวนอน: สัดส่วนเท่ากับ 16:9

      • แนวตั้ง: สัดส่วนเท่ากับ 9:16
      • กำหนดเอง: ระบุค่าตัวเลขของคุณเองสำหรับสัดส่วน

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

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