วันศุกร์ที่ 20 มิถุนายน พ.ศ. 2557

SMF Responsive, ทำบอร์ด SMF ให้ตอบสนองในทุกสัมผัส

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

 Responsive Web Design  คือ คำตอบครับ
 หลายคนคงเข้าใจและรู้จักดีแล้ว ผมจึงจะเล่าแต่สั้นๆ พอได้ใจความ เพราะไม่ใช่ประเด็นหลักที่จะนำมาเขียนในวันนี้


 Responsive Web Design  คือ การออกแบบเว็บไซต์ให้ตอบสนองกับทุกอุปกรณ์ ไม่ว่าจะเป็น พีซี , มือถือ หรือว่าแท็บเล็ต
 เรียกว่าเปิดด้วยอุปกรณ์ตัวไหน เว็บไซต์ก็ยังไฉไลสวยเด้งดั่งเดิม

ลองคลิกเข้า  http://www.thairath.co.th/  แล้วย่อบราวเซอร์ให้เล็กลง จะเห็นชัดเจนครับ

เว็บไซต์ทั้งหลายก็ปรับสภาพออกแบบเป็น Responsive กันเกือบหมด โดยเฉพาะเว็บไซต์สำเร็จรูปอย่าง Wordpress เป็นเจ้าแรกๆที่ออกธีมแนว Responsive มาให้ดาวน์โหลดใช้

หันมาดู SMF เว็บบอร์ดเจ้าเก่า เก่าแก่ที่เหมือนจะมีปัญหามากกับ Responsive เพราะตัวโปรแกรมหลักออกแบบด้วยตาราง ถึงแม้หลังๆจะพยายามปรับเป็น css แล้ว แต่ css ของ smf ก็ยังไม่ Responsive อยู่ดี!

แต่ถามว่าทำได้ไหม? 

คำตอบคือ ทำได้ครับ แต่ยังไม่มีใครทำ?

จริงๆมีผู้ออกแบบเฟรมเวิร์กที่เป็น Responsive หลายเจ้าแล้วครับ และที่ดังๆ ก็คือ Bootstrap 
ฺคลิกเข้าไปดูครับ มีทั้งธีมตัวอย่าง และวิธีใช้งาน

ทีนี้ ถ้าจะทำ SMF ให้เป็น Responsive ก็ไม่ยากแล้วครับ Bootstrap คือคำตอบ

SMF + Bootstrap =  SMF Responsive  ด้วยประการฉะนี้.


บทความหน้า เรามาดูวิธีทำและตัวอย่างธีม SMF Responsive กันครับ ว่าหน้าตาจะเป็นอย่างไร?


ไม่มีความคิดเห็น:

แสดงความคิดเห็น