เว็บไซต์ปัจจุบันนอกจากจะมีหน้าเว็บที่สวยงามแล้ว เครื่องมือลูกเล่นต่างๆ ก็ถือเป็นอีกปัจจัยหนึ่งที่มีผลกับผู้ใช้งาน และการอัพโหลดไฟล์ รูปภาพ ก็มีการพัฒนาขึ้นมาเรื่อยๆ จากที่เป็นฟอร์มธรรมดาที่มีหน้าตาเรียบๆ และอัพโหลดได้ทีละไฟล์ก็มาถึงยุคที่นำเอา javascript เข้ามาช่วย เพื่อให้สามารถอัพโหลดไฟล์หรือรูปภาพได้ทีละหลายๆ ไฟล์และสามารถปรับแต่งการแสดงผลให้ดูสวยและหน้าสนใจมากขึ้น
ข้อความที่ต่อท้ายโพสของเรา “อ่านเพิ่ม…” หรือ “Read more…” นั้น ดูแล้วก็อาจจะช่วยให้เกี่ยวกับการเชื่อมโยงลิงค์ภายในเว็บเรา (internal link) ก็เป็นปัจจัยหนึ่งสำหรับการทำ SEO (Search Engine Optimization) โดยถ้าลงในรายละเอียดเข้าไปอีกก็จะเป็นเรื่องเกี่ยวกับข้อความที่เป็นลิงค์นั่นเอง
อีกหนึ่งวิธีที่จะช่วยเพิ่มความน่าสนใจให้กับเว็บไซต์ของเราที่พัฒนาด้วยเวิร์ดเพรสคือ การจัดกลุ่มเนื้อหาที่เกี่ยวข้องกันหรืออยู่ในหมวดหมู่เดียวกัน โดยเฉพาะอย่างยิ่งเว็บไซต์ที่เกี่ยวกับข่าวสารวาไรตี้ต่างๆ การดึงข่าวหรือบทความแบ่งเป็นกลุ่มๆ จะช่วยให้ผู้เข้าชมเว็บไซต์ของเราใช่งานง่าย และค้นหาบทความหรือข่าวในกลุ่มที่ผู้ชมสนใจได้ง่ายตามไปด้วย
โดยปกติแล้วถ้าเราเขียนบทความขึ้นมาใหม่เลย หรือไม่ได้ใช้ html mode ก็ไม่น่าจะมีปัญหานะครับ แต่ถ้าเกิดเรามีการ import จากที่อื่นหรือมีการใช้สคริป import ข้อมูลเข้าไปเองก็อาจจะมีบ้างที่จะมีการเปิด-ปิดแท็กไม่ครบ แล้วพอเอาไป validate กับ W3C ก็จะไม่ผ่านครับ ^^
วันนี้ลองมาเปลี่ยนโลโก้หน้าเข้าสู่ระบบ (log in) ของ WordPress กันดีกว่า ^^ สำหรับเพื่อนๆ ที่กำลังมองหา plugin ถ้ามาเจอบทความนี้ก็ไม่จำเป็นต้องใช้ plugin ในการเปลี่ยนแล้วครับ ^^ ก่อนอื่นก็สร้างไฟล์ stylesheet (login.css) ขึ้นมาก่อน แล้วก็เพิ่ม css ข้างล่างนี้เข้าไปครับ
ฟังก์ชัน .ready( handler ) ใช้เพื่อระบุฟังก์ชันที่ต้องการให้ execute เมื่อ DOM โหลดเรียบร้อยแล้ว (“Specify a function to execute when the DOM is fully loaded.”) javascript จะมี load event ที่ทำงานหลังจากที่หน้าเว็บโหลดเสร็จหมดแล้ว หรือพูดอีกอย่างก็คือ load จะไม่ทำงานจนกว่ารูปภาพ, script, stylesheet จะโหลดเสร็จ ซึ่งโดยทั่วไปแล้ว script ต่างๆ ไม่จำเป็นต้องรอให้รูปภาพหรือ stylesheet โหลดเสร็จก่อนค่อยทำงานก็ได้ ถ้าหาก script นั้นๆ ไม่ขึ้นอยู่กับค่าของ css
ช่วงนี้มีปัญหากับเจ้า ENUM ตลอดเลย TT^TT เกี่ยวกับการ insert ล้วนๆ ครับ ปัญหามีอยู่ว่าระบบที่มีอยู่แล้วมีการใช้ datatype ENUM ซึ่งเก็บค่า ‘0’,’1′,’2′,’3′,’4′ และผมก็มีการปรับปรุงเพิ่มเติมคือ มีค่าที่ต้องการจะเก็บเข้าไปเพิ่ม ค่าที่เพิ่มเข้าไปก็คือ ‘5’,’6′ แต่ก่อนที่จะปรับปรุงไม่ได้เข้าไปดูชนิดข้อมูลที่เก็บ (นี่ก็เป็นความไม่ละเอียดของตัวผมเองนี่แหละ ^^ ) พอไม่ได้เช็คแล้วไป insert ค่าที่เป็น ‘5’ หรือ ‘6’ มันก็เก็บเป็น ‘4’ ให้ตลอด กว่าจะรู้ก็ตอนที่จะลองแก้ค่าตรงๆ ที่ฐานข้อมูลเลย เข้าไปดูปุ๊บ อ้าวเฮ้ย ENUM นี่หว่า เรียบร้อยเจ็บนิดๆ
ฟังก์ชัน eq( index ) ถูกเพิ่มเข้ามาตอน jQuery version 1.1.2 ซึ่งปกติแล้วการใช้ selector ถ้าไม่ใช่แบบ id อาจจะมี element มากกว่าหนึ่งตัว (set) ฟังก์ชัน eq() จะช่วยเราเจาะจงไปได้ว่าจะดึงเอา element ที่ตำแหน่งที่เท่าไหร่ โดยตำแหน่ง (index) จะเริ่มต้นจากศูนย์ (zero-base)
ต้องการเอาข้อความหรือประโยคที่เราเลือก (highlighted) ด้วย javascript จะทำยังไงอีกหนึ่งโจทย์ที่อยากได้ ค้นหาด้วย google อยู่ซักพักก็ไปเจอตัวอย่างที่เค้าเขียนไว้แล้ว ^^ เอามาเก็บไว้ด้วย เผื่อมีเพื่อนๆ ที่กำลังหาๆ อยู่ แฮะๆ เอาเฉพาะฟังก์ชันมาก็แล้วกันจะได้เอาไปใช้ได้เลย
หลังจากที่ได้ลองศึกษาเกี่ยวกับการสร้าง Plugin ของ WordPress ซักพักหนึ่งแล้วก็เลยลองเขียนขึ้นมาใช้ซักหนึ่งตัวละกันลองวิชาหน่อย ^^ ตั้งชื่อว่า “Imooh Post on Thai” ครับ เห็นชื่อก็น่าจะพอรู้แล้วว่าเกี่ยวกับอะไร plugin ตัวนี้จะแสดงวันที่โพสต์บทความเป็นภาษาไทยครับ