Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

อยู่เหนือระดับ: การปรับตัวสู่ภูมิทัศน์ WordPress ที่เปลี่ยนแปลงอย่างรวดเร็ว

MalCare ปลั๊กอินความปลอดภัย WordPress ที่คุณชื่นชอบ ได้มีโอกาสนั่งคุยกับ Ben Gillbanks นักพัฒนา WordPress มืออาชีพเกี่ยวกับงานของเขาในชุมชน WordPress ในการสัมภาษณ์นี้ เราได้พูดคุยกับ Ben เกี่ยวกับงานอดีต และวิธีที่ภูมิทัศน์ WordPress ที่เปลี่ยนแปลงกำลังบังคับให้เขาคิดหาวิธีสร้างสรรค์เพื่อคงความเกี่ยวข้อง การสัมภาษณ์นี้น่าตื่นเต้นและลึกซึ้ง มาเริ่มกันเลย!

การสัมภาษณ์

สวัสดี Ben! ขอขอบคุณที่สละเวลามาคุยกับผู้อ่านของเราวันนี้ คุณอยู่ในวงการ WordPress มา 13 ปีแล้ว ขอให้คุณแนะนำตัวและเล่าประวัติการเป็นนักพัฒนาเว็บ และว่าคุณไปถึงจุดนี้อย่างไร?

ขอบคุณที่เชิญมาสัมภาษณ์! 🙂

เริ่มแรกผมเรียนมหาวิทยาลัยอยากศึกษาศิลปะ 3D เพื่อทำงานในอุตสาหกรรมเกม ใช้เวลา 3 ปี تخصصด้านศิลปะ 3D แต่วิชานั้นกว้างขวาง ผมทำเว็บไซต์ได้ด้วย นั่นคือปี 1998 ผมจำได้ว่าเมื่อ CSS ปรากฏขึ้น ตอนนั้นเราเขียนแอตทริบิวต์ฟอนต์ตรงใน HTML แต่มันเปลี่ยนแปลงได้ทั้งหมดจากไฟล์ CSS เพียงไฟล์เดียว

ต่อมาได้งานที่ Miniclip.com (พอร์ทัลเกมออนไลน์) เป็นศิลปินเกม พนักงานหมายเลข 3 และพวกเขาต้องการนักออกแบบเว็บ เราทำทุกอย่างร่วมกัน และเพราะผมมีประสบการณ์มากที่สุด จึงควบคุมเว็บไซต์ ต่อมาเป็น Director of Web Development ดูแลทีม 20+ คน ในช่วงนั้นอยากเริ่มบล็อก (มีเว็บไซต์ CMS ตัวเองอยู่แล้ว) และพบ WordPress ผมใช้ WordPress สำหรับเว็บส่วนตัวมาตลอด

อะไรทำให้คุณตัดสินใจพัฒนาธีม WordPress ของตัวเองเป็นงานประจำ?

ผมทำงานที่ Miniclip 11 ปี กลายเป็น Director of Web Development แต่หลัง 몇 ปีรู้สึกว่าการจัดการไม่ใช่ของผม จึงจ้างคนแทน และเปลี่ยนไปทำหน้าที่มุ่งหน้า ซึ่งผมชอบมาก

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

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

คุณเริ่ม Pro Theme Design ปี 2007 และภูมิใจในเทมเพลต WordPress ที่ตอบสนองวัตถุประสงค์เฉพาะ ไม่ใช่แบบ all-in-one ที่อวบน้ำมัน เหตุผลเบื้องหลังการให้ธีมเฉพาะทางคืออะไร?

ผมไม่ชอบธีม all-in-one มันเป็นระบายและทุกที่บน Twitter/Facebook/Slack ของ WordPress จะมีคนร้องว่าธีมยากต่อการแก้ไข ช้าและอวบน้ำมัน

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

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

ส่วนตัวผมอยากสร้างธีม WordPress ที่ดูเหมือนเดโมทันทีที่เปิดใช้งาน จะถึง 99% แล้ว ชอบเพิ่มองค์ประกอบยืดหยุ่นและตั้งค่าใน Customizer เล็กน้อย แต่ส่วนใหญ่ "ทำงานได้เลย"

ลึกซึ้งกว่านั้นกับประวัติ Pro Theme Design ตอนเริ่มเว็บไซต์เป็นยังไง? หาลูกค้าจ่ายเงินคนแรกอย่างไร?

ผมไม่จำแล้ว! นานมาก แต่จำได้ว่าเป็นไปได้ง่ายมาก เพราะมีร้านธีมเพียงไม่กี่ร้าน คนซื้อเร็วมาก ลูกค้าคนแรกคือ Adii ผู้ร่วมก่อตั้ง WooThemes

จำได้ว่าเราคือคนแรกทำธีมนิตยสาร Darren ทำธีมฟรีชื่อ Mimbo และธีมเสียเงินแรกของเราคือ Mimbo Pro ส่วนอื่นทำธีมบล็อก

ตอนนั้นมีบล็อกข่าว WordPress หลายแห่ง (คิดว่า WPTavern เหลืออันดัง) ทุกคนอ่าน จึงไม่ต้องทำงานหนัก แค่บอกคนไม่กี่คน แล้วได้เงิน

แต่น่าเสียดาย ตอนนี้ไม่ได้แบบนั้นแล้ว

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

Darren ทำงานออกแบบมากตอนแรก แต่ตอนนี้ไม่ได้ร่วมแล้ว เขาไปทำดนตรี ผมทำทุกอย่างคนเดียว

ผมไม่คิดเรื่องการจัดการเวลา ปรัชญาคือ ลดความซับซ้อนหรือทำอัตโนมัติให้มากที่สุด มีกระบวนการ build ที่ดูแลการอัปเดตธีม มีเอกสารครบถ้วนตอบคำถามบ่อย ใช้ IFTTT แจ้งให้รู้เมื่อมีโพสต์บนฟอรัมซัพพอร์ท

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

อะไรที่ลดงานได้ ผมจะทำ

คุณกล่าวว่าร่วมกับ Darren Hoyt สร้าง Mimbo Pro หนึ่งในธีมพรีเมียมนิตยสารต้นแบบ การพัฒนานี้นำไปสู่สคริปต์ปรับขนาดรูปภาพ TimThumb การทำงานกับ Darren ในโปรเจกต์ที่ได้รับเคารพนี้เป็นยังไง? พอใจกับผลลัพธ์ไหม?

สนุกมาก ตอนนั้นไม่มี version control ใช้เวลามากค่ำคืนแก้ไฟล์บน dev server ทับซ้อนการเปลี่ยนแปลงกัน และแตก ไม่รู้แก้ไง ใช้เวลานานกว่าที่ควร

Darren มาจากมุมมองนักออกแบบ สนใจความสวยงามและใช้ง่ายกว่าเทคนิค จึงคิด出 TimThumb และ carousel ที่เวลานั้นไม่มีใครทำ ในวันแรกพยายามมีฟีเจอร์เฉพาะตัวสำหรับแต่ละธีม

Mimbo Pro ถูกเขียนใหม่ 4 ครั้ง แต่อายุแล้ว ไมคิดว่าเข้ากับโลก block building แต่มันเป็นประสบการณ์เรียนรู้มหาศาล และผมเพลิดเพลินตอนนั้น

TimThumb เป็นอีกเรื่อง เพราะ TimThumb ทำให้ featured images เข้าสู่ WordPress core นั่นเป็นการเปลี่ยนแปลงใหญ่ และเป็นส่วนหนึ่งของความสำเร็จเร็วๆ นี้ คนอยากดูว่าเราใช้ยังไง และนำสคริปต์ไปใช้ในธีมของตัวเอง

เป็น one-man army ของ Pro Theme Design คุณมุ่งสร้างธีมถัดไปอย่างไร? พารามิเตอร์หลักก่อนตัดสินใจเริ่มโปรเจกต์คืออะไร?

ใช้ Sketch ออกแบบธีม มีไฟล์ Sketch ประมาณ 50 แบบ เหมือน sketchbook เพิ่มเข้ามาเมื่อคิดได้ แส่วนใหญ่ยังไม่เสร็จ แค่ดูดล์ดิจิทัล แต่บางอย่างใช้ได้ จึงพัฒนาต่อ

ไม่ได้วางแผนมาก มักออกแบบหน้าแรกเพื่อสร้างฟีลของธีม แล้วเริ่ม build ในเบราว์เซอร์ ตอนหน้าแรกสร้างเสร็จ ส่วนอื่นจะเข้าที่เอง เวลาติดก็จับ Sketch ออกแบบองค์ประกอบนั้น

แต่ตอนนี้ไม่ทำธีมเยอะแล้ว ไม่ได้ปล่อยอะไรใหม่มาสองปี ผมคิดว่าอนาคตของธีมจำกัด และจะถูก WordPress core นำเข้าไปแทนที่ โดย block editor

จึงใช้เวลาคิดมากว่าจะคงความเกี่ยวข้องได้อย่างไร สำหรับผม อนาคตอยู่ที่ plugins/blocks ของ WordPress จึงใช้เวลาที่นั่น

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

เล่าเพิ่มเติมเกี่ยวกับ Binary Moon มีพอร์ตโฟลิโอและบล็อกที่คุยกันเยอะ บอกวัตถุประสงค์ของไซต์หน่อย

BinaryMoon.co.uk เป็นเว็บส่วนตัวมาตั้งแต่เริ่มออกแบบอินเทอร์เน็ต ประมาณ 1999 กลายเป็นบล็อก 2005 ไม่รู้ว่าสำคัญต่อรายได้แค่ไหน คิดว่าสำคัญตอนเริ่มต้น ตอนนี้ส่วนใหญ่คุยกับนักพัฒนาคนอื่นที่ทำธีม จึงไม่ต้องการผลิตภัณฑ์ของผม

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

ธีมที่รันบน Binary Moon ตอนนี้คือ Jarvis ธีมที่กำลังทำอยู่ ทดสอบฟีเจอร์ใหม่ เช่นมีโหมดสว่างและมืด เปลี่ยนสีอัตโนมัติ เลือกสีพื้นหลังสว่าง/มืด สีอื่นปรับให้อ่านง่าย

จากมุมมองผู้ใช้ เรื่องนี้ง่ายมาก มีแค่ 2 ตั้งค่า แล้วได้เว็บต่างหาก ยังเคารพการตั้งค่าของผู้เยี่ยมชม คิดว่าเป็นฟีเจอร์ดี ที่ไมค่อยเห็นใน WordPress เพราะ WordPress มี background color setting แต่มีได้แค่สีเดียว

คุณอยู่ในชุมชนนักพัฒนา WordPress 12 ปี มีมุมมองดูย้อนหลังและมองอนาคต 3 คำแนะนำให้มือใหม่ที่อยากลงมือพัฒนา WordPress ในปี 2020?

1. อย่าขายธีม
นี่คือคำแนะนำ ถ้าอยากขายธีม อย่าให้ผมหยุด แต่เป็นธุรกิจที่ยากมาก และเงินเร็วๆ ที่เคยมีหายไปแล้ว

ผมโชคดีที่ขายธีมบน WordPress.com นั่นเป็นรายได้หลัก ถ้าไม่มีนั้น ผมคงทำอย่างอื่น

2. เรียน JavaScript
เรียน JavaScript ให้ถูกต้อง จะให้พื้นฐานโปรแกรมมิ่งดี มันง่ายกว่าบางภาษา แต่ทรงพลัง และตอนนี้เว็บกำลังเคลื่อนไปที่นั่น

ถ้าอยากสร้างสิ่งต่างๆ สำหรับ WordPress editor อาจคุ้มค่าที่จะเรียน Reactด้วย จะประโยชน์ถ้าอยากทำ headless sites ด้วย Gatsby

แต อย่าเรียน React ก่อน เรียน JavaScript ก่อน

ถ้าเริ่มจาก JavaScript ทักษะจะโอนย้ายระหว่าง React, Vue, Node, Deno และอะไรที่จะมาในอนาคตได้ง่าย ถ้าเรียนแค่ React จะยากที่จะสลับแพลตฟอร์ม

3. ทำอย่างอื่น
ไม่ได้หมายถึงทำอย่างที่ไม่ใช่ WordPress แต ทำอย่างที่ยังไม่เคยทำกับ WordPress สร้างสรรค์ อย่าทำ block collection อีก ตอนนี่นี่ ยกเว้นคุณมีสิ่งเฉพาะตัวหรือคิดว่าทำได้ดีกว่าที่มีอยู่ สมมติอยากสร้างสำหรับ block editor แน่นอนว่ามีศักยภาพมากที่ยังไม่บรรลุ มันยังใหม่ เราต้องหา pain points และแก้ไข

ขอบคุณที่สละเวลาคุยกับผู้อ่านบล็อกของเราวันนี้ Ben เราขอขอบคุณมาก ผู้อ่านถ้าอยากรู้เพิ่มเติมเกี่ยวกับงานของ Ben ไปที่ Binary Moon ได้เลย