สร้างสีสันลิงก์ภาพด้วย Lightbox 2

ในการทำบล็อก การลิงก์ไปยังภาพแล้วเปิดไปเปิดหน้าเพจใหม่เพื่อแสดงภาพนั้นภาพเดียว อาจจะดูธรรมดาไปแล้ว ปัจจุบันเขานิยมทำกันในเว็บทั่วๆ ไป คือเมื่อคลิกลิงก์ไปยังภาพ แล้วจะมีวงหมุน ๆ ขณะที่โหลดภาพ เมื่อโหลดเสร็จ ภาพนั้นก็จะลอยซ้อนอยู่บนเว็บเพจเดิม เพจเดิมก็จะมัว ๆ ดูไม่ชัด เน้นที่ภาพที่เปิดขึ้นมา (ดูตัวอย่างภาพด้านล่าง ลองคลิกดู ทำแบบนั้นแหล่ะครับ) ซึ่งเรียกว่า Lightbox

การทำภาพซ้อนนี้ เราใช้ปลั๊กอินคือ Lightbox 2 ปลั๊กอินตัวเล็ก ๆ นี่แหล่ะครับ ทำภาพซ้อนอย่างที่หลาย ๆ เว็บเขาทำกัน การติดตั้งก็เพียงแต่ดาวน์โหลดแล้วขยายนำไปติดตั้งไว้ในโฟลเดอร์ plugins จากนั้นก็ Activate

Lightbox 2

การตั้งค่าของ Lightbox 2 ให้ไปที่เมนู Settings -> Lightbox 2 ในช่อง Lightbox Appearance กำหนดสีของ Lightbox ส่วน Auto-lighbox images links เป็นการกำหนดให้แสดง Lightbox ลิงก์ที่ลิงก์ไปยังภาพโดยอัตโนมัติ ให้ทำเครื่องหมายถูกที่รายการนี้

เมื่อปลั๊กอินทำงานแล้ว การลิงก์ไปยังภาพทุกภาพจะแสดงภาพซ้อน (เหมือนภาพด้านบน) โดยที่เราไม่ต้องไปแก้โค้ดหรือทำอะไรเพิ่มเติมทั้งสิ้นเลย เห็นไหมล่ะครับ มันง่ายขนาดนี้ จะไม่ลองทำกันดูหน่อยหรือครับ ;-) และที่น่าสนใจก็คือ ในบทความเดียวกันที่มีการลิงก์ไปยังภาพต่าง ๆ หลาย ๆ ภาพ ปลั๊กอินตัวนี้ก็จะจัดการสร้างลิงก์ไปยังภาพอื่น ๆ ให้โดยอัตโนมัติ คือ เมื่อคลิกลิงก์เปิดภาพใดภาพหนึ่งขึ้นมา เลื่อนเม้าส์ไปยังส่วนต่าง ๆ ของภาพ จะปรากฏลูกศรนำทางชี้ไปด้านซ้ายหรือขวาขึ้นอยู่กับตำแหน่งของเม้าส์ว่าอยู่ส่วนใดของภาพ และเมื่อคลิกตามลิงก์ลูกศรนำทาง ก็จะเปิดภาพใหม่ขึ้นมา หากลูกศรชี้ทางซ้าย คลิกเม้าส์ก็จะเปิดภาพก่อนหน้า แต่หากลูกศรชี้ทางขวา คลิกเม้าส์ ก็จะเปิดภาพถัดไป

หากเป็นภาพแรกสุด จะไม่มีลูกศรชี้ไปทางด้านซ้าย และหากเป็นภาพสุดท้ายก็จะไม่มีลูกศรชี้ไปทางด้านขวาเช่นกัน ก็ลอง ๆ ติดตั้งใช้กันดูครับ คงทำให้บล็อกของคุณมีสีสันขึ้นมาบ้าง ดีกว่าอยู่เปล่า ๆ ???

เชิญทดสอบ WordPress 2.7

WordPress มีกำหนดจะปล่อยรุ่น 2.7 ในเดือนหน้า แต่ตอนนี้เราสามารถทดลองใช้ ดูหน้าตา Dashboard ใหม่ ๆ ได้ สำหรับรุ่นนี้ ได้มีการเปลี่ยนชื่อเมนูสำหรับเปลี่ยนธีม เป็นชื่อใหม่อีกแล้ว จากที่เคยเป็น Presentation มาเป็น Design และล่าสุดเป็นชื่อ Appearance ซึ่งผมเคยคิดเรื่องเมนูภาษาไทยสำหรับ WordPress ที่แปล Design เป็น “การออกแบบ” ว่าน่าจะแปลว่า “การแสดงผล” มากกว่า คือไม่ได้แปลตามศัพท์นะ แต่แปลตามความหมายน่ะครับ

สำหรับเว็บทดสอบรุ่น 2.7 คือ WordPress Demo Site เมื่อเข้าไปแล้ว ให้ป้อน: Username : admin Password : demo เมื่อล็อกอินเข้าไปแล้ว หากพบให้อัพเกรด ก็จัดการอัพเกรดได้เลยครับ ไม่มีปัญหา ทำตามขั้นตอนจนจบ แล้วก็จะเห็นหน้าตา Dashboard ของรุ่น 2.7

ลองเล่นกันดูนะครับ เตรียมตัวก่อนได้สัมผัสรุ่น 2.7 ในบล็อกของคุณเอง

การทำ Related Posts

Related Posts คือ บทความ (เรื่อง) ที่เกี่ยวข้องหรือสัมพันธ์กันกับบทความปัจจุบัน ดังที่เราเห็นอยู่ตามเว็บต่าง ๆ ที่มีลิงก์บทความที่มีเนื้อหาคล้าย ๆ กันอยู่ท้ายบทความปัจจุบัน ซึ่ง Related Posts นี้ จะทำให้ผู้อ่านได้อ่านเรื่องราวต่าง ๆ ที่เกี่ยวข้องได้ง่าย ส่งผลให้ค่า page views ของเว็บมากขึ้น

การทำ Related Posts นั้นทำไม่ยาก ใช้ปลั๊กอิน Simple Tags ติดตั้งแล้วปรับแต่งธีมอีกนิดหน่อย ก็สามารถที่จะมี Related Posts เหมือนกับเว็บอื่น ๆ แล้ว
Continue reading →

WordPress ภาษาไทย

ตอนนี้ได้มีคนไทยพัฒนา WordPress ให้แสดงผลภาษาไทย (ใหม่) แล้ว ที่ต้องวงเล็บก็คือ ก่อนนั้นก็มีผู้ทำภาษาไทยคนแรก (ที่ผมรู้จัก) คือคุณ Isriya Paireepairit มีบทความเขียนถึงภาษาไทยชุดแรกคือ Thai Language in WordPress

ชุดภาษาไทยล่าสุดนี้ ทีมพัฒนา WordPress ภาษาไทย คือ คุณอัครวุฒิ ตำราเรียงและคุณพิศาล เชื้อชาติไชย (ทั้งสองท่านนี้จะไปพูดคุยในงาน WordCamp Bangkok 2008 ด้วย) จากการที่ได้ดาวน์โหลดมาลองใช้ดูแล้ว ก็ดีมากครับ เมนูและคำอธิบายต่าง ๆ เป็นภาษาไทย (แม้จะไม่ 100% ก็ตาม บางคำแปลให้ความหมายยากเลยคงภาษาเดิมเอาไว้เช่น Widgets) แต่ผู้ที่เคยใช้ภาษาอังกฤษมาก่อน ก็อาจจะงงเล็กน้อย (แปลกตา) สักพักก็คงชินไปเอง
Continue reading →

สร้างแม่แบบ Page

ปกติแล้วเราจะเขียนแต่บทความ (Post) ไม่ค่อยได้เขียนหน้าเพจ (Page) กันบ่อยนัก แต่การเขียนเพจนั้น ทำให้เราสามารถปรับแต่งเพจได้เหมือนกับการเขียนแบบ HTML ธรรมดา แสดงผลได้หลายรูปแบบตามที่เราต้องการ เช่น เพจสำหรับแสดงประวัติบุคคล หรือประวัติผู้บริหาร หน้าแนะนำสินค้า หน้าที่แบ่งเป็น 2 คอลัมน์ 3 คอลัมน์หรือรูปแบบอื่น ๆ ตามที่เราต้องการ นอกจากนี้แล้วเรายังนำเพจที่เราสร้างขึ้นมานั้น นำไปเป็นเพจสำหรับหน้าเว็บหรือบล็อกก็ได้เช่นกัน

หากสิ่งที่กล่าวมาแล้ว อาจจะทำให้นึกภาพไม่ออกว่า เพจที่ปรับแต่งหรือเขียนเพิ่มเติมเอง หน้าตามันเป็นอย่างไร ลองไปที่เว็บตัวอย่างของ WP Remix แล้วลองคลิกเลือกเพจต่าง ๆ ดู
Continue reading →