ปรับธีมใหม่ให้ Biomed.in.th ดูดีขึ้นนิดหน่อย

ไปงาน WordPress Developer Night มาแล้ว อยากลงมือทำอะไรสักอย่าง ก็เลยปล่อยออกมา โดยเอาธีมของ Biomed.in.th เป็นที่รองรับ ปรับตรงนั้น เล่นตรงนี้หน่อย ทำให้เข้าใจเรื่อง CSS เพิ่มอีกนิด ได้ธีมใหม่ที่พอรับได้

รายการที่ทำมีดังนี้

  • เปลี่ยนโลโก้ใหม่ เปลี่ยนหัวเป็น url ของเว็บ พยายามคิดสโลแกนคิดไม่ออกสักที เอาอันนี้ไปก่อน
  • ใส่ Feature slide เข้ามา ใช้ปลั๊กอิน Featured Content Slider ปรับ css นิดหน่อยให้เข้ากับเว็บ ตอนแรกมีปัญหา “jquery is not defined” เข้าใจว่ามันชนกับอะไรสักอย่างในเว็บ ปวดหัวมาก ไล่ปิดปลั๊กอินแต่ละอันก็ไม่เจอ ลองเปลี่ยนธีมใหม่ลองดู กลับใช้ได้ เลยได้ความว่ามีปัญหากับธีมนี้ สุดท้ายแก้ปัญหาด้วยการโหลด jquery กับโค้ดของ Featured Content Slider ไปไว้โฟว์เดอร์ใหม่ แล้วเพิ่มโค้ดที่ header ให้มันโหลดมาจากที่ใหม่ แล้วมันก็ทำงานได้
  • เปลี่ยน background ใหม่, เปลี่ยน footer ใหม่
  • แยกกลุ่มของ div ใหม่ ใส่พื้นหลังให้ content-wrap
  • ทดสอบพบว่า IE7 มีบางอันที่ไม่รองรับ เช่น text-shadow
  • พบว่าตำแหน่งโฆษณาบน header right ข้างโลโก้มันเป็นตำหน่งที่ทำให้เว็บดูดีขึ้นได้เลย

ก่อน

Before (Biomed.in.th)

หลัง

After (Biomed.in.th)

เผยแพร่โดย

Amphur

Medical Technology, Biomedical Engineering, Research Assistant, Blogger : Biomed.in.th, Amphur.in.th ดูเรื่องทั้งหมดของ Amphur

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *