Thumbnail for Excerpts เิป็นปลั๊กอินสำหรับ Wordpress ที่ใช้สำหรับทำการ resize รูปภาพ และนำมาแสดงรูปภาพข้างๆ ข้อความที่เราใช้เป็นเนื้อหาโดยย่อของเอนทรี่ (excerpt) นั้นนั่งเอง ซึ่งจะทำให้เราไม่ต้องเสียเวลาในการที่จะต้องลดขนาดของรูปภาพเอง โดยปลั๊กอินตัวนี้จะใช้รูปภาพแรกในเนื้อหาแล้วทำการปรับขนาดของภาพให้เราโดยอัตโนมัติเลยค่า

• ขั้นตอนการติดตั้ง Thumbnail for Excerpts

1. ไปโหลด Plugin มาก่อนที่ http://wordpress.org/extend/plugins/thumbnail-for-excerpts/
2. เข้าระบบ Admin แล้วเลือก Plugins (ที่อยู่ทางด้านบนขวาของจอ)
3. แล้วเลือก Add New
4. จากนั้นเลือกที่แถบ Upload
5. กด Browse เพื่อเลือกไฟล์ที่โหลดมา แล้วกด Install Now
6. ทำการ Active   ซะ
7. เสร็จสิ้นขั้นตอนการติดตั้ง

• ขั้นตอนในการใช้งาน Thumbnail for Excerpts

1. ที่แถบเมนูด้านขวากดเลือก Setting -> Thumbnail for Excerpts
   
2. ตั้งค่าการใช้งานโดยกำหนด ขนาดของรูปภาพตามใจชอบ
3. ถ้าหากอยากปรับขนาดของ thumbnail ให้มากกว่า 150 ให้เข้าไปที่ Setting -> Media
   
4. เปิดแก้ไขธีมหน้าที่ต้องการใส่ excerpt เพิ่มเติม ดูรายละเอียดการใส่โค้ดได้ที่ http://codex.wordpress.org/Template_Tags/the_excerpt
5. สำหรับธีมที่มีการใส่โค้ด <?php the_excerpt(); ?> อยู่แล้วปลั๊กอินนี้จะแสดงรูปภาพแรกของเนื้อหาข้างข้อความไว้ให้โดยอัตโนมัติ

• ตัวอย่างการใช้งาน (ดูเพิ่ม)

เมื่อต้องการจะสร้าง portfolio หรือว่าหนังสือออนไลน์เดี่ยวนี้ก็ทำได้ง่ายมากขึ้นแล้ว วันนี้ออฟจะมาแนะนำปลั๊กอินที่จะช่วยในการสร้างหนังสือออนไลน์ให้เราง่ายๆ เพียงเราเตรียมรูปที่จะสร้างหนังสือเอาไว้ แล้วอัพโหลดภาพ ปลั๊กอิน Page Flip Image Gallery ของเวิร์ดเพรสตัวนี้ก็จะสร้างหนังสือให้เราอย่างสวยงามเลยทีเดียว แบบว่าเอาเมาส์ลากเปิดได้เหมือนจริงเลยด้วยค่า

• ขั้นตอนการติดตั้ง Page Flip Image Gallery

1. ไปโหลด Plugin มาก่อนที่ http://wordpress.org/extend/plugins/page-flip-image-gallery/
2. เข้าระบบ Admin แล้วเลือก Plugins (ที่อยู่ทางด้านบนขวาของจอ)
3. แล้วเลือก Add New
4. จากนั้นเลือกที่แถบ Upload
5. กด Browse เพื่อเลือกไฟล์ที่โหลดมา แล้วกด Install Now
6. ทำการ Active   ซะ
7. เสร็จสิ้นขั้นตอนการติดตั้ง
8. สร้างโฟลเดอร์ pageflip ใน wp-content แล้วตั้งค่าการใช้เป็น 777

• ขั้นตอนการสร้าง Page Flip Image Gallery

1. กดที่แถบเมนู FlippingBook ด้านข้าง แล้วเลือก Manage books and pages
2. กด Add New Book แล้วใส่รายละเอียดต่างๆ
3. กดที่ปุ่ม Add Page
   
4. เลือก Create New Gallery
5. จากนั้นกดที่ปุ่ม Upload New Image
   
6. จากนั้นไปยังหน้าที่ต้องการใส่ แล้วใส่  เพื่อแสดงหนังสือ

• ตัวอย่างการใช้งาน : ลองลากเปิดหนังสือดูนะคะ

Featured Content Slider หรือบางครั้งเรียกว่า Feature Post Image Slide เป็นส่วนที่ดึงรูปและข้อความในเนื้อหามาแสดงเป็นสไลด์ โดยจะอาจจะมาใส่ไว้ในหน้าแรก เพื่อเป็นการดึงดูดผู้ชมและเป็นการสร้างสีสันให้กับเว็บไซต์เป็นอย่างมาก ตัวอย่างเช่น ส่วน Features New ของ KasetFC ซึ่งวิธีการแทรกส่วน Featured Content Slider นั้นก็ไม่ยากอย่างที่หลายๆ คนคิดเลยค่า

• ปลั๊กอินที่ช่วยในการทำ Featured Content Slider

1. Featured Content Gallery (Demo – Download)
   
   - เป็นการแสดงสไลด์โดยแถบคำอธิบายจะสไลด์ขึ้นมาอยู่บนรูปภาพ โดยจะอยู่ด้านล่าง ทับกับด้านล่างของภาพ
   - การสไลด์จะทำไปโดยอัตโนมัติ เราไม่สามารถกดเลือกเพื่อเปลี่ยนสไลด์เองได้
   - สามารถปรับเปลี่ยนขนาดของภาพได้ตามต้องการ
2. J Post Slider (Demo – Download)
   
   - รูปแบบของคำอธิบายสามารถอยู่ได้ทั้ง ด้านบน ด้านล่าง ด้านซ้าย และด้านขวาของรูปภาพตามใจชอบ
   - การสไลด์จะทำไปโดยอัตโนมัติ เราไม่สามารถกดเลือกเพื่อเปลี่ยนสไลด์เองได้
   - สามารถปรับเปลี่ยนขนาดของภาพได้ตามต้องการ
3. Featured articles plugin for Wordpress (With Moo Tools) (Demo – Download)
   
   - การแสดงสไลด์จะมีรูปอยู่ทางด้านขวา และมีคำอธิบายอยู่ทางด้านซ้าย
   - การสไลด์ : รูปและข้อความจะเลื่อนไปทางขวาพร้อมกัน
   - สามารถกดที่ปุ่มด้านล่างเพื่อเปลี่ยนสไลด์ได้
4. Wordpress Featured Content Slideshow (Demo – Download)
   
   - การแสดงสไลด์อยู่ในลักษณะที่มีรูปอยู่ด้านซ้ายและมีข้อความย่อๆ ของเนื้อหาอยู่ทางด้านขวา โดยแสดง 5 featured posts ล่าสุด
   - การแสดงข้อความเป็นการแสดง Titles และ description สั้นๆ
   - การเปลี่ยนสไลด์ทำได้โดยกดที่ข้อความทางด้านขวา
5. Featured Content Slider For Wordpress (Demo – Download)
   
   - การแสดงสไลด์จะมีรูปภาพอยู่ด้านซ้าย และคำอธิบายอยู่ด้านขวา
   - การเลื่อนของสไลด์จะเลื่อนทั้งข้อความและรูปภาพไปทางซ้ายพร้อมกัน
   - สามารถเปลี่ยนสไลด์ได้โดยกดที่ลูกศรทางด้านซ้ายเพื่ือไปยังเนื้อหาก่อนหน้า และกดที่ลูกศรทางขวาเพื่อไปเนื้อหาถัดไป

ถ้าหากว่าเราต้องการจะสร้างตารางที่จะมีการเปลี่ยนแปลงข้อมูลอยู่บ่อยๆ การที่จะมาเขียนโค้ด HTML เองตลอดก็เป็นเรื่องยุ่งยากพอสมควรทีเดียว เช่น ตารางผลการแข่งขันฟุตบอล เป็นต้น ดังนั้นออฟก็เลยไปหา แล้วก็พบเจ้าปลั๊กอินสุดโดนใจสำหรับ wordpress อย่าง  WP-Table Reloaded ซึ่งเข้ามาช่วยให้ชีวิตง่ายขึ้นเยอะเลยค่า

• ขั้นตอนการติดตั้ง WP-Table Reloaded

1. ไปโหลด Plugin มาก่อนที่ http://wordpress.org/extend/plugins/wp-table-reloaded
2. เข้าระบบ Admin แล้วเลือก Plugins (ที่อยู่ทางด้านบนขวาของจอ)
3. แล้วเลือก Add New
4. จากนั้นเลือกที่แถบ Upload
5. กด Browse เพื่อเลือกไฟล์ที่โหลดมา แล้วกด Install Now
6. ทำการ Active   ซะ
7. เสร็จสิ้นขั้นตอนการติดตั้ง

• การสร้างตารางด้วย WP-Table Reloaded

1. ที่แถบเมนูด้านขวาเลือก Tool -> WP-Table Reloaded
2. ที่แถบตัวเลือกด้านบนเลือก Add new table
3. กำหนดค่าเริ่มต้นของตารางเช่น ชื่อตาราง, จำนวนแถว, จำนวนคอลัมน์
   
4. ใส่ค่าให้กับ แถวและคอลัมน์
   
5. กำหนดค่าเพิ่มเติม
   - Data Maniputlation : จัดการส่วนการเพิ่ม ลบ เรียงลำดับข้อมูลต่างๆ
   
   - Table Styling Options : ปรับเปลี่ยนรูปแบบของตาราง
   
   - Others
   

• การนำโค้ดของตารางไปใช้

ถ้าหากว่าต้องกา่รนำตารางไปวางไปใน Post, page หรือ widget ก็เพียงใช้ [table id=[id] /] เช่น [table id=2 /] ไปวางก็เสร็จแล้วค่า

• ตัวอย่างการใช้งาน

• อ่าน document การใช้งานเพิ่มเติม

ได้ที่ http://tobias.baethge.com/wordpress-plugins/wp-table-reloaded-english/

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

• ขั้นตอนการติดตั้ง WP-Forum

1. ไปโหลด Plugin มาก่อนที่ http://wordpress.org/extend/plugins/wpforum
2. เข้าระบบ Admin แล้วเลือก Plugins (ที่อยู่ทางด้านบนขวาของจอ)
3. แล้วเลือก Add New
4. จากนั้นเลือกที่แถบ Upload
5. กด Browse เพื่อเลือกไฟล์ที่โหลดมา แล้วกด Install Now
6. ทำการ Active   ซะ
7. เสร็จสิ้นขั้นตอนการติดตั้ง

• การใช้งาน WP-Forum

1. หลังจากติดตั้งและ Active แล้ว
2. ที่แถบเมนูด้านขวาให้กดที่ Setting > WP-Forum
3. เลือก add catagory
   
4. ใส่ หัวข้อ และคำอธิบาย จากนั้นกด Save Category
5. จากนั้นกดที่ Add forum
6. ใส่ หัวข้อ และคำอธิบาย จากนั้นกด Save Forum
7. เมื่อสร้างหัวข้อเสร็จแล้วให้กดที่แถบเมนู Pages แล้วเลือก Add New
8. ตั้งชื่อให้กับ pages แล้วกดเลือกไปส่วน HTML
9. แทรก <!--WPFORUM--> แล้วกด Publish

• การแสดงการอัพเดตล่าสุดของกระทู้ใน WP-Forum

1. สร้าง page หรือว่าเปิด Editor ของธีม
2. นำโ้ค้ดไปวางในส่วนที่ต้องการจะแสดงการอัพเดตล่าสุดของกระดานสนทนา

<?php latest_activity(numbers_to_show);?>
ตัวอย่างเช่น  <?php latest_activity(5);?>

• การปรับการแสดงการอัพเดตล่าสุดของกระทู้ใน WP-Forum

1. ตั้งค่า permission ของไฟล์ในโฟลเดอร์ WP-Forum ให้เป็น 777
2. ถ้าเกิดว่าอยากปรับส่วนการแสดงให้เข้าไปที่ Plugins-> Editor-> “WP-Forum -> wp-forum/wpf.class.php

• การเลือก Skin สำหรับ WP-Forum

1. ที่แถบเมนูด้านขวาให้กดที่ Setting > WP-Forum
2. เลือก Skin
   
3. แล้วกด Active Skin ที่ต้องการ

• ตัวอย่างการใช้งาน WP-Forum

หลังจากทำการอัพเดต Wordpress มาเป็นเวอร์ชั่น 2.9 นั่นปัญหาหลักของออฟก็คือ “Simple Tags can’t work with this WordPress version !” นั่นก็คือปลั๊กอิน Simple Tags นั้นไม่สามารถใช้งานได้ ดังนั้นเมื่อเปิดเข้ามาแล้วพบว่าตอนนี้มันสามารถอัพเดตได้แล้วออฟก็เลยดีใจมากเลยค่า

• Simple Tags นั้นไม่สามารถใช้งานได้ แล้วเกิดปัญหาอะไร

1. ไม่มี Related Post อีกต่อไป -> เศร้าสุดๆ เพราะว่ามันช่วยให้คนที่เข้าบล็อคของเราสามารถติดตามเรื่องที่เกี่ยวข้องกับเอนทรี่นั้นๆ ได้อย่างง่ายดาย และยิ่งถ้าเป็นเอนทรี่ที่เป็นภาคต่อด้วยนี่ยิ่งเศร้าใหญ่เลยค่า



2. การจัดการ Tags -> การใส่ Tag ในบล็อคของ Post Tags ที่ติดมากับตัว Wordpress มาช่วยในเรื่องนี้เลยไม่ค่อยมีปัญหามาก

• View version 1.7.1-rc1.1 Details

Simple Tags is the successor of Simple Tagging Plugin This is THE perfect tool to manage perfeclty your WP 2.8 and 2.9 tags It was written with this philosophy : best performances, more secured and brings a lot of new functions

• Administration
  • Related tags !
  • AJAX Admin features !
  • Tags suggestion from Yahoo Term Extractions API, Tag The Net and Local Tags with AJAX request
    • Compatible with TinyMCE, FCKeditor, WYMeditor and QuickTags
  • Improve performance !
  • Auto tags !
  • Auto link tags in post content
    • This feature may degrade performance! Be careful !
  • Importer for embedded tags
  • type-ahead input tags / Autocompletion
  • Click tags
  • tags management (rename, delete, merge, search and add tags, edit tags ID)
  • Edit mass tags (more than 50 posts once)
  • Possibility to tag pages (not only posts) and include them inside the tags results
  • Embedded tags ([tags]tag1, tag2[/tags]) for compatibility with old plugins
  • Easy configuration ! (in WP admin)
• Blog
  • Meta keywords generate from tags in your header’s blog
  • Technorati, Flickr and Delicious tags
  • Dynamic Tag Clouds with colors with Widgets (random order, etc)
  • Related content since common tags
  • Possibility to add related posts inside RSS
  • Extended the_tags function (outside the loop, technorati, etc)

เนื่องจากว่าปัจจุบันมือถือเข้ามาเป็นปัจจัยหลักของชีิวิตมากขึ้น เราอยู่กับมันมากขึ้น และตอนนี้มือถือก็เป็นหนึ่งในอุปกรณ์ที่ผู้คนใช้เล่นอินเตอร์เนต ไม่ว่าจะเป็นเล่น facebook, twitter, MSN หรือเข้าหน้าเว็บต่างๆ ซึ่งตอนแรกทีเดียวนั้นออฟไม่ได้เป็นคนเข้าเว็บผ่านมือถือซักเท่าไหร่ ส่วนมากก็จะใช้ทวิตข้อความเท่านั้น แต่หลังจากที่ไผ่ (สุดยอดแฟนคลับตัวจริงเสียงจริง) เข้าเว็บออฟผ่านมือถือแล้วพบว่ามันใช้ยากใช้เย็น แบบว่าจะอ่านทีก็ต้องเลื่อนซ้ายเลื่อนขวา ออฟก็เลยมาหาปลั๊กอินที่จะช่วนให้อ่านบล็อคผ่านมือถือได้สะดวกมากขึ้นก็มาเจอ WordPress Mobile Edition นี่แหละค่า

• ทำไมถึงเลือกใช้ปลั๊กอินตัวนี้สำหรับอ่านบล็อคผ่านมือถือ

จริงๆ แล้วเหตุผลก็ไม่มีอะไรมากหรอกคะ หลังจากที่ทำการค้นหาว่ามีปลั๊กอินไหนจะมาช่วยจัดการเรื่องการแสดงผลบนมือถือให้บ้าง ก็พบว่า WordPress Mobile Edition นี่เป็นปลั๊กอิรที่มีผู้โหลดไปใช้เยอะที่สุดถึง 108,589 (วันที่ 3 มค 53)

ซึ่งถ้าเทียบกับปลั๊กอินตัวอื่นแล้วถือว่าห่างชั้นกันมากเลยทีเีดียวก็เลยไม่ลังเลที่จะลองโหลดปลั๊กอินตัวนี้มาใช้ค่า

• ขั้นตอนการติดตั้งปลั๊กอิน WordPress Mobile Edition

1. ไปโหลด Plugin มาก่อนที่ http://wordpress.org/extend/plugins/wordpress-mobile-edition/
2. แตกไฟล์แล้วคัดลอกไฟล์ wp-mobile.php จากนั้นทำการ FTP ไปไว้ที่ wp-content/plugins
3. คัดลอกโฟลเดอร์ carrington-mobile-1.0.2 ไปไว้ที่ wp-content/themes
4. ล็อกอินเข้าส่วน Control แล้วเข้าไป Active ปลั๊กอิน



5. เสร็จสิ้นขั้นตอนการติดตั้ง

• ทดสอบการใช้งานปลั๊กอิน WordPress Mobile Edition

1. เข้า้้เว็บdon-jai.com ผ่านทางมือถือไผ่ (HTC Tattoo) จะพบว่าหน้าเว็บปลี่ยนไปจากเดิม โดยหน้าแรกจะเป็นการสรุปเฉพาะหัวข้อ ซึ่งขึ้นอยู่กับว่าตั้งไว้ที่เท่าไหร่ (ตั้งจำนวนการแสดงเอนทรี่ได้จาก Setting -> Reading->Blog pages show at most) อย่างของออฟตั้งเอาไว้ 5 ก็จะมีหัวข้อสรุป 5 หัวข้อขึ้นมาให้

   

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

   

3. การปิดการใช้งาน ถ้าต้องการปิดการใช้งานให้เลื่อนลงไปที่ด้านล่างสุดแล้วกดที่ลิงก์ Exit the Mobile Edition ได้เลยค่ะ

เมื่อก่อนนี้เวลาที่ออฟต้องการใส่โค้ดเข้าไปในเอนทรี่ต่างๆใน wordpress ออฟใช้ปลั๊กอินที่ชื่่อ WP-Syntax ซึ่งก็ช่วยในการจัดรูปแบบและแสดงผลโค้ดได้สวยงามดี แต่มีปัญหาตรงที่ว่าพอจะกลับมาแก้ไขในส่วน Visual แล้วจะทำให้โค้ดทีแทรกหายไปเลย ซึ่งบางครั้งมันก็ต้องมีการกลับมาแก้ไขหรือเพิ่มเติมอะไรกันบ้าง วันนี้ออฟก็เลยเปลี่ยนมาใช้ Google Syntax Highlighter for WordPress ซึ่งมีคุณสมบัติเหมือนกัน แต่ว่าคราวนี้เปิดกลับมาโค้ดไม่หายแล้วค่า

• ขั้นตอนการติดตั้ง

1. ไปโหลด Plugin มาก่อนที่ http://wordpress.org/extend/plugins/google-syntax-highlighter/installation/
2. เข้าระบบ Admin แล้วที่แถบเมนูด้านขวาเลือก Plugin > Add New
3. เลือก Upload
   
4. เลือกไฟล์ .zip ที่เซฟมาแล้วกด Install Now
5. ทำการ Active
6. เสร็จสิ้นขั้นตอนการติดตั้ง

• ขั้นตอนการใช้งาน

1. เข้าที่ Apparance > Theme > Editor
2. เปิดไฟล์ Header.php : ทำการใส่ไฟล์ภาษาที่ต้องการแสดงผล ก่อน</head> เช่นของออฟจะใช้ c#,php, javascript ให้เปลี่ยนคำว่า “yourweb” เป็นชื่อเวบไซต์ของตัวเอง
   

3. เปิดไฟล์ Footer.php : ใส่โค้ดดังต่อไปนี้หลัง </html>
   

• ตัวอย่างการแทรกโค้ด

ในที่นี้ออฟจะแทรกโค้ดที่เขียนด้วยภาษา C#

ช่วงนี้ก็หาเทคนิคต่างๆ ในการปรับแต่ง wordpress ที่น่าสนใจและน่าทำหลายอย่าง เพื่อจะได้ทำการปรับปรุงบล็อกให้โดนใจสุด แล้วก็มานั่งดูว่าจะปรับส่วนไหนบ้างดี ก็เลยเห็นที่ช่องการค้นหา เพราะว่าตอนนี้เอนทรี่ที่เขียนไปก็เริ่มจะเยอะมากขึ้นเรื่อย การค้นหาข้อมูลภายในบล็อกก็เป็นส่วนสำคัญเพื่อให้ความสะดวกแก่ผู้ที่เข้าชมเว็บไซต์ พอลองค้นหาข้อมูลดูเลยไปเจอPlugin ที่น่าสนใจของ wordpress ที่ชื่อว่า “Autocompleter” ดังนั้นก็มาเริ่มทำ Autocomplete ในช่อง Search กันค่า

• ขั้นตอนการติดตั้ง

1. ไปโหลด Plugin มาก่อนที่ http://wordpress.org/extend/plugins/autocompleter/
2. เข้าระบบ Admin แล้วที่แถบเมนูด้านขวาเลือก Plugin > Add New
3. เลือก Upload
   
4. เลือกไฟล์ .zip ที่เซฟมาแล้วกด Install Now
5. ทำการ Active
6. เสร็จสิ้นขั้นตอนการติดตั้ง

• ตั้งค่าเพิ่มเติมให้กับ Autocompleter

1. เลือก Setting ที่แถบเมนูด้านขวา
2. เลือก Autocompleter
   
3. ตั้งค่าเพิ่มเติม
   

• ผลการติดตั้งปลั๊กอิน

• การเปลี่ยนแปลงขนาดของช่องของผลการค้นหา

ออฟอยากปรับช่องผลของการค้นหาให้กว้างขึ้น แต่มันไม่สามารถปรับที่ไฟล์ autocompleter.css ได้ต้องไปปรับที่jquery.autocomplete.js

1. ทำปรับสิทธิ์ในการเข้าถึงไฟล์ autocompleter/jquery.autocomplete.js ให้เป็น 777 ก่อน
2. ค้นหาคำว่า “showResults” ซึ่งเป็นฟังก์ชั่นในการแสดงผลการค้นหา
3. ทำการปรับค่า widthตามที่ต้องการ ในส่วนของ // หรือคอมเม้นต์เป็นโค้ดของเดิม
   

• Thanks to nik.chankov.net.

• แนะนำอีกหนึ่งปลั๊กอินที่ช่วยทำ Auto-complete ให้กับการค้นหา

Kau-Boy’s AutoCompleter เป็นปลั๊กอินอีกตัวที่ช่วยในการทำ  Auto-complete พร้อมกับให้สามารถตั้งค่าเพิ่มเติมได้ว่าผลการค้นหานั้นจะให้แสดง Title, Content ที่คำค้นหาหรือ Keyword อยู่ตรงไหนแต่ออฟคิดว่ามันทำให้หน้าจอดูรกๆ ไปหน่อย แต่ถ้าใครอยากได้ผลการค้นหาที่ค่อนข้างละเอียดปลั๊กอินตัวนี้ก็น่าสนใจดีนะ คะ Screenshot in new WordPress blog

• เพิ่มเติม

- How to: Create an Ajax-based Auto-completing Search Field for your Wordpress Theme

- 3-codes-for-a-far-better-wordpress-search-page

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

ที่มาของรูป : http://webitect.net/wp-content/uploads/2009/07/broken_links.jpg

• ขั้นตอนการติดตั้ง

1. ไปโหลด Plugin มาก่อนที่ http://wordpress.org/extend/plugins/broken-link-checker/
2. หลังจากที่แตกไฟล์แล้วให้ เอาโฟลเดอร์ share-this ไปไว้ใน wp-content >plugins
3. เข้าระบบ Admin แล้วเลือก Plugin
4. ทำการ Active ที่  Broken Link Checker ซะ
5. เสร็จสิ้นขั้นตอนการติดตั้ง

• การดูผลการตรวจสอบลิงค์เสีย

1. เลือกที่ Tool > Broken Link
2. จะมีการแสดงผลรายงาน
   
3. ถ้าต้องการดูรายละเอียดให้กดที่ Detail
   
4. ถ้าไม่ต้องการเปลี่ยนแปลงลิงค์ให้กด Discard
5. สามารถดูรายงานผลสรุปได้จากหน้า Dashboard ด้วยน้า
   

• การตั้งค่าเพิ่มเติม

1. เลือก Setting > Link Checker ที่แถบเมนู
   
2. ตั้งค่าเพิ่มเติมตามต้องการ
   

• การเช็คลิงค์เสียออนไลน์

- http://validator.w3.org/checklink

-  http://www.iwebtool.com/broken_link_checker

- http://www.websitegoodies.com/tools/linkcheck.php

- http://linkchecker.submitexpress.com/