เวิร์ดเพรส - โค้ดดั่งบทกวี
ความรู้พื้นฐาน: เว็บในปัจจุบันนั้น มักจะมีระบบในการจัดการ-แก้ไขข้อมูลต่างๆในเว็บ เรียกว่า Content Management System หรือ CMS ซึ่งทำให้ไม่ต้องสร้างเว็บทีละหน้า แล้วนำขึ้น Server ทีละหน้า ซึ่งยุ่งยากมาก (โดยเฉพาะถ้ามีการแก้ไข) แต่ใช้วิธีล็อกอินเข้าในเว็บ แล้วเพิ่มเติมแก้ไขข้อมูลหน้าใดๆ ก็ได้ ตามแต่ที่ admin จะให้อำนาจจัดการ
ซึ่งในโลกแห่งซอฟแวร์เสรี (Opensource) ผู้ที่เชื่อในการแบ่งปันความรู้ ก็ได้เขียนโปรแกรมและแจกจ่ายให้ใช้งานฟรีจำนวนมาก (บางส่วนที่ OpensourceCMS.com) และทำให้เกิดเหล่าสาวกของแต่ละโปรแกรม ที่มาคัดง้างกันว่า โปรแกรมใครดีกว่าใคร
(เด่นๆ ก็มี Joomla, Drupal รายละเอียดการเปรียบเทียบบางส่วน ดูที่ Blognone)
กระผมเป็นสาวก Wordpress ก็ขอกล่าวสรรเสริญ Wordpress ดังนี้,
ในขณะที่ทีมงาน Joomla กล่าวถึงความเป็นมืออาชีพ เป็นตลาดกลางแห่งธุรกิจโมดูล เป็นความน่าเชื่อถือสำหรับองค์กร, ในขณะที่ทีมงานของ Drupal กล่าวถึงความทันสมัย ความสลับซับซ้อนเชิงลึก ความ Geek สำหรับเหล่า Computer GURU,
ทีมงานของ Wordpress กลับกล่าวว่า โค้ดนั้นเป็นดั่งบทกวี และเราสร้างโปรแกรมนี้ด้วยความใส่ใจใน “สุนทรียภาพ”
ฟังแล้ว จะห้ามกระผม - ผู้หลงใหลในวาทกรรม - ไม่ให้หลงรักเวิร์ดเพรสได้อย่างไร?
ใครหลายคนกล่าวว่า Wordpress นั้นเป็นแค่ Software สำหรับการทำ Blog มากกว่าจะเรียกว่า CMS ซึ่งหมายถึงความสามารถในการแก้ไขเนื้อหาทั้งเว็บ กระนั้น จากประสบการณ์การนำ Wordpress ไปใช้ในเว็บต่างๆ ก็พบว่ามันมีความสามารถมหาศาล และมีความสามารถรองรับจำนวนคนเข้ามากๆ (เช่น เกิน 10,000 คนต่อวัน) โดยไม่รบกวนประสิทธิภาพของ Server, มีการออกแบบส่วนกลางที่ดีมาก และรองรับการเขียน Plugins เพิ่มเติมได้สารพัด, มีความงดงามตลอดกระบวนการ ทั้งในโค้ด การเชื่อมต่อกับโค้ดอื่น การแสดงผลดีไซน์ และ การแสดงออกใน URL
เปรียบเทียบกับ Drupal ที่เหล่าโปรแกรมเมอร์ชื่นชอบ, ดีไซเนอร์อย่างผมกลับชอบ Wordpress เพราะ
1. ตั้ง URL ที่มีความหมายได้ง่าย
แน่นอนว่า Drupal ก็ทำได้ (มันทำได้ทุกอย่างแหละ) แต่เรามักจะเห็นว่าเว็บที่ใช้ Drupal ส่วนมาก มักจะใช้ URL ประเภท /node/123/ ซึ่งกล่าวถึง id แบบคอมฯ แต่ Wordpress มักจะใช้ URL ที่มีความหมายแบบคน เช่น /about/our-team/ ซึ่งนอกจากทำให้ Google ชอบ (เพราะมันรู้ว่า หน้านี้ควรจะหมายความว่าอะไร) ยังทำให้ผู้รักความงามและความเรื่องมากอย่างกระผมคารวะ
หัวข้อนี้ ผมเห็นว่าเวิร์ดเพรสใส่ใจมากกว่า CMS อื่นๆ (ยิ่งทำให้ผมเชื่อในคำพูดเค้ามากขึ้นว่า โค้ดเป็นดั่งบทกวี เพราะมีแต่กวีเท่านั้นแหละ ที่มัวเสียเวลาตั้งชื่อ) เพราะมันอยู่ในกระบวนการตั้งชื่อต่างๆ ตั้งแต่เนื้อหา-ต่อเนื่องถึงระบบ Template, สามารถแก้ไข URL ได้ง่าย, รบเร้าให้เราตั้งชื่อให้ดีตั้งแต่ตอนที่ร่างบทความ
2. เข้าใจใน design อย่างปรุโปร่ง (รู้จักการจัดเนื้อหา หรือ CSS ทุกชิ้น)
เท่าที่เคยใช้มา Wordpress นั้นสามารถออกแบบ และนำมาประกอบเป็นเว็บได้ง่ายที่สุด สึ่งที่ยิ่งใหญ่และเรียบง่ายประการหนึ่งก็คือ เพราะ Default Theme (หน้าปกติเวลาติดตั้งเสร็จ) ที่ให้มา มันเข้าใจง่าย เลย์เอาท์เรียบโคตร จะแก้อะไรก็หาได้หมด ลองดูบรรทัดที่กล่าวถึงไฟล์ที่ใช้จัดหน้า (CSS) ดูก็ได้
Wordpress:
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" />
Drupal:
<style type="text/css">@import "/themes/garland/style.css";</style>
<style type="text/css">@import "/files/color/garland/style.css";</style>
<style type="text/css">@import "/modules/forum/forum.css";</style>
<style type="text/css">@import "/modules/node/node.css";</style>
<style type="text/css">@import "/modules/poll/poll.css";</style>
<style type="text/css">@import "/modules/system/defaults.css";</style>
<style type="text/css">@import "/modules/system/system.css";</style>
<style type="text/css">@import "/modules/user/user.css";</style>
<style type="text/css">@import "/themes/mytheme/style.css";</style>
ซึ่งหมายความว่า แค่ต้องการอยากรู้ว่า หน้านี้ จัดหน้าอย่างไร หากใช้ Drupal ก็ต้องดู CSS อย่างต่ำ 7 ไฟล์ โอ้ววววว
โปรแกรมเมอร์ อยากจะเข้าใจโค้ดทุกบรรทัด (เลยชอบ Drupal) ดีไซเนอร์อย่างกระผม ก็อยากจะเข้าใจการจัดหน้า (CSS) ทุกชิ้นเหมือนกันโว้ยยยยยย
3. เวิร์ดเพรสมีคู่มืออันนึง ที่อธิบายกระบวนการทำงานและตัดสินใจของโปรแกรมอย่างดีเยี่ยม นั่นคือ Template Hierarchy
อธิบายคร่าวๆ ก็คือ เวลาออกแบบเว็บแต่ละหน้าหรือแต่ละชุด ให้ตั้งชื่อไฟล์ให้เหมาะสม เวิร์ดเพรสจะวิ่งไปหาไฟล์แต่ละไฟล์ตามรูปนี้ หากหาไม่เจอ มันก็จะแสดงหน้าตาแบบบ้านๆ (index.php) มาให้
ดังนั้น หากเราอยากแต่งหน้าเว็บเป็นอย่างไร เราก็ทำได้อิสระ หากอยากให้ข้อมูลแต่ละชิ้นปรากฏตรงไหน ก็ดูรายละเอียดเพิ่มใน คู่มือการโชว์ข้อมูลของเวิร์ดเพรส
4. เสน่ห์อีกอย่างของคนสร้าง คือการที่ไฟล์ชี้แจงภาพรวมของโปรแกรม (readme.html) ในช่วงท้าย
ปกตินักพัฒนาโปรแกรมทั้งโลก จะเขียนว่า “หากคุณชอบโปรแกรมนี้ ก็บริจาคเงินอุดหนุนให้กระผมได้ที่ xxx” แต่ผู้สร้างเวิร์ดเพรสกลับไม่เขียนอย่างนั้น เค้าบอกว่า
เวิร์ดเพรสนั้น ไม่มีเงินทำการตลาดเป็นล้่านๆ หรือผู้สนับสนุนดังๆ แต่เรามีบางสิ่งที่เยี่ยมยอดกว่านั้น นั่นคือ “คุณ”
หากคุณใช้เวิร์ดเพรสแล้วชอบ ลองบอกต่อคนอื่นๆ หรือนำมันไปติดตั้งให้คนอื่นๆ ที่มีความรู้น้อยกว่าคุณ หรือบอกกล่าวต่อสื่อมวลชนที่มองข้ามเราไป
ไม่ขอเงินซักบาท! มีแต่กวีไส้แห้งเท่านั้นแหละ ที่กล้ากล่าวเช่นนี้
5. ติดตั้งง่าย คนเกือบทั้งหมดในโลกนี้ ใช้เวลาตัดสินใจว่าจะใช้เวิร์ดเพรสดีหรือเปล่า นานกว่าเวลาที่ใช้ติดตั้งเวิร์ดเพรสเสียอีก
(คือติดตั้งประมาณ 5 นาที ได้เว็บที่ใช้งานได้จริง)
6. การแบ่งเนื้อหาเป็น Post (พวกบันทึกจิปาถะ/บล็อก) กับ Page (หน้าตายตัว มีลำดับชั้นได้)
ซึ่งเรียบง่าย เข้าใจง่าย ทำไห้ประกอบเป็นเว็บง่าย และตอบสนองเว็บที่แสดงเนื้อหาส่วนใหญ่
7. การแปลงข้อความที่พิมพ์มาแสดงผลเป็น XHTML อย่างชาญฉลาด
(โดยระบบ Texturize และ Intelligent text formatting)
เวลาเขียนบล็อกหรือเนื้อหาในเว็บ หากเราต้องการตัวอักษรหลากหลาย ย่อหน้าหลากหลาย หรือแทรกรูปภาพ ฯลฯ เราจะมีวิธีคือ
7.1 เขียนโค้ด XHTML เองทั้งหมด วิธีนี้เหนื่อย ลำบาก โดยหากต้องคอยแยกแยะ BR และ P ยึ่งเหนื่อย
7.2 ไม่ต้องเขียนโค้ดเอง จะมีโปรแกรมสายนึงเรียกว่า What you see is what you get (WYSIWYG) ซึ่งให้อารมณ์ประมาณ Microsoft Word - นั่นคือ ดูดี ดูมี Toolbar เยอะ ทำอะไรได้เยอะ แต่หลายครั้งมันจะใส่โค้ดมามั่วซั่ว โง่ อวดฉลาด แม้คนหลายกลุ่มจะดูไม่ออก (เช่น มันใส่ให้ font ติดกัน ขนาดต่างกัน 1 ระดับ) แต่คนเรื่องมากอย่างผมรับไม่ได้
7.3 เขียนโค้ดเองบางส่วน ตามไวยากรณ์ง่ายๆ เช่น Textile, Markdown ซึ่งดูจะเป็นทางออกที่ดีที่สุด คือทั้งเรียบง่าย และ ใส่อะไรได้เยอะ
แต่แล้ว ทั้งสองแบบนั้น กลับไม่ฉลาดเหมือนระบบของ Wordpress ที่แทรกโค้ด XHTML ตรงๆ ก็ได้ หรือเว้นย่อหน้าก็ได้ หรือใส่ div อย่างไรก็ได้ หรือจะทำตัวเป็น WYSIWYG ก็ได้ ไม่อวดฉลาดเหมือนระบบอื่นๆ
แน่นอนว่าระบบแปลงข้อความของเวิร์ดเพรส ยังมีข้อที่ควรปรับปรุงอยู่บ้าง (เช่น แทรก div ซับซ้อน) แต่มันฉลาดที่สุดเท่าที่กระผมเคยลองมา
8. เวิร์ดเพรสมาพร้อมกับระบบของเว็บสมัยใหม่ ที่หลายอย่างมานั่งเขียนเองก็เหนื่อยโคตร
เช่น RSS Feed, Trackback, Pingback, Blogrolls (ที่ระบุความสัมพันธ์ด้วย ไม่ใช่แค่ link เฉยๆ), Spam Protection, User Management, XML-RPC Interface (ทำให้อัพบล็อกผ่านโปรแกรม หรือมือถือได้) ฯลฯ
9. เวิร์ดเพรสมีชุมชนขนาดใหญ่รองรับ ให้ความรู้ และให้ความช่วยเหลือ รวมถึงแบ่งปันการออกแบบที่เรียกว่า Wordpress Theme
คำถามหลายๆ อย่างเกี่ยวกับ Wordpress หาใน Google แป๊บเดียวได้เลย แต่หากอยากลงลึก ก็ถามใน Support Forum ได้
…
แต่หากจะกล่าวถึงสิ่งที่ด้อยกว่า เมื่อนำ Wordpress เทียบกับ Drupal ก็ต้องยอมรับว่า Wordpress ออกแบบมาสำหรับเว็บที่แยก “ผู้อ่าน” ออกจาก “ผู้เขียน” ชัดระดับหนึ่ง หรือกล่าวว่าเป็นเว็บที่ให้ข้อมูลเป็นหลัก ในขณะที่ Drupal นั้น โดดเด่นในแง่ การมีส่วนร่วมของสมาชิก ซึ่งหมายความว่า เราค่อนข้างอยากให้ “ผู้อ่าน” ของ Drupal มีส่วนเป็น “ผู้เขียน” ด้วย
ดังนั้น หน้าตาของ Wordpress และ Drupal ก็ย่อมแตกต่างกัน
Wordpress มีหน้าตาแยกกันชัดเจนระหว่างด้านหน้าเว็บ-ไว้ดูกับคอมเม้นท์นิดหน่อย- กับด้านหลังเว็บ ไว้จัดการข้อมูลต่างๆ
Drupal รวมหน้าตาไว้ด้วยกัน เพราะผู้ใช้แต่ละคนมีสิทธิืหลากหลาย ทั้งอ่าน ทั้งเขียน ฯลฯ (เลยทำให้ออกแบบยากกว่า แต่ทำให้ผู้ใช้ทำอะไรได้เยอะกว่า)
กระนั้น เมื่อสาวกท่าน ไอฟ์ เชื่อเช่นเดียวกับที่ท่านไอฟ์ว่าไว้ว่า “สิ่งสำคัญไม่ใช่การเพิ่ม Feature แต่คือการตัดออก” กระผมจึงเห็นว่า แม้ Drupal จะ Feature เยอะ แต่เมื่อกระผมตามไม่ทัน กระผมก็ขอตัดออก และเลือก Wordpress แทนละกันเฟร้ย
ทิ้งท้ายด้วยการขอเชิญชวนทุกท่านให้ลิ้มลอง Wordpress แล้วท่านจะรักเวิร์ดเพรสเหมือนกับกระผม
เหมือนที่เคยกล่าวว่า…
กระผมรักเวิร์ดเพรส เพราะเวิร์ดเพรสสอนให้กระผมรักโค้ดดั่งบทกวี
Tags: เทคโนโลยี, เวิร์ดเพรส, แรงบันดาลใจ

maew82
11 June 2008 เมื่อ 3:01 pmคมมากครับพี่เม่น
KRISS
12 June 2008 เมื่อ 4:50 pmพี่เม่นเป็นเหตุ
ผมเลยเปลี่ยนจาก EE มาเป็น WP แล้วครับ
จะลองดูว่าทำอะไรกะมันได้บ้าง
แต่ไอ้ โค้ดดั่งบทกวี นี่โดนใจเช่นกันขรับ
i n i n g z
18 June 2008 เมื่อ 1:27 amเห็นด้วย 2 มือ ..
wordpress ใช้งานง่าย
ใช้ widget ก็แสนง่าย ..
install ก็ล้านง่าย
เขียน theme ใหม่เอง ก็ สิบล้านง่าย ..
เจี๊ยบ
18 June 2008 เมื่อ 10:50 amสวัสดีค่ะคุณเม่น กะลังหาไอเดียใหม่ ๆ เลยนึกถึงคุณเม่น แวะมาทักทาย เวปสวยค่ะ
ป.ล ถ้าว่างช่วยเข้าไปคอมเม้นต์ที่เวปให้หน่อยนะคะ
KRISS
22 June 2008 เมื่อ 11:40 pmโหลพี่
พี่ใช้ Media Player plugin ตัวไหนครับ?
ผมใช้ Anarchy Media Player แล้วมันไปขัดกะ All-in-one SEO อะครับ
ตอนนี้มันเลย rewrite tag บ่ได้อะครับ
ก็เลยอยากจะเปลี่ยน media player ดู ก่อนที่จะสิ้นคิดไปแก้ plugin ไม่อยากเกิดอาการ EE แดก อะครับ
KRISS
23 June 2008 เมื่อ 7:43 amปรากฏว่าผมเข้าไปแก้ plug-in เรียบร้อยแล้วคราบ
iMenn
23 June 2008 เมื่อ 11:06 amฮ่าฮ่า มาเร็ว เคลมเร็วจริงๆ
พี่ใช้ Audio Player ครับ ไม่รู้เจอปัญหาป่ะ แบบว่ายังไม่ได้ใช้ All-in-one SEO ซักที
KRISS
24 June 2008 เมื่อ 9:04 amอ่อ ครับ
ขอบคุณครับ
WP นี่จ๊าบจริงๆพี่ เฉือน EE กระจุย
emptyzpace
24 June 2008 เมื่อ 11:40 amมายืนยันความเพอร์เฟ็คของเวิร์ดเพรสด้วยคน เป็นCMSที่เข้าใจทั้งดีไซน์เนอร์และโปรแกรมเมอร์สุดๆแล้วครับ เว้นแต่ว่ามันอาจใช้งานง่ายเกินไปจนทำไห้โปรแกรมเมอร์ขาดความGeek
gooogolf
27 June 2008 เมื่อ 9:57 pmว้าววว! อ้าว EE ไม่แหร่มหรือฮะพี่
เอาไว้ review EE, MT
แต่ไม่ว่าจะตัวไหน?
ผมก็ยังแก้ theme กะเค้าไม่เป็น แหะๆ
เวิร์ดเพรส - โค้ดดั่งบทกวี | iSchool.in.th
28 June 2008 เมื่อ 1:42 pm[...] (บทความจาก iMenn.com) [...]
iSup
1 July 2008 เมื่อ 9:33 amอ่านแล้ว อยากเลิกทำอะไรๆ ที่ทำอยู่ แล้วหันไปเรียนรู้ WordPress ให้มันจริงจัง ดังทั่นว่า ซะจริงๆ
ด้วยความหลงใหลใน Drupal มาแต่นาน แต่ไม่เคยใช้การมันได้จริงซะที เพราะฟีเจอร์มันล้นหลาม
ยังไงก็ยังรักกฎของ KISS และ รักในบทกวี มากกว่า โปรแกรม
ขอบคุณ ที่ทำให้ได้รู้จัก WordPress ดีขึ้นมาก … จากบางมุมอื่น (… ว่างๆ สอนผมใช้หน่อยดิ)
KRISS
8 July 2008 เมื่อ 10:13 amกลับมายืนยันความง่ายด้วยอันนี้
http://www.bmpharmacythailand.com
(ยังไม่เสร็จดีนะ)
หลังจับ WP ปุ๊บ ห้าวหาญเอาไปทำ CMS ของเว็บเลย เรียนรู้เหรอ? ไม่ต้อง ทุกอย่างมัน intuitive ไปหมด โดยเฉพาะ Template Hierachy
จากเดิมใช้ EE เปลี่ยนเป็น WP ใช้เวลา 3-4 วันเท่านั้นเอง
Features:
- Editable static & dynamic contents
- Multilingual (2 or more)
- Product catalog
- More SEO Friendly than EE
- Free ว่ะ หะๆๆ (เป็น feature ด้วยเหรอ)
เจ๋งมาก WP เอาไป 2 นิ้วเลย
Arick
13 July 2008 เมื่อ 9:14 amผมกำลังมองหาและตัดสินใจว่าจะเลือกเริ่มศึกษา Drupal หรือ Wordpress ดี เพราะทำ Joomla มาตลอด เจอบทความนี้เข้า อ่านแล้วฟันธงไปเลย wordpress ดีกว่า อย่างน้อย ขอเป็นดังเช่นบทกวีมั่ง ก้ยังดี ว่าแล้วไปหาที่ดาวน์โหลดดีกว่า ปิ้ง!
KRISS
16 July 2008 เมื่อ 3:04 amWP ออก 2.6 แล้วเพ่
http://www.anassirk.com/wordpress-2-6/
Mr. PeeTai
18 July 2008 เมื่อ 6:37 pmอ่านแล้วรู้สึกว่า พี่เม่นจะตกหลุมรัก WordPress เข้าอย่างจังแล้วนะครับเนี่ย
iMenn
20 July 2008 เมื่อ 3:35 pmบันทึกล่าสุดจาก WordPress Development Blog กล่าวว่า ตอนนี้มี Theme Directory อย่างเป็นทางการแล้วขอรับ เชิญที่ wordpress.org/extend/themes/
iMenn
22 July 2008 เมื่อ 4:11 pmสามวันจาก Opensource เป็นอื่น
Wordpress เปลี่ยน Template Hierachy อีกแล้ว!
KRISS
22 July 2008 เมื่อ 4:21 pmเปลี่ยนตั้งนานแล้วเพ่
BLOG [in] TREND
27 July 2008 เมื่อ 11:01 pmขอไป Post แนะนำในเว็บหน่อยได้ ไหม ครับ …
BLOG [in] TREND
28 July 2008 เมื่อ 9:20 amขอบคุณมากครับ .. คงจะเอาไปส่วนหนึ่งแล้ว จะ link กลับมาให้ที่บทความนี้นะครับ ..
เวิร์ดเพรส - โค้ดดั่งบทกวี | BLOG [in] TREND : เว็บบล็อกดี ๆ ที่ อินเทรนด์
28 July 2008 เมื่อ 9:22 am[...] เวิร์ดเพรส - โค้ดดั่งบทกวี | เว็บไซต์ [...]
KRISS
28 July 2008 เมื่อ 11:18 amแหม มีคนมาสัมภาษณ์ด้วย (เรียกว่าสัมภาษณ์ป่าวหว่า)
BLOG [in] TREND
29 July 2008 เมื่อ 1:13 amผมเปลี่ยนจาก โดย Blogintrend เป็น โดย คุณ iMenn นะครับเพื่อให้ เครดิต คุณ iMenn ครับ ขอบคุณสำหรับบทความครับ และผมยินดีเปิดรับทุกบทความที่ต้องการเผยแพร่ นะครับ
71
3 August 2008 เมื่อ 4:16 pmตามไม่ทันเลย
แต่ก็ชอบอ่าน
zai80
4 August 2008 เมื่อ 9:31 amสวัสดีวันเกิดขรับ คุณพี่
BLOG [in] TREND
4 August 2008 เมื่อ 8:10 pmสุขสรรค์ วันเกิดด้วยคน รวย ๆ ทั้งเงินทอง และ ความสุข ครับ …
BLOG [in] TREND
8 August 2008 เมื่อ 3:49 pmช่วงนี้ไม่ได้เขียน บทความ เลย เหรอครับ .. จะรออ่านนะครับ .
KRISS
9 August 2008 เมื่อ 12:53 amช่วงนี้ปั่นงานอะดี๊
ฮ่าๆๆ