จู่ๆ มาอัพบล็อกอะไรกันตอนกลางค่ำกลางคืนแบบนี้ฟระ?!! ก็แหมๆๆๆๆ เว็บบีบีบล็อกเพิ่งอัพเกรดเป็นเวอร์ชั่นล่าสุดสวยงามไฉไล(คิดเอง) ผมก็เลยอยากจะเล่าถึงมันเล็กๆ น้อยๆ ให้อ่านกันยังไงล่ะครับ และเวอร์ชั่นนี้ก็มีชื่อเรียกอย่างเป็นทางการว่า….

“ปีศาจควายอาละวาด”

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

เริ่มแรกคือผมเบื่อหน้าเว็บที่เป็นอยู่ครับเพราะผมคิดว่ามันขาดๆ เกินๆ ยังไม่รู้ บางส่วนเล่นเมนูหรือจะเป็นฟุตเตอร์ก็ดูเน่าๆ ตัวเว็บเองก็เปิดดูในหลายๆ ขนาดหน้าจอก็ยังดูแปลกๆ และที่สำคัญก็คือ ทำไมด้านบนถึงมีแต่หัวควายที่โผล่มา ดูแล้วมันไม่สุด!!

ผมเลยคิดว่าเราต้องทำอะไรสักอย่างแล้วล่ะเพราะปล่อยไว้นานกว่านี้คงต้องอกแตกตายแน่ๆ ผมก็เริ่มปลดแอกตีมเลยครับ โดยแต่เดิมนั้นตีมของบีบีบล็อกนั้นเป็น child theme ของ twenty-twelve ตีมมาตรฐานเมื่อชาติปางก่อนของ wordpress แรกๆ ก็ใช้ได้ดีอ่ะนะ แต่หลังๆ เริ่มอยากจะเปรี้ยวก็เลยไม่ขอเป็นลูกอีกต่อไป เขียนใหม่โดยอิงจากโครงสร้างเดิมที่ถูกยำจนเละเลยละกัน

 

มีอะไรเปลี่ยนมั่ง?

อุยเยอะอ่ะ! แต่มันก็เป็นส่วนเล็กๆ น้อยๆ ไม่จำเป็นต้องรู้ก็ได้นะ แต่ที่เห็นชัดที่สุดก็คือ “ส่วนหัวของเว็บไซต์” หรือที่เรียกว่า header คือถ้าหากว่าเปิดเว็บไซต์ด้วยหน้าจอที่ใหญ่พิเศษเล่นพวกจอคอมเดสท็อปหรือ iMac ก็จะเห็นควายบีบี(…ที่หลายคนไม่รุ้ว่ามันเป็นควายด้วยซ้ำ) ยื่นไม้ยื่นมือมาก่อกวนคนอ่านอาละวาดให้เวียนหัวเล่น คือมันก็ไม่ได้ช่วยให้อ่านง่ายขึ้นหรือจรรโลงใจอันใดครับผมรู้…คือผมทำเอาฮาอ่ะ มีไรมั้ย?

เมนูหลัก

เห้ย! ในที่สุดเมนูหละกของเว็บมันก็ดูได้สักทีเว้ย! จากตอนแรกที่ทำแบบขอไปทีแต่ให้ลิ้งค์มันโผล่ออกมา ตอนนี้ก็ทำให้มันเห็นชัดขึ้นและกดง่ายกว่าเดิม ต้องขอขอบคุณฟอนต์ “TS-SOM TUM-NP (ส้มตำ)” ฟอนต์สวยๆ จากเว็บ f0nt.com ด้วยนะครับ ผมเอามาใช้เยอะเลย อุคริอุคริ

 

หน้าแรกเปี๊ยนไป๋!

คือมันก็เปลี่ยนไปนิดหน่อยอ่ะนะ ผมวางเลย์เอ้าท์ของหน้าแรกใหม่นิดหน่อยอ่ะครับ “เพื่อเน้นแสดงหมวดหมู่ของบทความให้มากขึ้น” คือจริงๆ แล้วเว็บบีบีบล็อกนี้มีเนื้อหาเยอะมากนะ และมีการแบ่งเป็นหลายหมวดหมู่ด้วย ผมเลยคิดว่าน่าจะเอาหมวดหมู่ที่หลายๆ คนมักจะมองข้ามไปเอาออกมาให้อ่านกันได้ง่ายขึ้นหน่อย เช่น “ไกลฝั่ง” และ “FAQs” และในอนาคตก็จะมีเพิ่มขึ้นเรื่อยๆ ครับโปรดคอยติดตามอ่านนะ

 

ตีนใหม่น่าเหยียบจัง

จะหยาบคายทำไม?! เอาแบบปรกติก็คือผมทำการเปลี่ยน footer ของเว็บใหม่เลยครับ ทำให้มันอ่านง่ายกดได้ง่ายขึ้นกว่าเดิม แล้วก็เอาไปพวกรกๆ ไร้ประโยชน์อย่าง “สนับสนุนบีบีบล็อก” ออกไปเลย… ก็ไม่มีคนบริจาคแล้วผมจะเอาไว้ทำไม… ซึ่งการปรับใหม่นี้หวังว่าคงจะคลิกเข้าเนื้อหาต่างๆ ได้ง่ายยิ่งขึ้นนะครับ

 

เปิดได้ในหลากหลายขนาดหน้าจอ

คือผมทำเลย์เอ้าท์ให้ปรับเปลี่ยนตามขนาดของหน้าจอครับหรือที่สมัยนี้เค้าใช้คำฮิปๆ ว่า responsive โดยผมเน้นให้สามารถดูได้สวยงามทั้งในจอเล็กแบบโทรศัพท์มือถือ แต่ก็ไม่ลืมหน้าจอที่ใหญ่พิเศษกว้างเหมือนแม่น้ำปิง(นั้นกว้างแล้วเหรอ?) ยังไงก็ลองเปิดๆ ดูเอาเองนะครับอธิบายไม่ถูก

 

อันนี้ทำเองชอบเองเล็กๆ

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

เป็นอย่างไรบ้างครับกับการอัพเดตหน้าตาเว็บแบบบ้าๆ บอๆ ในครั้งนี้ เชื่อแน่ว่าหลายคนคงจะพูดเป็นเสียงเดียวกันว่า จะทำไปทำไมฟระ? แต่ผมก็ตั้งใจนำสิ่งที่ดีมาสู่ชีวิตของคุณผู้อ่านจริงๆ หากว่าพบข้อบกพร่องหรือใล้งานไม่ได้อย่างไร รบกวนแจ้งเข้ามาได้นะขอรับ ผมจะรีบเอาไปอก้ไขปรับปรุงโดยเร็วที่สุดครับ แต่ดักคอไว้หน่อยนึงนะกับปัญหาที่ว่า “เปิดด้วย ie ไม่ได้” ข้อนี้ผมจะไม่แก้เด็ดขาด!! ผมเกลียดไออี!!!

 

กราบขอบพระคุณ
ศิรพจน์ (ปอนด์ – ปีศาจควาย)