Responsive web design

ห่างหายจากการทำเว็บไปนาน ยุคนี้ต้องเน้นให้เปิดเว็บบนโทรศัพท์ก็อ่านง่าย ผมใช้ wordpress ก็เลยง่ายเพราะเป็น Responsive web design อยู่แล้วแต่ต้องเปลี่ยน theme ใหม่ เพราะว่า theme เดิมที่ใช้โชว์ menu เต็มอยู่ด้านบนของเว็บ ซึ่งเมนูกินเนื้อที่ไปเยอะกว่าจะเห็นเนื้อหา เลยใช้ theme นี้ที่ยุบ menu มารวมกัน

จากนั้นก็มาปรับเรื่อง sidebar ให้ซ่อนที่ 909px ตัวเลขนี้ผมไม่แน่ใจว่าแต่ละ theme เหมือนกันหรือเปล่า แต่ theme ที่ผมใช้ 909px คือขนาดที่ sidebar ไม่หล่นไปอยู่ข้างล่าง และไม่เจอพื้นที่โล่งกว้างๆ ด้านขวามือ

Responsive web design ก็คือเว็บที่ปรับขนาดตัวเองอัตโนมัติ ให้เหมาะสมกับหน้าจอของอุปกรณ์ที่เข้ามาใช้งาน เพื่อให้อ่านง่ายไม่ว่าจะใช้โทรศัพท์, tablet หรือ PC

ผมทดสอบกับ iPAD, Tablet Android และ โทรศัพท์ Android แสดงผลได้ดี อ่านง่ายทุกอุปกรณ์ รวมทั้ง Windows Snap Assist ที่แบ่งหน้าจอ Windows ก็แสดงผลได้ดีทั้ง Chrome และ Firefox

แสดงผลเต็มจอ Full HD
ความกว้างน้อยที่สุดที่เห็น sidebar
เมื่อหน้าจอแคบที่สุด ก็ลดจำนวน column รูปภาพลง
เมื่อ sidebar โดนซ่อนจะเห็นว่าเนื้อหามีขนาดใหญ่ขึ้น

Update to WordPress 3.0

ตอนนี้เว็บไซต์ implementer.co.th ได้ update ขึ้นมาเป็น WordPress 3.0 สิ่งที่ทำคือเอาไฟล์ใหม่มาทับของเก่าโดยที่ไม่ได้แก้ไขอะไรเลย ซึ่งตอนนี้ยังไม่เจอปัญหาอะไร ในหน้า Admin มีการเปลี่ยนแปลงนิดหน่อย ตอนนี้ก็พยายามหาดูว่าจะมีปัญหาอะไรบ้าง

admin2.jpgadmin3.jpgadmin1.jpg Continue reading “Update to WordPress 3.0”

Update Web W3C Validation

ผมได้เปลี่ยนโครงสร้างของเว็บ implementer.co.th ไปหลายส่วน ทำให้ช่วงนี้ไม่ได้เพิ่มเนื้อหาเท่าไหร่ โดยส่วนสำคัญที่เปลี่ยนแปลงก็คือ
  1. แก้  Template ตรงส่วน Primary โดยใส่กรอบเป็น Curve และ Gradient โดยใช้ CSS3 แต่ IE8 ลงไปยังมองเห็นเป็นกรอบธรรมดา
  2. เอา Slide Show ด้านบนออก เพราะผมรู้สึกว่ามันทำให้เว็บโหลดมากไป แล้วก็ดูน่ารำคาญมากกว่า
  3. ในหน้า Homepage (http://www.implementer.co.th/) เอา table ทั้งหมดออกเปลี่ยนเป็น CSS แทน
  4. ไปทดสอบที่ W3C ว่าผ่านเรื่อง XHTML แต่ CSS ไม่ผ่านเพราะมี CSS3 อยู่ ซึ่งตรงนี้คงไม่แก้
  5. ก่อนผ่าน W3C ติด Plugin reCAPTCHA มี error ก็ไปแก้ตามนี้ Continue reading “Update Web W3C Validation”

Update Web: ข้อมูลการแก้ไข Theme

เว็บไซต์ Implementer Limited ใช้ PrimePress เป็น theme ของ wordpress ซึ่งได้ทำการแก้ไข หลาย ๆ ส่วนเพื่อให้เข้ากับหน้าหลัก

ภาพเปรียบเทียบ

wp0b.jpg wp0a.jpg บริษัท อิมพลีเมนเตอร์ จำกัด_1274803378363.jpg

Continue reading “Update Web: ข้อมูลการแก้ไข Theme”

แก้ปัญหา Lightbox ใน wordpress

Lightbox เป็น plugin ที่ติดตั้งใน wordpress เพื่อให้เวลาแสดงผลรูปภาพจะทำการ fade สีของเว็บให้มืดลง โดยจะสว่างเฉพาะตรงรูปภาพตามตัวอย่าง
2010-05-10_15-29-15.jpg Continue reading “แก้ปัญหา Lightbox ใน wordpress”