ผู้เขียน หัวข้อ: แบ่งคอลัมน์ให้ Widget โดยไม่ต้องเขียนโค้ด  (อ่าน 1383 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ smf

  • [color=green][i]"ถ้าคุณไม่สามารถอธิบายอย่างง่ายๆ ให้คนอื่นเข้าใจได้แล้วล่ะก็ แสดงว่าคุณยังเข้าใจมันไม่ดีพอ"[/i][/color]
  • Administrator
  • Hero Member
  • *****
  • กระทู้: 1,368
  • พอยท์: 5
    • ดูรายละเอียด
    • pordoo.com
    • อีเมล์
มีปลั๊กอิน WordPress ฟรี ๆ ดี ๆ มาแนะนำกันอีกแล้วครับ เนื่องจากตอนผมทำเว็บไซต์ด้วย WordPress แล้วเห็นในส่วน Footer ของเว็บไซต์อื่น ๆ จะนิยมวาง Widget แบ่งเป็นหลายคอลัมน์กันครับ (ลองดูของ Designil เป็นตัวอย่างก็ได้) ผมก็อยากทำบ้าง
 designil-footer-3-column-design height=379 จะเห็นว่า Footer ของเว็บไซต์ Designil.com แบ่งออกเป็น 3 คอลัมน์
  ซึ่งการจะทำแบบนี้ใน WordPress โดยปกติแล้ว Theme ที่เราใช้ก็ต้องรองรับการทำ Footer หลายคอลัมน์ด้วยครับ ซึ่งก็ต้องพึ่งพา Developer ในการทำธีมให้ซัพพอร์ท Footer แบบนี้ แต่บางธีมก็ไม่ได้ทำมาให้เราครับ
สิ่งที่ผมจะมาแชร์กันในบทความนี้ คือ วิธีการแบ่งคอลัมน์ให้ Widget ที่สามารถทำได้ง่ายๆ โดยไม่ต้องเขียนโค้ดเพิ่มเติมเอง ไม่ต้องง้อคนทำธีม โดยเราจะใช้ Plugin WordPress ฟรี เข้าช่วยจัดการ นั่นก็คือ Widgets in Columns
 ปลั๊กอิน WordPress ฟรี : Widget in Columns height=352 ปลั๊กอิน WordPress ฟรี : Widgets in Column
  เข้าไปดาวน์โหลดและติดตั้งให้เรียบร้อยนะครับ เมื่อเราได้ทำการติดตั้งเสร็จเรียบร้อยแล้ว ให้เข้าไปที่ Appearance » Widgets จากนั้นลาก Widget ที่เราต้องการจะจัดคอลัมน์ลงไปตามปกติเลย
 Widget height=330 มีช่อง Width เพิ่มขึ้นมาจากปกติ
  จะพบว่าหลังจากเราติดตั้งปลั๊กอินไปแล้ว ในทุก Widget จะมีช่องเลือก Width (ความกว้าง) เพิ่มขึ้นมาเพื่อให้เรากำหนดความกว้างของแต่ละ Widget เองได้เลย อยากได้อันไหนใหญ่ อันไหนเล็กกำหนดได้หมด
ตัวอย่างการใช้งาน:
ถ้าอยากจะแบ่งคอลัมน์ให้มี 4 คอลัมน์ เราก็เพิ่ม Widget เข้าไป 4 ตัว แต่ละตัวกำหนดเป็น Widget 1/4 แค่นี้ก็สามารถแบ่งเป็น 4 คอลัมน์ได้ง่าย ๆ แล้ว
 ตัวอย่าง height=492 ตัวอย่างการใช้งานปลั๊กอิน Widgets in Column
  ถ้าใครยังไม่พอใจกับปลั๊กอิน WordPress ฟรีตัวนี้ ก็สามารถใช้ปลั๊กอินฟรีอีกตัว ชื่อ Responsive Column Widget ซึ่งจะรองรับการทำ Responsive ด้วยครับ


ที่มา: http://www.designil.com/free-wordpress-plugin-column-widget.html