ถ้าเราต้องการจะเรียงลำดับหมวดหมู่เอง ต้องอาศัยผู้ช่วยอย่าง Plugin My Category Order ค่ะ

http://wordpress.org/extend/plugins/my-category-order/

ไปดาวน์โหลดกันเลยค่ะ เมื่อติดตั้งแล้ว ส่วนการปรับตั้งค่าเรียงลำดับ Category จะอยู่ตรง Posts Box นะคะ  สามารถเรียงลำดับได้ทั้งหมวดหมู่หลัก และหมวดหมู่ย่อย

เวลาเรียกใช้ ให้ไปที่ Apperarance > Widgets ให้เราใช้ Widget My Category Order แทน Category ที่มากับ WordPress นะคะ แค่นี้เราก็จะได้ เมนู หมวดหมู่ที่เรียงลำดับแบบตามใจฉันแล้วค่ะ

ตัวอย่างจากเว็บผู้เขียนเองค่ะ yakpaiteaw.com (อีกหนึ่งเว็บที่ว่าจะทำให้ดี แต่ทำแล้วยังไม่ไปไหน เหอๆ)

เมื่อเราเขียนข้อความต้อนรับ หรือบทความที่เราอยากจะให้ Stick ไว้ที่หน้าแรก เสร็จแล้ว ทางด้านขวามือของ Text Editor จะมี  Publish box  ตรงส่วนของ Visibility ให้เราคลิกที่ Edit

ส่วนของ Visibiliy จะขยาย option ให้เราเลือกเพิ่มเติมได้
ให้ tick /ใน check box “Stick this post to the front page”  แล้วกดปุ่มบันทึกข้อมูลไปตามปกติค่ะ

ทีนี้ในหน้าแรก บทความที่เราเลือกเป็น Stick ก็จะแสดงอยู่ด้านบนแล้วล่ะค่ะ ถึงแม้ว่าจะมีการเขียนบทความใหม่ๆ เพิ่มในภายหลังก็ตาม

และในหน้า Edit Post จะมีข้อความ Sitcky ต่อจากชื่อบทความ ทำให้เราทราบว่า บทความไหนบ้างที่เรากำหนดให้ Stick เอาไว้ในหน้าแรกด้วยค่ะ

สมมติเรา New Post  ขึ้นมาเขียนข้อความ About us เอาไว้ แล้วกำหนดเป็นแบบ Stick
ผลที่ได้ก็จะเป็นดังรูปตัวอย่างด้านล่างค่ะ

สำหรับข้อความทักทายในหน้าแรกของ Enjoyday นี่ ไม่ได้ใช้วิธีนี้นะคะ  ใช้วิธีแก้ไข Theme เขียนข้อความฝังลงไปในไฟล์ Theme หน้า index.php เลย  ก็เลยดูเนียน แต่ก็จะไม่ยืดหยุ่น เท่าวิธีนี้ค่ะ

โดยหลังจากที่เราเขียนบทความเสร็จแล้ว และต้องการให้แสดงข้อความบางส่วน ให้เราคลิกที่จุดที่ต้องการละข้อความ (ตัดข้อความทิ้งไม่ให้แสดงในหน้าแรก)  จากนั้นกดปุ่ม  “Insert More tag”  เราก็จะเห็นเส้นขีดแบ่งดังรูป

ข้อความที่ให้แสดง …………….

ข้อความที่ให้ละไม่แสดง …………

จากนั้นกดปุ่มบันทึกบทความไปตามปกติ แล้วเรียกดู Blog ของเราในหน้าแรก

ตัวอย่าง บทความที่ใช้ฟังก์ชั่น “Insert More tag” 

ก็จะเห็นว่าข้อความในบทความนั้นถูกแสดงแค่ส่วนต้นเป็นที่เรียบร้อยแล้วค่ะ ง่ายๆ แค่นี้ล่ะค่ะ 

View Demo | Download

วิธีใช้งาน จะต้องติดตั้ง Plugin เพิ่มเติม ซึ่งก็ฟรีเหมือนกันค่ะ WP e-Commerce plugin

http://wordpress.org/extend/plugins/wp-e-commerce/download/

ที่มา : http://www.thekingcart.com/2008/10/02/crafty-cart-free-wordpress-ecommerce-plugin-theme/

ถ้าเราไม่ชอบรูปที่ WordPress ให้มา ก็แก้ไขได้ง่ายๆ ค่ะ โดยหารูป emotion ชุดใหม่ แล้ว rename ชื่อให้เหมือนกับ emotion ชุดที่มีอยู่แล้ว จากนั้นก็ upload ไฟล์เอาไปทับ emotion ชุดเก่า ^^

แต่ถ้าอยากแก้ไขใหม่หมด ก็ลองใช้ Plugin ตัวนี้ช่วยดูค่ะ “Custom Smilies”

ถ้า Search ใน wrodpress.org จะเจอ 2 ตัว ที่ใช้ชื่อเดียวกัน คือ

http://wordpress.org/extend/plugins/custom-smilies/

http://wordpress.org/extend/plugins/custom-smilies-se/

Plugin 2 ตัวนี้ เหมือนกันที่ ยอมให้เราเพิ่ม emotion และให้เราสามารถตั้งชื่อเรียก emo เหล่านั้นได้เอง เวลาใช้งานก็เพียงแต่งพิมพ์ชื่อเรียก emo ที่เราตั้งไว้ ใช้ได้ทั้งตอนที่เราเขียนบทความ และในส่วนของ comment แต่ของ custom-smiles-se จะพิเศษกว่าของ custom-smiles เฉยๆ (ไม่มี se) ที่ดึง emo มาแสดงให้เราในส่วนของ comment ด้วย ถ้าใช้ custom-smiles มันจะไม่ได้แสดงรูป emo ให้ ต้องยุ่งยากขึ้นอีกนิดหนึ่ง ต้องติด Plugin ตัวอื่นเพิ่มเติม เช่น WP Grins

.

วิธีการใช้งาน

1. ดาวน์โหลดตัวติดตั้ง จะได้ไฟล์ zip ให้แตกไฟล์นั้น แล้ว upload folder ที่ได้ ไปที่ wp-content/plugins
http://wordpress.org/extend/plugins/custom-smilies-se/

2. หา emotion ที่ถูกใจมาใช้งาน ลองดูที่ kapook.com ก็ได้ค่ะ

3. upload file emotion ที่จะใช้ ไปไว้ที่เก็บ wp-includes/images/smilies

4. login เข้าหน้า admin ไปในส่วนจัดการ Plugin ให้ activate plugin ตัวนี้

5. จากนั้นไปที่ Settings > Smiles เพื่อไปที่หน้า Manage Smiles เราจะเห็นรูป emotion ที่เรา upload ไว้ ให้ใส่ชื่อเรียก emotion ตามต้องการ แล้วกดปุ่ม update ที่ด้านล่างในหน้านั้นจะมีให้เรากำหนดค่าการใช้งานบางอย่าง เช่น เรามี emo อยู่สิบตัว แต่อยากให้แสดงในหน้า comment แค่ห้าตัวพอ เราก็ระบุไปค่ะ ว่าต้องการให้แสดงเฉพาะตัวไหนบ้าง

.
6. เมื่อจัดการ emotion เสร็จแล้ว ให้ทดลองใช้งานดูค่ะ คลิกเข้าไปหน้าเนื้อหาสักหน้า แล้วเลื่อน scrollbar ไปดูในส่วนของ comment กัน เราก็จะเห็น emo น่ารักๆ ไว้ให้ผู้ที่จะมาเขียน comment ได้ใช้กัน จริงๆ แล้วไม่ได้สนใจจุดนี้มากนัก ชอบให้มันเรียบๆ แต่อยากจะเอาไว้ใช้เองในหน้าเขียนบทความมากกว่าค่ะ ข้อความยาวๆ มีรูปน่ารักๆ แทรกบ้างจะได้ไม่เบื่อ

ทีแรกอยากจะใช้ set ลิงที่น่ารักๆ แต่เห็นคนใช้เยอะแล้ว จะใช้ชุดหอม ก็ไม่อยากจะซ้ำกับที่ thaiseoboard เปลี่ยนบรรยากาศใช้ set ที่ไม่เคยใช้ดีกว่า

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

จะทำอย่างไรให้ Blog ของเรามีคนเข้ามาแล้วอยากกลับเข้ามาอีก เข้ามาแล้วคลิกอ่านหลายๆ หน้า ^^

By enjoyday.net

1. เมื่อผู้ชมเข้ามายัง Blog  สิ่งแรกที่เห็นก็คือหน้าตาของ Blog ซึ่งควรจะสร้างความประทับใจให้แก่ผู้ชมตั้งแต่แรกพบ  (เหมือนรักแรกพบนั่นแหละค่ะ )     Theme ที่เราเลือกใช้นั้นจะเป็นตัวกำหนดอารมณ์ของ Blog และมีส่วนสำคัญที่จะทำให้ผู้ชมสนใจคลิกดูหน้าอื่นๆ อีกหรือไม่   ฉะนั้นการเลือก Theme ที่สวยงาม และเข้ากับเนื้อหาของ Blog จะช่วยสร้างบรรยากาศที่น่าประทับใจได้ 

โดยส่วนตัวแล้วชอบหน้าตาเว็บที่เรียบง่าย และดูสะอาดตาค่ะ หน้าตา blog ของ enjoyday ก็เลยออกมาเรียบๆ อย่างที่เห็น

ที่มาของรูป blogthemes.info
 

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

3. ตั้งชื่อเรื่อง/บทความ ที่เขียนให้น่าสนใจ อ่านหัวข้อแล้วสะดุด จนต้องคลิกเข้ามาอ่านเนื้อหา

4. นำเสนอเนื้อหาที่น่าสนใจ มีประโยชน์ ทันสมัย อาจเป็นเรื่องที่อยู่ในกระแสนิยม  และควร Update บ่อยๆ 

5. เวลาเขียนบทความ ส่วนไหนที่เป็นหัวข้อหลัก หรือหัวข้อย่อย ควรเน้นใส่ตัวหนา หรือเปลี่ยนสีให้ชัดเจน   หรือจะเขียน Overview หัวข้อไว้ก่อนที่จะเข้าส่วนเนื้อหาก็ได้ จะทำให้ผู้อ่านเห็นภาพรวม และจับประเด็นของเนื้อหาได้ดี

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

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

8. ใส่ภาพประกอบลงไปในบทความด้วย จะทำให้บทความนั้นน่าสนใจขึ้น ดูแล้วไม่เบื่อ โดยเฉพาะบทความที่สอนการใช้งานโปรแกรม, การติดตั้งโปรแกรม  ถ้ามีภาพประกอบจะช่วยให้เข้าใจง่าย ไม่ต้องเขียนคำบรรยายประกอบจนเยิ่นเย้อ ต้องขยัน Capture รูปหน่อย

 9. การอ้างถึงบทความก่อนให้ใส่ลิงค์เอาไว้ให้ด้วย คนอ่านจะได้คลิกอ่านได้เลยไม่ต้องไปค้นหาเอง เช่น ผู้เขียนเคยเขียนเรื่อง “Blog คืออะไร” เอาไว้   ต่อมาเขียนเรื่อง “การสร้าง Blog ด้วย WordPress” ก็จะทำลิงค์ไว้ตรงคำว่า Blog ให้เชื่อมไปหน้าบทความ Blog คืออะไร เป็นต้น

10. ติดตั้ง Plugin ที่ทำ Related Posts ไว้ด้วย   บางครั้งคนอ่านมาเจอเว็บเราจากการค้นหาในเว็บ Search Engine ก็จะเข้ามาที่หน้าบทความหน้าใดหน้าหนึ่ง พออ่านเสร็จก็มักจะออกไปเลย แต่ถ้าได้เห็นลิงค์ของเนื้อหาอื่นๆ ที่เกี่ยวข้อง เกิน 50% ต้องคลิกอ่านต่อแน่นอนค่ะ

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

12. ติดตั้ง Plugin ที่แสดงเรื่อง/บทความ ที่มีคนอ่านมากที่สุด (Most Viewed) หรือแนะนำให้อ่าน (Recommended) ก็เหมือนกับร้านหนังสือที่มีการ show หนังสือที่ติดอันดับขายดีไว้หน้าร้านแหละค่ะ เห็นคนอ่านเยอะๆ ก็ต้องคลิกเข้าไปอ่านดูบ้าง เรื่องของจิตวิทยาอีกแล้ว

13. ควรมีหน้า Site map หรือแผงผังเว็บไซต์ ที่แสดงเนื้อหาทั้งหมดของ Blog   หน้านี้จะเหมือนกับหน้าสารบัญในหนังสือ เวลาเราจะซื้อหนังสือก็มักจะดูจากสารบัญ ว่ามีเรื่องที่เราสนใจอยากอ่านหรือเปล่า Blog ของเราควรมีหน้านี้เหมือนกันค่ะ

14. อย่ายัดเยียดโฆษณาให้ผู้อ่านมากเกินไป จนน่ารำคาญ

15. ถ้ามีคนมาเขียน Comment ถามอะไร เจ้าของ Blog ก็ควรตอบกลับด้วย แสดงว่าเราน่ะเป็นมิตร แล้วยังจะได้เพื่อนเพิ่มด้วย

ส่วนตัวแล้วก็คิดออกเพียงเท่านี้เอง ลองเอาไปปรับใช้กันดู

ใครที่มีเทคนิคการทำ Blog ดีๆ ก็อย่าลืมแนะนำกันบ้างนะคะ

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

ตัวอย่างส่วนแสดงความคิดเห็นที่ดี

1. Chris Shiflett

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

2. Darkmotion

ผมชอบที่เขาแยกส่วนชื่อผู้ออกความเห็น กับ ความคิดเห็น และดูแล้วได้อารมณ์มาก เหมือนการคุยกัน

3. Blog Design Blog

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

วิธีทำให้การออกแบบส่วนแสดงความคิดเห็นออกมาดูดี

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

.

7. ส่วนท้ายของบทความ(Post’s Footer)

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

ตัวอย่างส่วนท้ายของบทความที่ดี

1. Freelanceswitch

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

2. PSDTuts

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

3. Standards for Life

ส่วนท้ายบทความของ Standards of Life ให้ความรู้สึกปลอดโปร่งโล่งสบาย การสลับสี similar posts(เนื้อเรื่องที่คล้ายกัน) ดูแล้วสบายตา

วิธีทำให้การออกแบบส่วนท้ายบทความออกมาดูดี

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

.

8. ส่วนท้ายของบล็อก(Footer)

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

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

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

ตัวอย่างส่วนท้ายของบล็อกที่ดี

1. Designshack

ผมชอบที่ Designshack ใช้ส่วนท้ายของบล็อกเป็นที่วางเมนูรองทั้งหมด โดยด้านข้างบล็อกจะไม่มีเมนูรองเลย

2. Web Designer Wall

ผมชอบความตั้งใจของเจ้าของบล็อก เขาให้ความสำคัญกับส่วนนี้พอ ๆ กับส่วนหัวเลย ผลจึงออกมาดูงดงามยิ่งนัก

3. Chris Shiflett

เป็นส่วนท้ายบล็อกที่สะอาด เรียบง่าย มาก ๆ สื่ออกมาได้อย่างชัดเจนว่าต้องการอะไร

วิธีทำให้การออกแบบส่วนท้ายของบล็อกออกมาดูดี

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

.

9. โฆษณา(Advertisements)

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

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

ตัวอย่างโฆษณาที่ดี

1. Copyblogger

Copyblogger ใช้โฆษณาที่มีขนาดมาตรฐานทั่วไป (125 x 125) ไว้ด้านบนของบล็อก โดยการระบุไว้อย่างชัดแจ้งว่านี่คือผู้สนับสนุน แต่ก่อนที่คุณจะเห็นโฆษณาคุณจะได้พบกับ tagline ของเขาก่อน ทำให้เห็นว่าเขาให้ความสำคัญกับเนื้อหาบล็อกมากกว่าโฆษณา

2. Webdesignerwall

Webdesignerwall ไม่ได้มีเพียงแค่โฆษณาขนาดมาตรฐาน แต่ยังมีโฆษณาอยู่ตรงกลางเนื้อหาด้วย และ ด้วยการออกแบบของเขาทำให้ผู้เยี่ยมชมทราบได้ว่านี่เป็นโฆษณา

3. Problogger

Problogger วางโฆษณาไว้ถัดจากโลโก้ของบล็อก แต่มันไม่ได้บดบังความน่าสนใจของโลโก้และเนื้อหาบล็อกเลย

วิธีทำให้การออกแบบโฆษณาออกมาดูดี

• ถ้าคุณตั้งใจไว้ว่าจะเอาโฆษณามาแปะไว้ในบล็อก ในระหว่างการออกแบบบล็อกคุณจะต้องให้ความสำคัญกับมันด้วย เพื่อให้โฆษณาที่เอามาแปะ เข้ากับบล็อกได้อย่างลงตัว
• โฆษณาที่เป็นที่นิยมมาก คือ google’s adsense และโฆษณาขนาด 125 x 125 Google’s adsense เป็นโฆษณาที่ยืดหยุ่นอย่างมาก คุณสามารถเลือกขนาดได้ หรือ รูปแบบการแสดงผลได้ตามที่คุณต้องการ แต่โฆษณาขนาด 125 x 125 จะไม่ค่อยยืดหยุ่นสักเท่าไหร่ โฆษณาประเภทนี้มักจะนำไปใส่ไว้ด้านข้างบล็อก
• หลังจากที่ได้ตัดสินใจคร่าว ๆ ไว้แล้วว่าจะใช้โฆษณาแบบไหนก็ให้คุณหาตัวอยางโฆษณาแบบนั้น แล้วคัดลอกมาแปะไว้ในบล็อกคุณ แปะหลอก ๆ ไว้ก่อน เพื่อที่การออกแบบส่วนอื่น ๆ จะได้เข้ากับบล็อกของคุณได้อย่างลงตัว
• อย่าลืมออกแบบบล็อกให้สังเกตเห็นโฆษณาได้ง่าย แต่จะต้องไม่บดบังความสำคัญของเนื้อหา ด้านข้างของบล็อกเป็นส่วนที่เหมาะสมที่สุดที่จะนำโฆษณาไปแปะและ ส่วนที่แย่ที่สุดคือการนำโฆษณาไปไว้ในที่ ๆ ผู้เยี่ยมชมจะเข้าใจผิดคิดว่าเป็นเมนูของบล็อก

Google มีโฆษณาที่เป็นชุดของลิงค์จำนวนหนึ่ง และ ผมมักจะสับสนคิดว่ามันคือเมนูของบล็อก ดังนั้น การระบุว่านี่คือโฆษณาจะช่วยแก้ปัญหานี้ได้

ที่มา http://www.divland.com/blog/2008/06/12/how-to-blog-design/

ข้อมูลจาก http://www.blogdesignblog.com/blog-design/how-to-blog-design-style-guide/

• ส่วนหัว(Header)
• ส่วนเนื้อหา(Content Area)
• เมนูหลัก(Primary Navigation)
• เมนูรอง(Secondary Navigation)
• หัวเรื่อง(Headlines)
• ส่วนแสดงความคิดเห็น(Comments)
• ส่วนท้ายของบทความ(Post’s Footer)
• ส่วนท้ายของบล็อก(Footer)
• โฆษณา(Advertisements)

1.ส่วนหัว(Header)

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

ตัวอย่างส่วนหัวที่ดี

1. Octwelve

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

2. Cult foo

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

จุดเด่นของ darkmotion คือ การออกแบบส่วนหัวที่ได้อารมณ์มาก ดูแล้วสนุกสนานรื่นเริง

วิธีทำให้การออกแบบส่วนหัวออกมาดูดี

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

.

2. ส่วนเนื้อหา(Content Area)

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

ตัวอย่างส่วนเนื้อหาที่ดี

1. Simplebits

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

2. We Love WP

ปัญหาใหญ่ในการออกแบบพื้นหลังสีทึบคือยากต่อการอ่าน แต่ถ้าหากทำให้ดีแล้วจะดูสวยงามมาก WeLoveWP ใช้สีน้ำตาลอ่อนจึงไม่ตัดกับพื้นหลังที่ออกทึบมากเท่าไหร่ ทำให้อ่านง่าย

3. We Break Stuff

ผมชอบการผสมผสานรูปแบบลิงค์ระหว่างเส้นใต้ที่เป็นจุด ๆ กับสี ทำให้ดูดี

วิธีทำให้การออกแบบส่วนเนื้อหาออกมาดูดี

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

.

3. เมนูหลัก(Primary Navigation)

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

ตัวอย่างเมนูหลักที่ดี

1. A list apart

AList Apart เป็นตัวอย่างที่ดีตัวอย่างหนึ่งในการนำเมนูหลักไว้ด้านบน

2. Mindtwitch

Mindtwitch ใช้การความแตกต่างของพื้นผิวแสดงทำให้เห็นชัดเจนว่าเป็นเมนูหลัก

3. Jogger

เมนูหลักของ Jogger เรียบง่าย และทำได้ง่าย แต่มันสื่อสารออกมาได้อย่างชัดแจ้ง และยังกลืนเข้ากับส่วนอื่น ๆ ได้อย่างแนบเนียน

วิธีทำให้การออกแบบเมนูหลักออกมาดูดี

• จำนวนลิงค์ในส่วนเมนูหลักไม่ควรมีเยอะเกินไป ทั้งนี้ไม่ได้มีกฏเกณฑ์ตายตัวว่าจะต้องมีไม่เกินกี่ลิงค์ แต่โดยทั่วไปแล้วไม่ควรเกิน 6-7 ลิงค์
• ส่วนของเมนูหลักควรสงวนไว้ให้ เฉพาะลิงค์ที่ไปสู่หน้าหลักของส่วนอื่น ๆ ของบล็อก โดยที่หน้านั้นสามารถพาผู้เยี่ยมชมไปสู่ส่วนย่อยต่าง ๆ(เมนูรองนั่นเอง) ได้อีก
• ตัวอย่างเมนูหลักที่เห็นได้ทั่วไปคือ การติดต่อ(contact) เกี่ยวกับเรา (about) คุณสมบัติ/คุณลักษณะของเมนูหลัก ขึ้นอยู่กับว่า คุณออกแบบโครงสร้างบล็อกของคุณอย่างไร และ อะไรที่คุณต้องการให้ผู้เยี่ยมชมบล็อกของคุณสนใจ

.

4. เมนูรอง(Secondary Navigation)

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

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

ตัวอย่างเมนูรองที่ดี

1. Elitistsnob

ผมชอบที่ส่วนด้านข้างเด่นชัด แยกออกมาจากส่วนอื่น ๆ ทำให้ผู้เยี่ยมชมสามารถมองหาได้ง่าย

2. Mancub

ชอบที่ส่วนด้านข้างผุดออกมาจากเนื้อหา

3. Designdisease

Design Disease ใช้สีส้มทำให้ส่วนข้างเด่นกว่าส่วนอื่น ๆ

วิธีทำให้การออกแบบเมนูรองออกมาดูดี

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

.

5. หัวเรื่อง(Headlines)

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

ตัวอย่างหัวเรื่องที่ดี

1. Henry Jones

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

2. I Love Typography

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

3. Blogsolid

Blogsolid ใช้ยุทธวิธีในการดึงดูดความสนใจผู้เยี่ยมชมมาสู่หัวเรื่อง ด้วยการนำรูปภาพงานศิลปอันงดงามมาวางไว้ใกล้กับหัวเรื่อง

วิธีทำให้การออกแบบหัวเรื่องออกมาดูดี

• วิธีที่ง่ายที่สุดเลยก็คือ กำหนดสีให้หัวเรื่องแตกต่างจากตัวเนื้อหา
• ใช้แบบอักษรให้แตกต่างจากเนื้อหา โดยทั่วไปนิยมใช้ แบบอักษร serif กับหัวเรื่อง และ แบบอักษร non-serif กับส่วนเนื้อหา
• ขนาดตัวอักษร หัวเรื่องไม่ควรใช้ขนาดตัวอักษรที่ใกล้เคียงกับเนื้อหา (ถึงแม้จะใหญ่กว่าเล็กน้อยก็ตาม) เพราะจะทำให้ผู้อ่านแยกแยะได้ยากว่าอันไหนคือหัวเรื่อง
• วิธีที่จะทำให้หัวเรื่องเด่นมาแต่ไกล ทำได้โดยเอาวันที่โพสบทความใส่เข้าไปบริเวณเดียวกับหัวเรื่องด้วย

ที่มา http://www.divland.com/blog/2008/06/12/how-to-blog-design/

คือ disaster-right + coolbreez จาก wpdots.net 
enjoyday ใช้ 2 Theme มา mix กัน   เป็น Theme ที่เรียบง่าย ใส่ภาพที่ด้านหน้าแต่ละบทความได้ มีที่ใส่โฆษณาด้านขวา และท้ายบทความยังใส่ Social Bookmark ไว้ให้ด้วย
ภายหลัง enjoyday ได้มีการแก้ไข style sheet ใหม่พอสมควรค่ะ

.

Plugin ที่ใช้ใน enjoyday

1. Akismet
เป็น Plugin ที่ใช้สำหรับป้องกัน spammer ทั้งหลาย ที่ชอบมาโพสท์ comment ที่ไม่เกี่ยวข้องกับเนื้อหาในเว็บ    Akismet เป็น plugin มาตรฐานที่ติดมาพร้อมกับตัว wordpress  ไม่ต้องไปหาเพิ่มเติมที่ไหน
วิธีใช้งานอ่านที่นี่ค่ะ
http://www.wordthai.com/index.php?topic=4.0
.

2. All in One SEO Pack
Plugin ตัวนี้ ทำให้เราสามารถปรับแต่งข้อความในส่วนของ Title, Description และ Keywords ของหน้าแรก (Homepage) และของแต่ละหน้าบทความที่เราเขียน ซึ่งเป็นประโยชน์ในทาง SEO ค่ะ
http://wordpress.org/extend/plugins/all-in-one-seo-pack/

.
3. Archives by Categories
เป็น Plugin ที่ enjoyday นำมาใช้ทำเป็นหน้า Site Map ค่ะ
http://www.dagondesign.com/articles/archives-by-selected-categories-plugin-for-wordpress

เมื่อติดตั้งแล้ว ให้ New Page ขึ้นมาหน้าหนึ่ง ใส่บรรทัดนี้ลงไป
<!– ddarchivesbycat –>
แล้วบันทึก ง่ายๆ แค่นี้แหละค่ะ
.

4. Google Sitemap Generator
ช่วยทำ Google XML sitemaps ให้อัตโนมัติ เวลาที่เรามีการเพิ่มหรือแก้ไขเนื้อหา  มันจะแจ้งไปยัง Search Engine อย่าง  Google,  Yahoo, MSN Search และ ASK.com ให้มาเก็บข้อมูลบทความที่เราเขียน   หลังจากติดตั้งแล้วก็ไม่ต้องทำอะไรแล้วค่ะ
http://wordpress.org/extend/plugins/google-sitemap-generator/
.

5. Must Read Post
Plugin สำหรับเพิ่ม widget บทความที่แนะนำให้อ่าน (Recommended) หลังจากติดตั้งแล้ว ให้ไปเพิ่ม widget  “Must Read Post” ที่ sidebar  จะเปลี่ยนชื่อก็ได้ค่ะ  เวลาใช้งานให้เพิ่ม custom field “must-read”=true  ในบทความที่อยากให้แสดงใน widget นี้ค่ะ
http://wordpress.org/extend/plugins/must-read-posts/  
.

6. Simple Tags
Plugin ตัวนี้ ช่วยให้เราสามารถแก้ไข Tag (คำในการค้นหา หรือ Keyword) ได้ง่ายๆ   และสามารถทำ Related Posts ได้อีกด้วย โดยจะดึงหัวข้อที่เราใช้ Tag เดียวกันมาแสดงให้ค่ะ
http://www.herewithme.fr/wordpress-plugins/simple-tags

เพิ่มบรรทัดนี้ไปในหน้าที่แสดงบทความ (single.php) ในส่วนที่ต้องการให้แสดง Related Posts
<?php st_related_posts(); ?>

.
7. WassUp
เป็น Plugin ที่บอกว่ามี Visitors online กี่คน และยังช่วยเก็บสถิติข้อมูลของผู้ที่มาเยี่ยมชมเว็บไซต์ หรือ Bot ว่ามีการเข้ามาเยี่ยมเว็บเมื่อใด  ลิงค์มาจากไหน  เข้ามาจาก Search Engine ด้วยคำค้นหาใด  ใช้ Browser รุ่นใด  เปิดดูหน้าไหนบ้าง และอื่นๆ
http://wordpress.org/extend/plugins/wassup/
 .

8. WordPress Database Backup
ผู้เขียนใช้ Plugin ตัวนี้ เพื่อช่วย Backup database แล้วส่งไปเก็บที่อีเมล์ค่ะ
http://wordpress.org/extend/plugins/wp-db-backup/

.
9. WP-Optimize
Plugin ตัวนี้จะช่วยเรา Clean ข้อมูลที่ไม่จำเป็นใน database เช่น ข้อมูลที่ WordPress  ทำ Auto save หลายๆ ครั้ง ตอนที่เราเขียนบทความ, Spam ต่างๆ
http://wordpress.org/extend/plugins/wp-optimize/

.
10. WP-PostViews
เป็น Plugin ที่ใช้นับจำนวนครั้งที่แต่ละบทความถูกเปิดอ่าน  หลังจากติดตั้งแล้ว ให้ไปเพิ่ม widget  “Most Viewed” ที่ sidebar  เพื่อแสดงบทความที่ถูกอ่านมากที่สุดได้
http://lesterchan.net/wordpress/readme/wp-postviews.html

และเพิ่มบรรทัดนี้ไปในจุดที่ต้องการแสดงว่าบทความนี้ถูกอ่านไปแล้วกี่ครั้ง (เช่น ในไฟล์ index.php, single.php, archive.php)
<?php if(function_exists(‘the_views’)) { the_views(); } ?>
.

11. WP Super Cache
Plugin ตัวนี้จะช่วยให้เครื่อง Server ไม่ต้องทำงานหนัก เพราะมีการเก็บข้อมูลที่ใช้บ่อยไว้ใน Cache  ลดการดึงข้อมูลของฐานข้อมูล  (query) ซึ่งจะช่วยทำให้ WordPress ของเราทำงานได้เร็วขึ้นค่ะ 
 http://wordpress.org/extend/plugins/wp-super-cache/

.

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

วิธีการติดตั้ง Plugin

1. ให้ไปที่เว็บไซต์ http://wordpress.org/extend/plugins/
หรือเว็บไซต์อื่นที่แจก Plugin ของ WordPress ฟรี เช่น http://lesterchan.net/portfolio/programming/php/
หรือ สามารถ Search หาจาก Google.com ได้ค่ะ

.
2. ในเว็บไซต์ของ WordPress จะมี Plugin ให้เราเลือกมากมาย ลองคลิกเข้าไปอ่านความสามารถ วิธีการติดตั้ง วิธีการใช้งานก่อน ถ้าถูกใจแล้วก็ดาวน์โหลดมาเก็บไว้ที่เครื่องเราเลยค่ะ

.
3. เมื่อได้ไฟล์ Plugin นามสกุล .zip มาแล้ว สามารถติดตั้งได้ 2 วิธีคือ

วิธีที่1 ไม่ต้องแตกไฟล์ ให้ Login เข้าไปหน้าจัดการ Blog เลือกเมนู Plugin>Add New จากนั้นให้ “Browse” เลือกไฟล์ Plugin นามสกุล .zip ที่เก็บอยู่ในเครื่อง แล้วกดปุ่ม “Install Now”

รอจนกว่าจะขึ้นหน้าแสดงข้อความ Successfully installed the plugin. จากนั้นให้คลิกที่ Activate Plugin เพื่อเริ่มใช้งาน Plugin ตัวนั้น

หรือ

วิธีที่2 ให้แตกไฟล์ .zip นั้นก่อน แล้ว Upload ทั้ง folder ไปที่ Host ตาม path นี้ /public_html/yourblog/wp-content/plugins (บางครั้ง Plugin ก็เป็นแค่ไฟล์ .php ไฟล์เดียว)

ผู้เขียนชอบใช้วิธีนี้มากกว่าค่ะ เพราะถ้าไฟล์มีขนาดใหญ่ ใช้วิธีแรกอาจจะนาน และ Error ได้ง่ายๆ

จากนั้น Login เข้าหน้าจัดการ Blog เลือกเมนู Plugin > Installed

ที่หน้าจอจะแสดง Plugin ที่มีทั้งหมด ที่อยู่ใน folder wp-content>plugins
แบ่งเป็นส่วนของ Currently Active Plugins คือ Plugin ที่กำลังใช้งานอยู่ (ด้านบน) และส่วน Inactive Plugins จะมีรายชื่อ Plugin ที่ไม่ได้ถูกใช้งาน (ด้านล่าง)

ในส่วนของ Inactive Plugins ให้คลิกที่ Action : Activate ในบรรทัดของ Plugin ที่เราต้องการใช้งาน

แล้ว Plugin นั้นจะเปลี่ยนมาแสดงในส่วนของ Currently Active Plugins (ด้านบน)แทน

.

การใช้งาน Plugin แต่ละตัวไม่เหมือนกัน บางตัวแค่ Activate ก็ทำงานทันที เราไม่ต้องทำอะไรเพิ่มเติมอีก แต่บางตัวก็ต้องมีการ set เพิ่มเติม ให้อ่านวิธีใช้จากคำแนะนำการใช้งานของ Plugin นั้นๆ อีกทีค่ะ เมื่อติดตั้งแล้วเรายังสามารถปรับค่าต่างๆ ของ Plugin ได้ตามต้องการ ซึ่ง Plugin มักจะมาอยู่ในส่วนของ Settings / Tool ค่ะ