พอดีไปโรงพยาบาลมา รอคิวตั้งแต่เที่ยงๆบ่ายๆ ไม่มีอะไรทำเลยหยิบโน๊ตบุ๊คมานั่งทำ Theme Wordpress เล่นๆ ว่าจะเอามาแจกในบอร์ด เห็นเคยมีคนถามหา Theme แบบ IT24HRs
ซึ่งลองถามพี่เม่น ผู้ที่ทำ Theme ให้กับ IT24HRs ก็ได้คำตอบว่า Theme เค้ามีลิขสิทธิ์ แต่ถ้าทำออกมาไม่เหมือนมากก็คงไม่เป็นไร เลยพยายามปรับนั่นนี่บ้างนิดหน่อย แล้วก็พวกขนาดต่างๆด้วย
แล้วก็ได้รับอนุญาตจากพี่เม่นเรียบร้อยแล้วว่าให้เอามาแจกได้
หน้าแรก (กดแคปภาพไวไป ลืมดู Like Box ยังโหลดไม่มา หุๆๆ)
หน้าเนื้อหา
หน้าเพจ
พอดีว่างๆก็เลยทำเอาไว้เล่นๆ ใช้วเลาประมาณ 4-5 ชั่วโมงเสร็จ ตั้งแต่นั่งออกแบบใหม่ ไล่สีใหม่ แล้วก็โค๊ดจนเสร็จ
ว่าจะเก็บไว้เป็นตัวอย่างสอนคนที่มาเรียนเขียนเว็บกับผมด้วย จะได้มีผลงานไว้อ้างอิง
### Theme Option ###
1. Background สามารถเลือกใช้สี หรือใช้ภาพก็ได้ และสามารถ Repeat ได้ด้วย
2. Link ต่างๆ สามารถเปลี่ยนสีได้
3. Logo ขนาด 210x90 px ที่สามารถเลือกภาพมาเปลี่ยนได้เอง
4. Custom CSS ได้เอง (ยังไม่ได้ลอง)
### Main Theme Feature ###
1. เมนูด้านบนสามารถเพิ่มได้จากหลังบ้าน
2. Area สำหรับใส่ Banner 728x90 จำนวน 1 ภาพ ด้านบนสุด
3. Area สำหรับใส่ Banner 150x150 จำนวน 4 ภาพ ใครอยากได้เพิ่มก็โมเพิ่มได้ครับ
4. Area สำหรับแสดง Facebook Like Box และ Widget อื่นๆ
5. Slideshow แสดงผลดึงข้อมุลแบบสุ่ม 5 รายการ จากทุกหมวดหมู่มาโชว์
*** Theme นี้ตรง Footer ขอใส่ Credit และลิ้งกกลับมาที่เว็บเจ้าของไอเดียนะครับ เพราะต้องให้เกียรติเจ้าของหน่อย โดยจะแก้ไขตรง "Design by NPDesign" แล้วใส่ใหม่ไว้ว่า "Theme Idea from IT24HRs and Develop by NPDesign"
*** Theme นี้ใช้เวลาทำไม่นานแล้วก็ยังไม่ได้ตรวจอย่างละเอียดนะครับ แต่จะรบกวนให้คนที่ได้ไปแล้วช่วยลองใช้งานและตรวจสอบ ถ้ามีปัญหาอะไรแจ้งเข้ามาผมจะทำการอัพเดทแก้ไขตัว Theme ให้ใหม่ครับเดี๋ยวเร็วๆนี้จะมี Wordpress Theme : Movie Online, Variety และ Amazon ด้วยครับ ทำมาต้อนรับปีใหม่สักหน่อย
### Install ###
1. Upload Theme และ Plugin ขึ้นโฮส (คนที่ใช้ Wordpress น่าจะรู้ว่าไว้ที่ไหน ขอข้ามเลยนะครับ)
2. ติดตั้ง Theme และ Plugin ทั้งหมดที่ผมให้ไป (มี 4 อัน)
3. เข้า widget ติดตั้ง widget ให้เรียบร้อย
4. เริ่มใช้งานได้
### Setup ###
1. Logo ให้เข้าไปปรับได้ที่ Theme Options
2. Banner ด้านบน 728x90 ให้เข้าไปที่ Widget แล้วเอา widged (plugin) ที่ชื่อ Image Banner Widget ไปใส่ไว้ที่ top-banner แล้วใส่ชื่อภาพลงไปที่ url พร้อมทั้งกด Advance แล้วติ๊กถูก 2 ช่อง
3. Banner ด้านข้าง 150x150 ให้เข้าไปที่ Widget แล้วเอา widged (plugin) ที่ชื่อ Image Banner Widget ไปใส่ไว้ที่ side-banner 1-4 แล้วใส่ชื่อภาพลงไปที่ url พร้อมทั้งกด Advance แล้วติ๊กถูก 2 ช่อง
4. Widget ตัวอื่นๆที่ไม่ใช่ Banner ให้เอาไปใส่ที่ side-widget ครับ
5. เนื้อหายาวไป ให้ใช้ตัดทอนเอาครับ ในหน้าที่เราใส่เนื้อหา มันจะมีช่องตัดทอนอยู่ข้างล่าง ถ้าไม่มีให้เลื่อนไปเปิดใช้ตรงด้านบนสุด จะทำให้แสดงเนื้อหาสั้นๆได้ครับ
6. ภาพหน้าบทความไม่ขึ้น ให้เปิดใช้งาน plugin get the image จากนั้นในหน้าใส่เนื้อหาจะมีปุ่มให้กดใส่ภาพ จะอยู่ทางขวา ล่างสุด อยู่ใต้ส่วนที่ให้ใส่ Tag และ Category ครับ
7. ตรง pagenavi ให้เข้าไปปรับลดจำนวนเลขที่แสดงให้น้อยลง หรือไม่งั้นรอเวอร์ชั่นต่อไปครับ ผมจะปรับแก้ไขให้แสดงผลได้ดีขึ้น
8. Copyright 2012 NPDesign.in.th All Right Reserved. แก้คำว่า NPDesign.in.th ได้โดยเข้าไปที่แก้ไข Theme แล้วเลือกแก้ไขไฟล์ footer.php หาคำว่า Copyright 2012 NPDesign.in.th All Right Reserved. แล้วแก้ชื่อเว็บเป็นของท่านเองได้เลย
ต้องขออภัยด้วยนะครับที่ไม่ได้นำคลิปมาลงให้ดูกัน พอดีอัดวิดีโอสำหรับสอนเขียนเว็บออนไลน์อยู่ เลยยังไม่ได้อัดเลยครับ เอาเป็น Text ไปก่อนแล้วกันนะครับ แล้วเดี่ยวสิ้นปีจะอัพเดท Version 1.1 มาให้ใช้กันครับ### Widget Detail ###
1. top-banner -> ใส่ภาพแบนเนอร์ 728x90
2. side-banner-1 -> ใส่ภาพแบนเนอร์ 150x150
3. side-banner-2 -> ใส่ภาพแบนเนอร์ 150x150
4. side-banner-3 -> ใส่ภาพแบนเนอร์ 150x150
5. side-banner-4 -> ใส่ภาพแบนเนอร์ 150x150
6. side-widget -> ใส่ Widget ที่ต้องการ จากตัวอย่างผมใส่ Facebook Like Box เข้าไป (สามารถใส่อย่างอื่นต่อได้อีก)
*** Widget ที่ชื่อ image-banner-widget เวลาจะใช้งานให้กด advance ของตัว widget แล้วติ๊กถูกทั้ง 2 อันด้วยนะครับ### Version ###
1.0 - เป็นตัวปัจจุบัน (17 ธันวาคม 2554)
1.1 - จะอัพเดทช่อง Search ไว้บน nav ให้, อัพเดทระบบ Theme Option ให้สามารถเปลี่ยนสี Theme ได้ (ตัว 1.0 มีสีฟ้าสีเดียว) และแก้ไข Footer ตรง Copyright ให้เป็นชื่อโดเมนของผู้ใช้อัตโนมัติ รวมถึงแก้ปัญหาการใช้งานและปรับแต่งในเรื่องของ bug ต่างๆ (เร็วๆนี้ ก่อนสิ้นปี)
### File Download ###
1. NPNews Theme
2. Plugin ที่จำเป็น
ไฟล์เล็กมว๊ากกกกกกก
ก่อนโหลด ถ้าไม่ว่าอะไร น้ำใจสักนิดก็ยังดี จะได้มีกำลังใจทำต่อไปครับ แต่ถ้าไม่อยากให้ก็ไม่เป็นไรครับ 
Download :
http://www.npdesign.in.th/file/WP_NPNews.zip 
(จากโฮสผมเอง สำหรับแจกเฉพาะ TSB ที่เดียวเท่านั้น)
ปล. ขอความกรุณาอย่าแก้ไข Footer ตรงส่วน Credit นะครับ ใครเอาไปใช้รบกวน Backlink กลับมาให้ด้วยนะครับ ให้เกียรติเจ้าของไอเดียและคนทำด้วยนะครับ แต่ส่วน Copyright แก้ได้ครับ ถ้าผมเจอใครใช้แล้วเอาส่วน Credit ออก ผมจะไม่ทำมาแจกแล้วนะครับ งดมาม่าด้วยนะครับ 
พัฒนาเว็บไซต์
