ในการที่เราจะสร้างเว็บไซต์ให้เหมาะและรองรับกับการเป็นเว็บแสดงผลงานหรือ Gallery หากเราเขียน PHP เพียวๆ แล้วล่ะก็ คงใช้เวลาพอสมควร แต่วันนี้ WordPress + Plugin ที่ผมเคยแนะนำ ช่วยให้ผมย่นเวลาการทำงานลงมาได้มากกว่าเดิมเป็นเท่าตัว

ต่อจากบทความนี้นะครับ สร้างอัลบั้มด้วย Responsive Lightbox Plugin ขั้นเทพ ในการสร้างอัลบั้มของ wordpess นั้น ภาพอัลบั้มที่ได้มักจะเป็นสี่เหลี่ยมจัตุรัสไม่มีความสวยงามเอาซะเลย ตัวอย่างเช่น

tsu-gallery-images-1

หากจะปรับแต่งต้องไปแก้ที่ไฟล์ CSS เพิ่มเติมยุ่งยาก ถ้าคนที่ไม่รู้ Programming ล่ะ จะไปปรับยังงัย วันนี้ผมมีวิธีปรับเล็กๆน้อยๆมาฝากครับเกี่ยวกับ วิธีปรับขนาดของภาพใน Gallery ของ WordPress ไม่ให้มันเป็นสี่เหลี่ยมจัตุรัสอีกต่อไป มาดูกันครับ

วิธีปรับขนาดของภาพใน Gallery ของ WordPress

  • ก่อนอื่น Login เข้า Admin ของ Wordpres ก่อนเลย แล้วไปที่เมนู Settings -> Media ครับ

tsu-gallery-images-2

  • จะเห็นว่าภาพ Thumbnail size มีขนาดเริ่มต้นอยู่ที่ 150×150 Pixel ให้แก้เป็นขนาดที่ต้องการครับ
  • จากนั้นไปที่การสร้าง Gallery ในส่วนของ Add Post เมื่อสร้างเสร็จแล้ว ให้  View code ดู แก้ไขตามนี้ครับ

tsu-gallery-images-3

  • ใส่ size=”thumbnail” เพิ่มเติมลงไป เท่านี้ของรูปภาพในอัลบั้ม ก็ไปเป็นไปตามที่เราต้องการแล้วครับ ไม่ต้องทนเห็นมันเป็นสี่เหลี่ยมจัตุรัสอีกต่อไป

หากต้องการปรับแก้ขนาดอีก ก็ทำแบบเดิมครับ เท่านี้ก็จะได้ขนาดที่ดูสวยงามกว่าสี่เหลี่ยมจัตุรัสแล้ว ลองดูตัวอย่างได้ที่เว็บไซต์ www.firedub.com ผมใช้หลักการจากบทความนี้แหละครับ

ขอบคุณรูปภาพและข้อมูลจาก amethystwebsitedesign.com

Comments