เว็บไซต์ Wix จาก Scratch - Grid Gallery

• อาจ 21, 2024

ในบทช่วยสอนนี้เราจะเพิ่มแกลเลอรีในเว็บไซต์ Wix ของเราซึ่งเราได้สร้างจากเทมเพลตเปล่า การเริ่มต้นจากศูนย์เป็นวิธีที่ดีในการเรียนรู้พื้นฐาน

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

1. คลิกที่ไอคอนเครื่องหมายบวกในเมนูด้านซ้ายและเลือกคลังภาพจากรายการ
   
   
2. เลื่อนเมาส์ไปที่ภาพขนาดย่อของแกลเลอรี่แต่ละภาพเพื่อดูตัวอย่างและคำอธิบาย
   
   
3. ตอนนี้ลากแกลเลอรี่กริดไปที่หน้า
   
   
4. ใช้ตัวจัดการการปรับขนาดเพื่อปรับขนาดกริดตามที่คุณต้องการ ฉันปรับขนาดกริดเป็นความกว้างหน้า 980
   
   ณ จุดนี้แกลเลอรี่จะมีรูปภาพตัวแทน ตอนนี้เรามาช่วยกันปรับแต่งการตั้งค่าแกลเลอรี่ตามความต้องการของเรา
   
   การตั้งค่าแกลลอรี่ Grid
   
   การปรับขนาดรูปภาพ - คุณมีตัวเลือกสำหรับการครอบตัดหรือปรับขนาดรูปภาพเพื่อให้พอดีกับภายในเฟรม การตั้งค่า Autocrop จะตัดภาพให้พอดีกับเฟรมโดยอัตโนมัติและตัวเลือกพอดีจะปรับขนาดภาพให้พอดีภายในเฟรม
   
   เมื่อคลิก - คุณมีสามตัวเลือกสำหรับสิ่งที่เกิดขึ้นเมื่อมีการคลิกภาพแกลเลอรี่ ทางเลือกหนึ่งสำหรับสิ่งที่จะเกิดขึ้น อย่างที่สองก็คือให้เปิดภาพเหมือนป็อปอัพ ที่สามคือการเปิดลิงก์ ส่วนใหญ่แล้วป๊อปอัพเป็นตัวเลือกที่ดีเพราะภาพจะแสดงในขนาดที่ใหญ่กว่า แต่ถ้าคุณต้องการส่งผู้เยี่ยมชมไปยังหน้าอื่นให้ใช้ตัวเลือกเปิดลิงก์
   
   
5. เลือกคลังภาพและคลิกไอคอนการตั้งค่าในเมนูป๊อปอัพ
   
   
6. ในหน้าต่างการตั้งค่ากริดค้นหาส่วนทำภาพทำงานอย่างไร เลือก AutoCrop หรือ Fit
   
   
7. ในส่วนเมื่อถูกคลิกให้ตั้งค่าหนึ่งในสามตัวเลือก
   
   การออกแบบแกลลอรี่
   
   ดังกล่าวข้างต้นคุณสามารถสลับการออกแบบแกลเลอรี่ได้ตลอดเวลา แต่ให้ทำต่อไปโดยปรับแต่งการออกแบบกริดของเรา สำหรับการออกแบบตารางเราสามารถปรับแต่งเส้นขอบมุมเงาและข้อความ
   
   
8. เมื่อเลือกแกลเลอรีแล้วให้คลิกไอคอนออกแบบ (แปรงทาสี)
   
   
9. สำหรับการตั้งค่าเส้นขอบเราสามารถเปลี่ยนสีความทึบและความกว้างของเส้นขอบ ลองตั้งค่าเริ่มต้นของความกว้างที่ตั้งไว้ที่ 0 ดังนั้นจึงไม่มีขอบ
   
   
10. รัศมีมุม - คลิกไอคอนสำหรับรัศมีมุมและกำหนดรัศมีมุมซ้ายบนตามที่คุณต้องการ ในขณะที่ไอคอนลิงก์ระบุอีกสามมุมที่จะอัปเดตให้ตรงกัน
    
    
11. เงา - เลือกไอคอนเงา หากต้องการเพิ่มเงาให้คลิกที่เปิดใช้งานสลับเงาและตั้งค่ามุม, ระยะทาง, ขนาด, เบลอและสี / ความทึบสำหรับเงา
    
    
12. ข้อความ - คลิกที่ไอคอน T เพื่อตั้งค่าตัวเลือกสำหรับการตั้งค่าชื่อคำอธิบายและข้อความอื่น ๆ มาเปลี่ยนข้อความจากค่าเริ่มต้นเป็นธีมข้อความย่อหน้าที่ 1 ของเรา ทำซ้ำสำหรับข้อความคำอธิบาย
    
    การตั้งค่าเค้าโครง
    
    สำหรับการออกแบบแกลเลอรี่ Grid เราสามารถควบคุมจำนวนคอลัมน์และแถวสำหรับรูปขนาดย่อ นอกจากนี้เรายังสามารถควบคุมระยะห่างระหว่างภาพขนาดย่อและวิธีแสดงข้อความบนภาพ
    
    
13. เมื่อแกลเลอรียังคงเลือกอยู่ให้คลิกไอคอนเค้าโครงจากเมนูป๊อปอัป
    
    
14. ใช้แถบเลื่อนเพื่อกำหนดจำนวนคอลัมน์และแถว การเพิ่มคอลัมน์และแถวเพิ่มเติมจะทำให้รูปภาพขนาดเล็กลงในตาราง
    
    
15. คุณสามารถใช้ตัวเลื่อน Spacing เพื่อเพิ่มจำนวนพิกเซลระหว่างรูปขนาดย่อ การเพิ่มพื้นที่เพิ่มเติมจะลดขนาดของรูปขนาดย่อ
    
    
16. ภายใต้แถบเลื่อนส่วนการจัดตำแหน่งข้อความคือ คุณมีตัวเลือกสำหรับข้อความที่จะแสดงทางซ้ายขวาหรือกึ่งกลาง
    
    

ภาพหน้าจอที่ใช้โดยได้รับอนุญาตจาก Wix.com, Inc.

คำแนะนำวิดีโอ: How to Move your WordPress site from a Subfolder to the Root Directory (อาจ 2024).