ไปงาน #wpdevnight มา

Posted by in Life & Journey

สวัสดีค่ะ เมื่อกี้พึ่งกลับจากงาน WordPress Developer Night ครั้งที่ 3 มาหมาดๆ จริงๆ แล้วช่วงนี้ก็ออกงาน event บ่อยค่ะ ได้ความรู้มามากมาย แต่ไม่ค่อยมีเวลามาเขียนเท่าไหร่ งานนี้เลยเอาสักหน่อยละกัน

 

งาน #wpdevnight เป็นงานพบปะสังสรรค์ ระหว่าง WordPress developer ค่ะ งานนี้เปิดรับไม่เยอะแค่ 60 คน ซึ่งลงทะเบียนเต็มภายใน 7 นาทีแรก (เร็วมาก) บรรยากาศงานจะดูชิวๆ ค่ะ งานครั้งนี้จัดที่ ออฟฟิสบริษัท Pronto ออฟฟิสที่นี่น่ารักมากๆเลย ชอบมาก

ในงานจะแบ่ง section ตามนี้ค่ะ

  • WordPress Developer Resource โดย Rabbitinblack
  • HTML + CSS Standards โดย Phorn
  • How to find WP clients and make them love you
    โดย Alex & Cory
  • WP กับเว็บขนาดใหญ่ โดย iMenn

เราสรุปตามที่เค้าพูดในงานบ้าง ไม่ตามบ้างนะคะ ไปอ่าน blog ของคนอื่น แล้วก็อย่างงล่ะ

 

เริ่มเขียน WordPress ต้องรู้อะไรบ้าง

สิ่งที่ต้องรู้คือ HTML, CSS, PHP, jQuery ซึ่งในงาน ที่พี่ @pornantha คนเขียนเนื้อหาลง thaicss.com มาพูดเกี่ยวกับ มาตรฐานของ HTML5 และ CSS3 ที่ปัจจุบันคนส่วนใหญ่ยังคงใช้งานผิดๆ เหตุมาจากการไม่เข้าใจจริงๆ ว่าอะไรคืออะไร ในงาน @pornantha ก็เลยออกมาชี้แจงให้ฟังว่า เราควรเปลี่ยนความคิดในการศึกษา HTML5 และ CSS3 เสียใหม่ เรียนรู้ตั้งแต่ระดับพื้นฐานให้แน่นๆก่อน ที่จะก้าวไปยังระดับสูงๆ ต่อไป

เนื้อหาที่ @pornantha พูดในงาน สามารถอ่านได้จาก ThaiCSS ค่ะ เนื้อหาเรื่องเดียวกันเลย

 

WordPress กับเว็บสเกลใหญ่

@imenn มาพูดเกี่ยวกับการใช้ WordPress กับเว็บใหญ่ๆ ที่พี่เค้าเคยทำคือเว็บ AIS สมัยก่อนที่จะเป็น 3G (ปัจจุบันเปลี่ยนแล้ว) และเว็บ Major Cineplex ก็ใช้ wordpress เหมือนกัน

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

  •  Really Static โดย plugin ตัวนี้ จะอ่านหน้าเว็บ และสร้าง static page ขึ้นมาให้เลย ช่วยลดโหลดได้ดี
  • ทำ Load balance ที่ server
  • w3 total cache ใช้วิธีการเก็บ cache ไว้เลย โดย plugin ตัวนี้มีระบบการเก็บที่ฉลาด และสามารถเลือก page ที่เราไม่ต้องการเก็บ cache ได้ด้วย

นอกจากนี้ยังมี plugin และ  Tools ตัวอื่นๆ ที่น่าสนใจ ที่พี่เม่นใช้ในการทำเว็บคือ

HTML5-BoilerPlate
  • HTML5-BoilerPlate เป็น HTML5 template ที่รวม jQuery และ modernizr มาให้พร้อมแล้ว โดยตัว modernizr จะเป็นตัวช่วยตรวจสอบ browser ของ user ให้ว่าเป็น version อะไร เมื่อ modernizr ทำงานร่วมกับตัว boilerPlate template เลยทำให้เราสามารถเขียนโค้ด CSS แก้ได้ง่ายๆ แยกตาม Browser ไป (โดยเฉพาะ IE)
  • Types เป็น plugin Custom Field Management ไว้สำหรับสร้างก้อนของ Data ขึ้นมาใหม่ (ที่ไม่ใช่ Post) ช่วยให้เราสามารถสร้างหน้า content ที่มีรายละเอียดมากขึ้นตามที่เราต้องการ เช่น หน้าปกติจะมี Topic, content, tag, categories ประมาณนี้ แต่เราอยากจะเพิ่ม genre, artist, singer, producer เป็นต้น สำหรับโพสที่เกี่ยวกับเพลงก็ได้
  • Royal Slider (ไม่ฟรี) ตัวทำ slide image เทพๆ สามารถเลือกได้ว่า แต่ละ device จะแสดงผลแบบไหนออกไป ที่รองรับกับ browser นั้น

 

อยากได้งานทำอย่างไร และทำยังไงให้ลูกค้ารักเรา

เนื่องจาก section นี้ เป็นภาษาอังกฤษ และไม่ได้อยู่ในส่วนที่เราอยากฟังเท่าไหร่ แต่สรุปมาได้คร่าวๆค่ะ

อยากได้งาน ควรทำตัวอย่างไร

  • เขียน Resume ให้น่าสนใจ ดูดี และดูใส่ใจที่จะทำ
  • เขียนตามความสามารถจริงๆ อย่าโม้!!
  • รู้เขา รู้เรา รบ 10 ครั้ง ชนะ 10 ครั้ง (ศึกษาข้อมูลบริษัทที่ไปสมัครด้วย)
  • เมื่อเขาให้เราถาม ควรถามอะไรไปบ้าง การนั่งนิ่ง มันดูเหมือนเราไม่ได้ใส่ใจจริงๆ
  • เล่น Social network บ้าง เพราะทุกบริษัทเค้าก็เอา เมลคุณมาดูตัวตนของคุณใน Internet ทั้งนั้นแหละ
  • (ต่อจากข้อบน) ระวังปาก ระวังคำ บนโลก Social ด้วยนะ

ทำอย่างไรให้ลูกค้ารัก ลูกค้าหลง

  • ติดต่อกลับให้เร็ว ภายใน 48 ชม.
  • ซื่อสัตย์ และพูดความจริงกับลูกค้า
  • เรื่องเงินๆ ทองๆ ต้องชัดเจน ตกลงกันให้แน่
  • เซ็นสัญญาทุกครั้ง ลูกค้าคนไหนที่ไม่ยอมเซ็น แสดงว่าเค้าไม่ใช่ลูกค้าที่ดี (ก็อย่าไปเสียดาย)
  • รู้จักลูกค้า เข้าใจในผลิตภัณฑ์ และบริษัทของลูกค้า
  • ใช้ project management เข้ามาช่วยบริหารการทำงาน
  • Keep contact with your client ให้เราขยันติดต่อลูกค้าไปเรื่อยๆ จนกว่าเค้าจะเปิดเว็บไซต์
  • ทำ CRM

 

WordPress Resources

แนะนำแหล่งหาข้อมูล เกี่ยวกับ WordPress และ Tools ต่างๆ ที่น่าใช้ มีลิสตามด้านล่างค่ะ

Free courses

แนะนำคอร์สสอนทำ WordPress จากเว็บต่างๆ

  1. Teamtreehouse.comTeam Tree House (Teamtreehouse.com) เป็นเว็บสอนการทำเว็บ โดยแบ่งเป็น 3 ส่วนหลักๆ คือ Web Design, Web Development และ iOS Development มีทั้งคอร์สที่สอนฟรี และเสียเงิน
  2. CodesSchool (codeschool.com) อีกเว็บที่สอนเกี่ยวกับทำเว็บ มีทั้งคอร์สฟรี และ คอร์สที่เสียเงิน

ปล. ขอเพิ่ม Tutplus (Tutsplus.com) ไปด้วยอีกที่ค่ะ แบบว่าเคย subscribe เว็บนี้แล้วชอบ วีดีโอที่เค้าสอนใช้ได้เลย เข้าใจง่าย เราเคยเขียนอวยไว้แล้วใน  >> Is it worth to subscribe TutsPlus Premium?

 

WordPress Tools

เค้าแนะนำเครื่องมือการเขียน wordpress theme ขึ้นมาสักอันนึง มีอะไรมาช่วยเราได้บ้าง น่าสนใจ และน่าลองใช้ทั้ง 3 ตัวเลย

  1. Normalize.css คล้ายๆ กับ Reset.css แต่ตัวนี้เค้าปรับแต่งค่าต่างๆ มาให้เราพร้อมใช้งานแล้ว
  2. Foundation3 เป็น CSS framework ที่รองรับการทำ Responsive Website
  3. Bootstrap เป็น framework อีกตัว ตัวนี้จะมี javascript เพิ่มเข้า ทำให้เราใช้ลูกเล่นต่างๆ ได้ด้วย
  4. wptheming เป็น Tools ที่ช่วยให้เราสร้างหลังบ้านได้เร็วยิ่งขึ้น

 

WordPress Theme

เรื่องของ Theme นี้ มีตัว Theme framework ค่อนข้างเยอะ ทั้งแบบที่ฟรีและไม่ฟรี เช่น Theme Hybrid, GantryTheme Shaper, Underscores.me เป็นต้น โดยตัว framework จะสร้างตัวโครงสร้างของธีมให้เรา สุดท้ายแล้วเราก็ต้องไปแก้ไข เพิ่มเติมหาอะไรมา plugin มันเข้าไปให้สมบูรณ์อยู่ดี

แต่บางคนก็อาจจะถนัดเขียนเอง หรือเอา theme เริ่มต้นอย่าง Twentyten, Twentyeleven ที่เป็นธีมพื้นฐานของ WordPress มาโมเพิ่มก็ได้

 

แหล่งความรู้ในการศึกษา WordPress

  1. Smashing Magazine เว็บนี้มีการแบ่ง section ของ wordpress ไว้โดยเฉพาะเลย
  2. Wptut+ รวมเนื้อหาเกี่ยวับ WordPress ไว้แบบเจาะลึก
  3. wpdesigner อีกเว็บที่รวมเนื้อหาเกี่ยวกับ WordPress ไว้อย่างละเอียด และ Advance
  4. queryposts เว็บที่ทำ doc ของ wordpress ให้หากันได้ง่ายๆ
  5. Weblogtoolscollection เว็บที่อัพเดทข่าวสารใหม่ๆ ที่เกี่ยวกับ WordPress

 

ขอให้สนุกกับการเขียน wordpress ค่ะ