วันก่อนชวนคุยเรื่องการจัดการ Tag ในพิมพ์คำ ๒.๓ ไปแล้ว เลยจะชวนใส่อารมณ์ให้พิมพ์คำหน่อย (ใส่ emoticon นั่นแหละ) เวลาโพสต์หรือคอมเม้นต์จะได้มีสีสัน ไม่ไร้อารมณ์จนเกินไปนัก สำหรับ WordPress จริงๆ แล้วมีอีโมติดมาด้วยในตัวอยู่แล้ว เพียงแต่ว่ามันไม่สวย ไม่ถูกใจวัยรุ่น ถ้าจะใส่ในคอมเมนต์ก็ต้องรู้และจำโค้ดย่อได้ ไม่สะดวกเนาะ คลิกได้เลยจะง่ายกว่า

ก่อนนี้เคย ค้น ค้น และ ค้น แต่ก็ไม่ยักเจอว่ามีใครเขียนแนะนำ (โดยเฉพาะที่เป็นภาษาไทย หรือเหมือนมีแต่จำไม่ได้แล้ว) จริงแล้วมีปลั๊กอินอยู่หลายตัวเหมือนกันครับ Alek King เคยออกปลั๊กอินสำหรับอีโมด้วยแต่ผมรู้สึกไม่เวิร์ค ก่อนนี้เคยใช้ปลั๊กอินของจีนตัวนึงกับเว็บแมวดำ เป็นของจีน ปรับแต่งมากหน่อยแต่ก็โอเค ใช้ไปนานๆ ชักมีปัญหากับ IE มันคลิกไม่ได้ อาจจะเกิดจากจาว่าสคริปต์เกิดสับสนในตนเอง ก็เลยจำต้องหาปลั๊กอินมาจัดการอีโมอีกรอบ

คราวนี้คนไปคนมาเจอกับปลั๊กอินตัวเก่าที่เคยรู้สึกว่าไม่เวิร์คเท่าไหร่ คือ เจ้า Custom Smileys 2.4 พิจารณาดูใกล้ๆ ก็เอ๊ะ น่าจะใช้ได้นี่หว่า บล็อกนี้กับบล็อกแมวดำก็ใช้ปลั๊กอินตัวนี้ครับ ข้อดีคือ ก. ใช้อีโมของตัวเองได้ (อยู่แล้ว) ข. กำหนดสัญลักษณ์เองตามใจได้ ค. ให้แสดงที่หน้า Write เพื่อคลิกเลือกได้ (ผมไม่ได้ใช้ประโยชน์เพราะใช้ Live Writer เขียน) ค. คนแนะนำหน้าตาดี (เกี่ยวไหม)

๏ เครื่องปรุง

• ปลั๊กอิน Custom Smileys 2.4 โหลดมาซะ
• อีโมที่ชอบซัก 20 อัน แนะนำให้เป็น .เรด (เฮ้ย .gif) อย่าใช้ของที่ให้มาเลยเนาะ มันเป็นของยาฮู! เห่ยมาก — ห้ามขอ อยากได้แบบของผมก็จิ๊กไปเงียบๆ นะ

๏ ขั้นตอนการปรุง

ก. แตกไฟล์ปลั๊กอินที่โหลดมา จะเห็นมี 2 โฟลเดอร์ คือ wp-content กับ wp-includes

ข. เข้าไปใน wp-content\plugins (ของไฟล์ที่แตก) จะเจอปลั๊กอิน custom-smileys.php จับมันอัพโหลดไปไว้ที่ชอบๆ ของปลั๊กอินในบล็อกของเรา

ค. เสร็จแล้วอัพโหลดอีโมที่เตรียมไว้ราว 20 ตัว ไปไว้ที่ wp-includes/images/smilies บนของบล็อก (ให้ย้ายอีโมเดิมที่มีอยู่ไปไว้ที่อื่น หรือส่งไปสู่สุขคติ)

ง. เข้าไปหน้าแอดมินของบล็อก ไปที่แท็บ Plugins เลื่อนหาปลั๊กกอินชื่อ Custom Smileys จัดการ”กระตุ้น” (Activate) ซะ

จ. จากนั้นคลิกที่แท็บ Options คลิกต่อที่ Custom Smileys เลื่อนลงไปที่ Usage จะเจอโค้ด คัดลอกโค้ดทั้งหมดในส่วน Comment Form ไปเพิ่มที่ธีมของเรา โดยปกติ คือ ต้องไปแก้ที่ไฟล์ comments.php (ของธีม) ถ้าจะให้แสดงผลแบบของผมก็วางเหนือส่วนที่เป็น textarea (เรื่องนี้ช่วยกันไม่ได้นะครับ คุณต้องเข้าใจเรื่องธีม) ภาพตัวอย่างคือรูปแบบที่ผมใช้ครับ

ฉ. เสร็จเรื่องเพิ่มอีโมในธีมแล้ว กลับมาที่ Options –> Custom Smileys ส่วนนี้ผมจะอธิบายค่าจำเป็นบางตัวนะครับ (ไม่อ่านก็ได้นะสำหรับเทพ ส่วนนี้ผมเขียนขยายเพื่อมือใหม่) ก่อนอื่นดูภาพประกอบนะครับ

มีค่าที่เราจะเกี่ยวข้องเล็กน้อย คือ

• Default extension ถ้าอีโมเราทั้งหมดเป็น gif ก็ให้เลือกเป็น gif นะครับ
• Smileys per line ส่วนนี้ไม่ได้กำหนดการแสดงผลที่หน้าคอมเม้นต์นะครับ ไม่ใช่ตัวระบุว่าจะแสดงอีโมกี่ตัวต่อแถวในหน้าคอมมเนต์ แต่เป็นตัวกำหนดอีโมต่อแถวในหน้าจัดการโค้ด เซ็ตไว้ 5 ก็โอเคแล้วครับ
• Docking Box ถ้าทำเครื่องหมายเลือกอันนี้ ก็จะมีอีโมปรากฏที่หน้าเขียนเอ็นทรี สามารถคลิกเลือกได้

ช. เสร็จเรื่องเสร็จราวจากตรงนั้น ให้คลิกที่ Manage –> Custom Smileys ส่วนนี้ คือ ส่วนที่คุณใช้กำหนดสัญลักษณ์แทนอีโมแต่ละตัว (ตัวไหนที่ไม่ได้กำหนดจะไม่แสดงนะครับ)

ซ. แค่นั้นแหละ มองหาตัวอย่างเหรอครับ? ลองเลื่อนลงไปแล้วคอมเม้นต์ดูซิครับ

—–

เพิ่มเติมหน่อยนึงนะครับ เข้าใจว่า ในข้อ ช. ช้าง คุณๆ จะมีปัญหาหากกำหนดชื่อ (สัญลักณษ์) แทนอีโมยาวๆ (แบบที่ผมใช้) เข้าใจว่าระบบกำหนดไว้ให้ใช้อักขระได้แค่ 10 ตัว ตอนใส่น่ะได้แค่พอสั่งอัพเดต บางส่วนจะขาดหายไป วิธีแก้มี 2 ทางครับ ทางแรก คือ เลือกใช้อักขณะสั้นๆ แค่ 10 ตัวพอ

ส่วนทางที่สองต้องใช้พลังเทพนิดนึง ถามก่อนนะครับว่ารู้เรื่องระบบฐานข้อมูลหรือเปล่า? ใช้ phpmydamin ของฐานข้อมูลคล่องไหม? ถ้ามีมาลงมือกัน

เข้า phpmyadmin แล้วไปที่ตาราง wp_smileys คลิกดูโครงสร้าง จะเจอข้อมูลแบบภาพข้างล่าง ให้ถูที่ฟิลด์ Emot จะเห็นค่า varchar(10)  เลื่อนไปที่ดินสอ คลิกเพื่อแก้ไข เปลี่ยนค่า varchar เป็น 25 ครับ แค่นั้นแหละครับ (ขี้เกียจเขียนโค้ด php ง่ายๆ ให้น่ะ)

ยุ่งยากเนาะ โอเค ถ้าอ่านมาถึงบรรทัดนี้แล้วแต่ยังไม่ได้ลงมือติดตั้งปลั๊กอิน และไม่อยากมานั่งยุ่งยากกับการเข้าไปแก้ฐานข้อมูลทีหลัง ให้เปิดไฟล์ปลั๊กอิน custom-smileys.php ขึ้นมา มองไปที่บรรทัดที่ 131 จะพบโค้ด

$wpdb->query("ALTER TABLE `{$table_prefix}smileys` CHANGE `Value` `Emot` VARCHAR( 10 ) NOT NULL");

แก้ค่า จาก 10 เป็น 25 ซะ จบเรื่อง แล้วติดตั้งปลั๊กอินได้เลย

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