ไม่มีวาระมาก่อน จึงพูดคุยกันเรื่อยเปื่อย หวังว่าพี่หงษ์และผู้ฟังจะได้ประโยชน์กันบ้างนะคร้าบ

ประเด็นที่พูดคุย บางอย่างเคยเขียนอธิบายไว้พอสมควร เช่น

• คนใช้ IE 6 ไม่ผิด
• ทำเว็บเหมือนสร้างบ้าน
• เว็บราชการ/ งานรัฐบาล ทำไมถึงแพง ?
• ตารางค่าแรงของกระผม (Rate Card)
• วิถีแห่งเจ้าสำนัก
• ก่อตั้งสำนัก Small Valley และโครงการ Small Books

เพิ่มเติม 28 พ.ค. 2553: คุณแมตท์ไม่ได้ฝึกงานที่ CNN นะครับ แต่เป็น CNET ลองดูรายละเอียดที่ Ma.tt

เรื่องอื่นๆ ที่เกี่ยวข้อง

• เปิดสอนเวิร์ดเพรสเบื้องต้น, ออกแบบเว็บ, CSS+XHTML และสร้างธีม
• ผันตัวเองมาเป็นไพร่ขายแรงงาน
• ออกรายการ My Design ณ FukDuk TV
• ก่อตั้งสำนัก Small Valley และโครงการ Small Books
• บรรยายเรื่อง เว็บรัฐบาลควรทำอย่างไรดี?

ประกาศ 19 พ.ค. 2553: เลื่อนอบรมนะครับ

ตอนนี้ทางเนคเทคขอเลื่อนการอบรมเป็นวันที่ 17 มิ.ย. นะครับ และทาง Marvelic ขอเลื่อนการอบรมไปเป็นวันที่ 14, 15, 16, 18 มิ.ย. ครับ ขออภัยในความไม่สะดวก

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

สอนทำเว็บด้วยเวิร์ดเพรส ที่เนคเทค

สอนทำเว็บ โดยเริ่มตั้งแต่การออกแบบ จนถึงสร้างธีม ที่มาร์เวลลิค

คอร์สละ 1,900 บาท นำเครื่องมาเองเหลือ 1,710 บาท

	Basic WordPress as a CMS สร้างเว็บสมัยใหม่ เรียบง่าย ใช้เวิร์ดเพรส (หลักสูตรเดียวกับด้านบน) วันที่: 24 พ.ค. 2553 14 มิ.ย. 2553 เวลา: 9:00-16:00 น. สอนที่: มาร์เวลิค เอ็นจิ้น อาคารเคพีเอ็น ชั้น 10 ถนนพระราม 9 รายละเอียด: WordPress as a CMS Workshop หลักสูตร (PDF): Basic WordPress as a CMS - (ดาวน์โหลด: 365)
	Photoshop for web 2.0 ออกแบบเว็บ 2.0 ด้วย Photoshop วันที่: 25 พ.ค. 2553 15 มิ.ย. 2553 เวลา: 9:00-16:00 น. สอนที่: มาร์เวลิค เอ็นจิ้น อาคารเคพีเอ็น ชั้น 10 ถนนพระราม 9 รายละเอียด: Photoshop for web 2.0 Workshop หลักสูตร (PDF): Photoshop for web 2.0 - (ดาวน์โหลด: 234)
	CSS and XHTML สร้าง CSS จากไฟล์กราฟฟิค วันที่: 26 พ.ค. 2553 16 มิ.ย. 2553 เวลา: 9:00-16:00 น. สอนที่: มาร์เวลิค เอ็นจิ้น อาคารเคพีเอ็น ชั้น 10 ถนนพระราม 9 รายละเอียด: CSS & XHTML Workshop หลักสูตร (PDF): CSS and XHTML - (ดาวน์โหลด: 249)
	WordPress Theme Design สร้างธีมเว็บสำหรับเวิร์ดเพรส วันที่: 27 พ.ค. 2553 18 มิ.ย. 2553 เวลา: 9:00-16:00 น. สอนที่: มาร์เวลิค เอ็นจิ้น อาคารเคพีเอ็น ชั้น 10 ถนนพระราม 9 รายละเอียด: WordPress Template Workshop หลักสูตร (PDF): WordPress Theme Design - (ดาวน์โหลด: 248)

ซึ่งผมคิดว่า 3 หลักสูตรหลังนั้น น่าจะแทนคอร์สเว็บดีไซน์สมัยใหม่ได้พอสมควร นั่นคือ เริ่มจากการออกแบบบน Photoshop แล้วนำมาตัดเป็น CSS+XHTML หลังจากนั้นจึงประกอบเข้ากับ WordPress

ซึ่งคิดว่าหลังจากฝึกอบรมเสร็จแล้ว จะนำเอกสารมาเผยแพร่ใน SmallBooks.org ต่อไป และหากมีคนสนใจ อาจจัดคอร์สลักษณะนี้อีกในอนาคต (ผมสร้างหลักสูตรและสอนเองทุกคอร์สนะครับ และจะดูงานให้ทุกคนที่มาเรียนด้วย เพราะสอนเป็นกลุ่มเล็กประมาณ 10 คน ถ้าหากได้ตั้งโจทย์มาก่อนว่าอยากทำอะไรจะยิ่งดีเลยครับ)

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

เรื่องอื่นๆ ที่เกี่ยวข้อง

• ออกรายการช่างคุย เรื่อง Web Design
• ผันตัวเองมาเป็นไพร่ขายแรงงาน
• บรรยายเรื่อง เว็บรัฐบาลควรทำอย่างไรดี?
• ออกรายการ My Design ณ FukDuk TV
• ให้สัมภาษณ์เรื่องไอทีวัลเลย์ แม่ฮ่องสอน

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

ซึ่งตามนิยามนี้ ผมขอแซวว่า งั้นกรรมกรแบกหาม, คนขับแท็กซี่/สามล้อ/มอเตอร์ไซค์รับจ้าง, คนขายของหาบเร่, พริตตี้, โคโยตี้, พนักงานอาบอบนวด, เชียร์แขก ฯลฯ ก็อาจนับว่าเป็นอำมาตย์ เพราะเค้าไม่ถูกตรวจสอบที่มาของรายได้ซึ่งเป็นเงินสด ในขณะที่พนักงานบริษัท เจ้าของกิจการขนาดกลางและเล็ก ก็อาจนับว่าเป็นไพร่ เพราะโดนตรวจมันทุกอย่างเลยเชียว แค่เลี้ยงข้าวลูกน้องแล้วไม่หัก ณ ที่จ่ายก็ผิดกฎหมายแล้ว

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

เอาแบบจริงจังหน่อย

นับจากตัดสินใจมาอยู่ปาย ผมเองก็ลดงานประจำลงไปเกือบหมด และเลือกที่จะมาตั้งสำนักด้วยตนเอง ตามแนวคิดของบันทึก วิถีแห่งเจ้าสำนัก ซึ่งผมเองก็ไม่ใช่คนมีเงินทองอะไร ดังนั้นผมจึงต้องดำเนินงานทั้งหมดไปพร้อมกัน คือ การทำงานประจำกับ TiGER iDEA และทำงานอิสระของตัวเอง (ฟรีแลนซ์) กับทำงานการกุศลของ Small Valley

เล่าถึงงานด้านการกุศลในบันทึก ก่อตั้งสำนัก Small Valley และโครงการ Small Books ไปแล้ว บันทึกนี้จึงเล่าถึงการรับงานฟรีแลนซ์ของผมแทน ควรมิควรแล้วแต่จะโปรดปราน

เรื่องอื่นๆ ที่เกี่ยวข้อง

• ออกรายการช่างคุย เรื่อง Web Design
• เปิดสอนเวิร์ดเพรสเบื้องต้น, ออกแบบเว็บ, CSS+XHTML และสร้างธีม
• ออกรายการ My Design ณ FukDuk TV
• ให้สัมภาษณ์เรื่องไอทีวัลเลย์ แม่ฮ่องสอน
• ก่อตั้งสำนัก Small Valley และโครงการ Small Books

เรียกสำนัก (ภาษาอังกฤษคิดว่าจะใช้ Non-profit) เพราะผมตั้งใจว่าจะไม่เป็นบริษัท/สมาคม/ชมรม ฯลฯ ที่ต้องขึ้นต่อรัฐ เนื่องจากมันวุ่นวาย และหากต้องทำอะไรในนามบริษัท/สมาคม ผมก็พอจะมีทางอื่นอยู่

ดังนั้น จิ๊กซอร์ระหว่างผม, อัค, พัช และจ๋ง ก็เลยชัดเจนขึ้นในที่สุด นั่นคือ อัค ดูแล iSchool เป็นหลัก, พัช ดูแล TiGER iDEA เป็นหลัก, จ๋งดูแล VaivaiSoft เป็นหลัก และผมดูแล Small Valley เป็นหลัก ทำให้แนวทางการผลักดันของผม เป็นไปตามข้อที่ 2. ที่เคยคิดไว้ใน บันทึกวิถีแห่งเจ้าสำนัก ว่า

มิเช่น นั้นก็ต้องนอกระบบไปเลย แล้วให้ในระบบคงความเป็นที่ปรึกษาไว้ แต่เงินที่ใช้ผลักดันทั้งหมดอยู่นอกระบบ

นั่นคือรายได้ในระบบของผมจะมาจากการเป็นที่ปรึกษา ทั้งให้กับบริษัทของหุ้นส่วน หรือรับจ้างอิสระ ทั้งรับจ้างสอน รับจ้างทำเว็บ ฯลฯ (ดูรายละเอียดที่ ค่าแรงรายชั่วโมงของกระผม) กับรายได้อีกส่วนผ่านสำนัก Small Valley ที่ผมวางแนวทางคร่าวๆ ไว้ว่า

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

ซึ่งคงเน้นผู้สนับสนุนเป็นชาวต่างชาติเป็นหลัก

จุดประกาย?

ความคิดจะสร้างวิถีชีวิตของตนเองในชนบทนั้นมีมานานแล้ว เช่น บันทึกวิถีแห่งเจ้าสำนัก แต่มันมาชัดเจนเมื่อ

1. พบว่างานโปรเจ็ค (ออกแบบ/ทำเว็บ) ต้องทำกับคนที่ให้เกียรติเรา

เร่ิมมีชาวต่างชาติหลายรายมาติดต่องาน เพราะผลงาน WordPress ของผมที่อยู่ในเว็บ, มีชาวต่างชาติมาบริจาคเงินให้ธีมที่ผมแจกฟรี ฯลฯ และผมพบว่า ชาวต่างชาติจำนวนมากเข้าใจในคุณค่าของงานบริการสูงมาก จ่ายเงินตรงเวลา ยอมรับระบบคิดเงินตามเวลาที่ทำ (manday/manhour) พูดจาตรงไปตรงมา ฯลฯ ผมจึงสรุปว่า หากเป็นงานโปรเจ็ค ให้รับงานชาวต่างชาติที่เจอเราผ่านเว็บ หรือคนไทยที่มีคนแนะนำมาเท่านั้นดีกว่า

2. พบว่างานโปรดักท์ (ขายสินค้า) ที่ดีที่สุดคือ Digital Asset

นักการตลาดทั้งหลายต่างก็รู้ว่า Digital Asset (หรือซอฟท์แวร์, ในที่นี้ขอรวม SaaS หรือ Software as a Service ด้วยละกัน) คือสุดยอดของโมเดลธุรกิจ เนื่องจากใช้ทุนสมอง ผลิตซ้ำได้ไม่จำกัด ไม่ต้องห่วงเรื่องสต๊อก/ขนส่ง ฯลฯ แต่เมืองไทยไม่ใช่ที่สำหรับ Digital Asset ดังนั้นชัดเจนว่าผมไม่ควรเขียนโปรแกรมภาษาไทย, สร้างสื่อภาษาไทยเพื่อหารายได้ ฯลฯ ถ้าจะทำอะไรเป็นภาษาไทยแล้ว แจกฟรีเลยดีกว่า

ตอนนี้ที่ผมทำจึงเป็นไฟล์ที่ขายผ่านเว็บของเมืองนอก กับโปรเจ็คด้านความรู้ภาษาไทยแจกฟรี

3. พบว่าธุรกิจที่คนไทยยอมจ่ายเงินคือธุรกิจการศึกษา เพราะเราคือประเทศแห่งการเรียนพิเศษ

จากการทำ iSchool ทำให้ได้พบว่า ธุรกิจการศึกษานั้นจ่ายเงินก่อน ได้สินค้าทีหลัง (ใครๆ ก็รู้เนาะ )  และคนที่โดดเรียน (ไม่ได้สินค้า) ไม่ค่อยเรียกร้องเงินคืน จนถึงไม่เรียกร้องเรียนชดเชย นั่นคือมี Cash Flow ดีมาก, ไม่มี Refund, เป็นเงินสด, มีสิทธิยกเว้น VAT  ฯลฯ แต่ข้อเสียของธุรกิจนี้ก็คือ โมเดลที่จะได้กำไรสูงสุดนั้น ต้องทำคอร์สให้คุณภาพกลางๆ ลงทุนให้น้อยๆ เน้นการโปรโมท (ตามโทรทัศน์/รถไฟฟ้า/หนังสือพิมพ์ ฯลฯ) กับเน้นใบรับรอง เพราะคนไทยจำนวนมากอยากได้แค่ใบรับรองจากที่ที่มีชื่อเสียง ฯลฯ

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

4. พบว่าถ้าอยากทำในสิ่งที่ดี ทำไปเลย อย่ามัวรอฟ้าดิน อย่าพึ่งใคร

ก่อนหน้านี้ได้รับเกียรติไปช่วยสร้างหลักสูตรโอเพนซอร์ส กราฟฟิค (Gimp, Inkscape, Blender, etc. มีเอกสารส่วนหนึ่งที่ issuu.com)  และสอนเด็กมัธยมที่แม่ฮ่องสอน ในโครงการ ไอที วัลเลย์ ของเนคเทค, นอกจากนั้นยังได้ไปสอนคนในหน่วยงานรัฐ, องค์กร, ครูชนบท หลายครั้ง ดีใจที่ได้พบกับคนที่กระตือรือล้นจำนวนมาก แต่หลังจากใช้พลังและเวลาไปพอสมควร ผมก็คิดว่าระบบนั้นใหญ่โตและอุ้ยอ้ายมากเกินกว่าผมจะเข้าไปผลักดันได้ดังใจ และเอาเข้าจริง อุดมคติมากเกินไป (เช่นเรื่องลิขสิทธิ์) ก็ทำให้เจอข้อจำกัดจำนวนมาก (เช่น ครูจำนวนมากต้องการให้สอนแฟลช เพราะเอาไปทำโครงการปรับระดับ/ขอทุนได้ ซึ่งที่ต้องเป็นแฟลช เพราะผู้ตัดสินเห็นว่าใช้แฟลชมันเท่ มันยาก ถ้าเป็นรูปธรรมดา แม้จะเนื้อหาดีก็มักไม่ค่อยได้คะแนน ฯลฯ)

สอนให้เด็กใช้ซอฟแวร์ทดแทนอย่างยากลำบาก บางทีผมก็แซวตัวเองว่า สงสัยตรูจะเป็นชนชั้นกลาง ไปบอกให้เด็กชนบทพอเพียง ใช้ Gimp ไปซะ แล้วเด็กในเมืองก็ใช้ Photoshop เถื่อนอย่างสบายใจอยู่ดี

ฯลฯ

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

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

Small Valley

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

คำอธิบายของสมอลล์ วัลเลย์

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

กรณีผู้สนับสนุน-สนับสนุนเงินให้สร้างงาน

• ผู้สนับสนุน
  • สนับสนุนเงินและให้โจทย์งานเว็บไซต์ที่ต้องการ (เช่นสนับสนุน $150 จะทำเว็บ content ให้ 1 เว็บ พร้อม host ให้ 1 ปี แต่คงต้องจำกัดขอบเขตพอสมควร เช่น เตรียม sitemap มาให้/ไม่เกิน xx หน้า/เลือกธีมมาเลยแล้วเรา modify จากธีมเท่านั้น ฯลฯ)
• ทีม Small Valley
  • ฝึกอบรมการทำงานเว็บ
  • สรุปงานกับนักเรียนที่ได้รับมอบหมาย
  • สอนงาน ตรวจงาน และแก้งาน
• นักเรียนในโครงการ
  • เข้าอบรมการทำงานเว็บ
  • สร้างงานที่ได้รับมอบหมาย
  • เขียนบันทึกการทำงานและชั่วโมงงาน
  • เผยแพร่ข้อมูลเทคนิคต่างๆ หลังเสร็จงาน

กรณีผู้สนับสนุน-สนับสนุนเงินให้สร้างองค์ความรู้

• SmallBooks.org – สร้างบทความ/หนังสือ/คู่มือ  ให้กับสาธารณะ

กรณีผู้สนับสนุน-สนับสนุนเป็นสิ่งของ

• เดี๋ยวก็คงสร้าง Wish List เหมือน เว็บแต่งงาน (แน่นอนว่ามันยากที่จะมีคนบริจาค แต่ถึงไม่มีก็ยังดำเนินต่อไปได้นี่นา)

สมัครเป็นนักเรียนในโครงการ

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

ระหว่างนี้ก็เร่งทำเอกสารต่างๆ ที่เคยคิดไว้ ลงในเว็บ SmallBooks.org ซึ่งเน้นให้ความรู้ แจกฟรีเป็นหลัก

SmallBooks.org เร็วๆ นี้จ้า

เมษาฯ เป็นเดือนที่เหมาะกับการทำงานที่สุดจริงๆ เพราะคนอื่นๆ เค้าหยุดกัน ไม่มีใครโทรมาติดต่องานกวนใจ หวังว่าหนังสือ 4 เล่มแรกนี้จะเขียนเสร็จทันต้นเดือนพ.ค.นะ เพราะว่ารับปากทีม Marvelic ไว้แล้ว ว่าจะไปสอนให้ วันที่ 11-14 พ.ค. 24-27 พ.ค. (WP Basic, PS for Web 2.0, CSS+XHTML, WP Theme – เลื่อนวันเพราะมีปัญหาการเมืองเล็กน้อย) และก็รับปากคุณพรพรหมแล้วว่า จะไปสอน WP Basic ให้วันที่ 20 พ.ค.

ชีวิตวุ่นวาย สู้ต่อไป! คุณ @iannnnn รีทัชรูปมาให้เป็นกำลังใจ!!

เม่นริโอ้ว - ถ่ายภาพโดยแอมจิ้ม

อีกซักรูปส่งท้าย โตขึ้นหนูจะเป็นเจ้าสำนัก กังฟูแพนด้า!!

อะจ๊ากกกกก ถ่ายภาพโดยแอมจิ้ม

เรื่องอื่นๆ ที่เกี่ยวข้อง

• บรรยายเรื่อง เว็บรัฐบาลควรทำอย่างไรดี?
• ออกรายการ My Design ณ FukDuk TV
• ให้สัมภาษณ์เรื่องไอทีวัลเลย์ แม่ฮ่องสอน
• ออกรายการช่างคุย เรื่อง Web Design
• เปิดสอนเวิร์ดเพรสเบื้องต้น, ออกแบบเว็บ, CSS+XHTML และสร้างธีม

บรรยายต่อหน้าผู้บริหารระดับสูง เฉลี่ย C8-C10 แต่ก็พบว่าหลายท่านที่มาในงานนี้ทันสมัยมากๆ คุณพรพรหมพยายามช่วยกระผมขายของโดยการโฆษณาบริษัทและพาไปรู้จักผู้หลักผู้ใหญ่ กระผมพยายามบอกอ้อมๆ ว่าผมเน้นทำงานฟรี กับดูเทคนิค ไม่คุยกับลูกค้า ถ้าจะติดต่อธุรกิจให้คุยกับคุณพัชดีกว่า

ถ้าเป็นไปได้ ผมจะเลือกไม่ทำงานกับราชการ เพราะผมคิดว่าพลังชีวิตของผมน่าจะทำประโยชน์ได้มากกว่านั้น

แต่ถ้าคุณพัชขอร้อง ก็อีกเรื่องหนึ่ง

เรื่องอื่นๆ ที่เกี่ยวข้อง

• ให้สัมภาษณ์เรื่องไอทีวัลเลย์ แม่ฮ่องสอน
• เปิดสอนเวิร์ดเพรสเบื้องต้น, ออกแบบเว็บ, CSS+XHTML และสร้างธีม
• ก่อตั้งสำนัก Small Valley และโครงการ Small Books
• ออกรายการช่างคุย เรื่อง Web Design
• ผันตัวเองมาเป็นไพร่ขายแรงงาน

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

ขอบคุณทาง รายการ My Design แห่ง FukDuk.TV มากๆ คร้าบ มีทั้งวีดีโอให้ดู ให้โหลด หลายรูปแบบมั่กๆ

เรื่องอื่นๆ ที่เกี่ยวข้อง

• วิถีแห่งเจ้าสำนัก
• ออกรายการช่างคุย เรื่อง Web Design
• เปิดสอนเวิร์ดเพรสเบื้องต้น, ออกแบบเว็บ, CSS+XHTML และสร้างธีม
• ผันตัวเองมาเป็นไพร่ขายแรงงาน
• ก่อตั้งสำนัก Small Valley และโครงการ Small Books

ThaiTeam WordPress Theme

อ้างว่าธีมนี้ไม่สมบูรณ์มานานจนละอายเกินกว่าจะอ้าง ธีมนี้เนื่องมาจากงาน Barcamp Bangkok ที่ผ่านไปซะนานนั่นแหละ

ใส่ว่าเป็นเวอร์ชั่น 0.5 ก่อนแล้วกัน ขอเฉพาะคนที่เคยลงธีมของ WordPress มาทดสอบละกันนะครับ

ตัวอย่างอยู่ที่ Thaiteam.Vaivaisoft.com

ส่วนขั้นตอนการลง

วิธีติดตั้ง

1. ดาวน์โหลดไฟล์ธีมจาก ThaiTeam Theme - (ดาวน์โหลด: 819)
2. แตกไฟล์ แล้วนำไปไว้ที่ Folder สำหรับเก็บธีมของบล็อกตนเอง เช่น /wp-content/themes/thaiteam
3. ไปที่หน้า Admin เลือก Appearance -> Themes แล้ว Activate Theme ที่ติดตั้งไว้
4. ควรตั้งให้รูปย่อ (Thumbnail) มีขนาด 200×150 px โดยไปที่ Setting -> Media -> Thumbnail 200×150 Crop เพื่อใช้แสดงในหน้า Catalog ได้พอดี
5. รูปที่ใช้ใน Blog / Post ควรกว้างสุด 600px แนะนำให้ตั้งให้รูปขนาดกลาง (Medium) มีขนาดกว้าง 600px สูงเท่าไหร่ก็ได้ (เช่น 600px)
6. รูปที่ใช้ใน Product Detail / Page ควรกว้างสุด 640px แนะนำให้ตั้งให้รูปขนาดใหญ่ (Large) มีขนาด 640px สูงเท่าไหร่ก็ได้ (เช่น 640px)
7. ถ้าอยากได้ Catalog ให้สร้าง Page เลือก Page Template เป็น Catalog แล้วสร้างหน้าย่อย (Child Page) ที่ต้องการ ระบบจะเอาหน้าที่เป็นหน้าย่อยมาทำเป็นรายการ Catalog ให้
8. ควรสร้าง Page ชื่อ Home ไว้เป็นหน้าแรก และสร้าง Page ชื่อ Blog ไว้รวมข่าว เมื่อสร้าง Page แล้วไปที่ Setting -> Reading เลือก A static page แล้วตั้งให้ Front Page = Home, Posts Page = Blog
9. ระบบจะสร้าง Sidebar ให้เท่ากับจำนวน Page ที่อยู่สูงสุด (ติด Root เช่น About – พยายามอย่าให้ Slug เป็นชื่อภาษาไทย เดี๋ยวงง) อยากได้อะไรใน Sidebar ก็ไปที่ Appearance -> Widgets แล้วลากไปใส่
10. แน่นอนว่ามี Sidebar สำหรับ Home ด้วย คือก้อน Widget ที่อยู่ใต้ Banner นั่นแหละ แนะนำว่า ควรมีแค่ 2-4 Widgets พอ

วิธีปรับแต่งส่วนกราฟฟิค

1. ดาวน์โหลด PSD จาก ThaiTeam PSD - (ดาวน์โหลด: 610)
2. แนะนำให้แก้แค่ Logo/Banner แล้ว Save ทับไป
3. สามารถลองเปิดไฟล์ Html เพื่อดูภาพรวม แล้วลองแก้ CSS ดูได้ครับ
4. ผมใช้สัญญาอนุญาตแบบ GPL คร่าวๆ คืออยากแก้อะไรก็ได้เต็มที่ครับ ไม่ต้องคง link ใน footer ก็ได้ครับ แต่เก็บไว้ซักที่ในโค้ด เผื่อคนอื่นจะได้หาเจอครับ

ปลั๊กอินที่ใช้

1. Get The Image แสดงรูปในหน้า Catalog (ต้องมีถ้าจะใช้ Catalog)
2. PJW Query Child Of สำหรับดึงหน้าย่อยมาเป็น Catalog (ต้องมีถ้าจะใช้ Catalog)
3. simple Section Navigation Widget สำหรับแสดงหน้าย่อยใน Sidebar ด้านข้าง (ต้องมีถ้าต้องการแสดงหน้าย่อย)
4. pageMash > Page Management สำหรับช่วยเรียง Page (หน้า) กรณีหน้าเยอะๆ ติดตั้งแล้วจะอยู่ในเมนู Page ของ Admin
5. WP Page Numbers แสดงเลขหน้าด้านล่างในส่วนของ Blog และ Product
6. Live Search Popup ระบบค้นหา อยู่ตรงเมนูด้านขวา
7. Lightbox Gallery การทำให้ Gallery ใน WordPress แสดงรูปแบบ LightBox (สร้างกล่อง Modal Dialog ขึ้นมา แล้วทำให้หน้าเว็บมืดลง)
8. ILC Folding ทำให้การแสดงหน้าย่อยลำดับที่ 2 เป็นต้นไป ค่อยๆ เลื่อนโชว์ (ลองคลิกเมนูด้านซ้ายในหน้าหลักสูตรกราฟฟิค I ใน ITValley)

ลองดูนะคร้าบ มีอะไรสอบถามมาได้ครับ

Change Log

• 0.5 – 1st time preview
• 0.6 – change Catalog Page Template to disable excerpt. Change link of logo and site name

เรื่องอื่นๆ ที่เกี่ยวข้อง

• ประชันเหล่า CMS ณ บาร์แคมป์
• ธีมข้าพเจ้าอ้วน (Wide Blog Happens)
• ธีมข้าพเจ้า: Blog Happens
• WordCamp Bangkok 2008
• ออกรายการช่างคุย เรื่อง Web Design

ในแง่การพรีเซนต์ WordPress กระผมก็ขอตบสไลด์คุณเก่ง มาแสดงด้วยความเร่งรีบ เพิ่มเติมว่าอันนี้ยังไม่มี WordPress.tv ซึ่งเป็นแหล่งข้อมูลด้านวีดีโอของเวิร์ดเพรสนะ แต่ก็ให้ภาพรวมๆ ได้ดีทีเดียว

ส่วนความรู้ทั่วไปเกี่ยวกับการพัฒนาตนเองและการทำธุรกิจ แนะนำให้อ่าน

• วิชาพื้นฐานของผู้เริ่มทำงาน
• ข้อคิดในระยะนี้, DesignEDGE 2005
• สุนทรพจน์ในวันจบการศึกษา โดย สตีฟ จอบส์

น่าจะเข้าใจในสิ่งที่พูดในชั้นเรียนได้มากขึ้น

ขอบคุณคุณพรพรหมที่ให้เกียรติไปบรรยาย ขอบคุณน้องๆ ม. กรุงเทพฯ ทุกคน โดยเฉพาะทีมงานที่เตรียมงานและประสานงานต่างๆ หวังว่าทุกท่านจะได้ประโยชน์และลองใช้ WordPress ดูนะขอรับ

ภาพถ่ายโดยคุณนุ่น @iamnadia โชว์กันให้ดูสดๆ ว่า WordPress นั้น ทำบล็อกได้ง่าย ใส่รูปได้เร็ว จริงๆ นะเออ

พี่บังแห่ง @joomlacorner และกระผม เม่น @iMenn

บรรยายไป บล็อกไป

เฮ้ งานนี้อย่าลืมไปกันนะ กระผมไปด้วยยย

เรื่องอื่นๆ ที่เกี่ยวข้อง

• เปิดสอนเวิร์ดเพรสเบื้องต้น, ออกแบบเว็บ, CSS+XHTML และสร้างธีม
• บรรยายเรื่อง เว็บรัฐบาลควรทำอย่างไรดี?
• ให้สัมภาษณ์เรื่องไอทีวัลเลย์ แม่ฮ่องสอน
• ออกรายการช่างคุย เรื่อง Web Design
• ผันตัวเองมาเป็นไพร่ขายแรงงาน

ก่อนหน้านี้เคยบันทึกถึง ธีมข้าพเจ้า ไปแล้ว เป็นธีมแจกฟรีสำหรับใช้กับ WordPress นะครับ

ใช้ไปใช้มา พบว่า ความกว้างของรูปที่เคยตั้งไว้ 480 จุด (Pixel) ซึ่งเคยคิดว่าเหมาะทั้งรูปและวีดีโอนั้น เริ่มไม่พอเสียแล้ว

ลองไปทำให้กว้างซัก 640 แบบที่ทำให้ บล็อกคุณจ๋ง ก็พบว่า ไม่ค่อยเหมาะกับรูปแบบ 2 คอลัมน์นี้เท่าไหร่ (คือมี Sidebar และมี Content) เลยมาลงตัวที่ตั้งความกว้างรูปไว้ที่ 600 Pixel เหมาะสุด ไม่กว้างเกินจนอ่านแล้วต้องกวาดสายตาเยอะ และก็ไม่แคบเกินจนใส่รูปใหญ่ๆ ไม่ได้ แล้วก็เลยปรับขนาด Font ให้ใหญ่ซัก 13 px ระยะระหว่างบรรทัดซัก 1.5 em กำลังดี อ่านสบายตา ส่วนบาร์ด้านข้าง กว้าง 270px มีพื้นที่ใส่ตัวอักษรได้ถึง 240px นี่ นับว่าเพียงพอแล้ว (การทำ sidebar ของ blog นั้น ต้องกว้างกว่าออกแบบเมนูของหน้าทั่วไป เพราะมันมักจะมีเนื้อหา/ชื่อเรื่อง/คอมเม้นท์ ยาวๆ มาปะปน) ทำไปทำมาพบว่า บล็อกนี้กว้าง 960px พอดีเป๊ะ เลขสวยจริงเชียว

Wide Blog Happens - Free WordPress Theme

Wide Blog Happens: ธีมบล็อกอ้วน

เนื่องจากของเดิมมันผอมและตัวอักษรเล็กกว่านี้ เพื่อไม่ให้ซ้ำซ้อน ธีมนี้เลยเพิ่มคำอีกนิด จะได้ไม่ซ้ำกัน และก็แนะนำ Plugins มาให้พอประมาณ ถ้าชอบก็โหลดไปติดตั้งแล้ว Activate ได้เลยครับ ไม่ต้องแต่งธีมเพิ่มเรย

วิธีติดตั้ง

1. ดาวน์โหลดไฟล์ธีมจาก Wide Blog Happens Theme (510)
2. แตกไฟล์ แล้วนำไปไว้ที่ Folder สำหรับเก็บธีมของบล็อกตนเอง เช่น /wp-content/themes/widebloghappens
3. ไปที่หน้า Admin เลือก Appearance -> Themes แล้ว Activate Theme ที่ติดตั้งไว้
4. ควรตั้งให้รูปย่อ (Thumbnail) มีขนาด 80×80 px โดยไปที่ Setting -> Media -> Thumbnail 80×80 Crop
5. ควรตั้งให้รูปขนาดกลาง (Medium) มีขนาดกว้าง 600 สูงเท่าไหร่ก็ได้ (เช่น 1200) โดยไปหน้าตามข้อ 4.
6. หน้าแรกของธีม จะไปเอาส่วนเกริ่นนำ/ตัดทอน หรือกล่อง Excerpt มาใส่ ถ้าเราไม่ใส่ มันจะเอาเนื้อหาใน Blog มาใส่ ซึ่งอาจจะทำให้เยอะเกิน ไม่สวย

วิธีปรับแต่งส่วนกราฟฟิค

1. ดาวน์โหลด PSD จาก Wide Blog Happens PSD (387)
2. แก้ขนาด icon ของเราที่แสดงหน้า/โลโก้ ให้มีขนาดกว้าง 80px สูงเท่าไหร่ก็ได้
3. หากต้องการเปลี่ยนสีหรือกรอบ ลองปรับแต่งดู แล้ว Save PNG ออกมา (8 bit ก็พอ) จะมี 3 ไฟล์คือ head.png, body.png และ foot.png
4. สามารถลองเปิด test-home.html เพื่อดูภาพรวม แล้วลองแก้ CSS ดูได้ครับ
5. ผมใช้ GPL คร่าวๆ คืออยากแก้อะไรก็ได้เต็มที่ครับ ไม่ต้องคง link ใน footer ก็ได้ครับ แต่เก็บไว้ซักที่ในโค้ด เผื่อคนอื่นจะได้หาเจอครับ

ปลั๊กอินที่ใช้

1. Get The Image แสดงรูปประจำบันทึก (ต้องมี)
2. Search Excerpt แสดงไฮไลท์ข้อความที่ค้นหา
3. Subscribe To Comments ให้ผู้ทักทาย รับเมล์อัพเดทการคอมเม้นท์ได้
4. WordPress Related Posts แสดงบันทึกที่คล้ายกัน
5. WP-PostRatings ระบบเรตติ้งของบันทึก
6. WP Page Numbers แสดงเลขหน้าด้านล่าง

ลองดูนะคร้าบ มีอะไรสอบถามมาได้ครับ

เรื่องอื่นๆ ที่เกี่ยวข้อง

• ประชันเหล่า CMS ณ บาร์แคมป์
• ออกรายการช่างคุย เรื่อง Web Design
• เปิดสอนเวิร์ดเพรสเบื้องต้น, ออกแบบเว็บ, CSS+XHTML และสร้างธีม
• ผันตัวเองมาเป็นไพร่ขายแรงงาน
• ก่อตั้งสำนัก Small Valley และโครงการ Small Books

เริ่มจากการแซวกันไปมา จบลงที่เอากันจริงๆ เลยละกัน (เฮ้ย อย่าคิดลึก) นั่นคือ งานบาร์แคมป์คราวนี้ จะมีการจัดประชัน CMS กันด้วย รายละเอียดที่ CMS Showdown ใน BarCamp Bangkok 3

และกระผมก็นำทีม WordPress สุดที่รักสู้ศึก

ตอนนี้มีแนวร่วมกล้าตายดังนี้

1. @iMenn
2. @ripmilla
3. @thangman22
4. @kajeaw
5. @warong
6. @aumpradya
7. @MP3WizarD

บอกว่าจะทำธีมให้ดูคร่าวๆ วันนี้ ตอนนี้ยังไม่ได้เริ่มเลย อ๊าค ไปปั่นงานต่อก่อนก่า…

ออกแบบมีติดกรอบและกริดเต็มที่ ใครที่ขี้เกียจคงเดาได้ทันทีว่าใช้ 960.gs แน่นอน :p

Thai Team Theme

เรื่องอื่นๆ ที่เกี่ยวข้อง

• ไทยทีม – ธีมเวิร์ดเพรส
• ธีมข้าพเจ้าอ้วน (Wide Blog Happens)
• ออกรายการช่างคุย เรื่อง Web Design
• เปิดสอนเวิร์ดเพรสเบื้องต้น, ออกแบบเว็บ, CSS+XHTML และสร้างธีม
• ผันตัวเองมาเป็นไพร่ขายแรงงาน