• ขั้นตอนการติดตั้งปลั๊กอิน Inline Google Maps

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

• การใช้งาน Inline Google Maps

1. เข้าไปที่ Google Map แล้วสร้างแผนที่ หรือเลือกแผนที่ที่มีอยู่แล้ว
2. กดที่ลิงก์ แล้ว Copy ลิงก์ไว้
   
3. เปิด Post, page ที่ต้องการใส่แผนที่
4. กดที่ปุ่ม Insert link
5. ในช่อง Link URL ให้ใส่ลิงก์ที่ Copy เอาไว้
   - ในช่อง Target : เลือก Open link in the same window
   - Title : ใส่ googlemap
   
6. เวลาที่กด Publish, Update เอนทรี่แล้วจะแสดงแผนที่แบบนี้ค่า

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

• ขั้นตอนการติดตั้งปลั๊กอิน Front Slider

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

• การนำ Front Slider ไปวางที่หน้าที่ต้องการ

1. เปิดหน้าที่ต้องการวาง Front Slider เช่นหน้า index.php โดยเลือกจาก Appearance > Editor
2. วา่งโค้ด <?php include (ABSPATH . '/wp-content/plugins/front-slider/front-slider.php'); ?> ตรงที่ต้องการใส่ Front Slider


• ขั้นตอนการตั้งค่าการใช้งาน Front Slider

1. login เข้าหน้า Admin แล้วเลือกที่ Setting > Front Slider
2. ไปเอา Category ID มาโดยเข้าไปที่ Posts > Categories แล้วเอาเมาส์ไปวางที่ Categories ที่ต้องการ จากนั้นให้สังเกตที่แถบ url ด้านล่าง จะมีเลข Category ID ขึ้นมา
3. ตั้งค่า General Adjustments
   - Category ID of Featured Posts: ให้นำเลข Category ID มาใส่
   - Number of Featured Posts: ให้ใส่จำนวนโพสที่ต้องการแสดง
   - Text length (Number of chars, Default: 460): ความยาวของตัวอักษรที่ต้องการแสดง
   ตัวอย่างการตั้งค่าดังรูปด้านล่าง 

   

4. ตั้งค่า Front Slider Configuration
   - Front Slider Autostart : ตั้งค่าว่าต้องการให้สไลด์วิ่งอัตโนมัติหรือไม่
   - Front Slider Speed : ตั้งค่าความเร็วในการวิ่งของสไลด์ 

   

5. ตั้งค่า Slider Styling ส่วนนี้เป็นการตั้งค่าการแสดงผลของสไลด์ไม่ว่าจะเป็นขนาด, สีของพื้นหลังและตัวอักษร
   ตัวอย่างการตั้งค่าตามรูป 

   

6. กด Save เพื่อบันทึกการตั้งค่า
7. จากนั้นให้เปิดหน้าที่นำ Front Slider ไปวาง
8. ถ้าหากต้องการปรับขนาดของรูปภาพ, thumbnail, ขนาดตัวอักษรต้องเข้าไปปรับที่ไฟล์front-slider.phpใน plugin เลยนะคะ

• การตั้งค่ารูปภาพที่ต้องการแสดงในสไลด์

1. เวลาที่สร้าง Post ที่อยู่ใน Category ที่เลือกมานั้น ในช่อง Custom Fields ให้ใส่ Featured ในช่อง Name และใส่ url ของรูปภาพในช่อง Value นะคะ
   
2. แต่ถ้าเกิดว่ามีการใช้ Name อย่างอื่นอยู่แล้ว เพราะว่าเคยใช้ปลั๊กอินตัวอื่นมาก่อนให้เข้าไปปรับ Name ที่ไฟล์ front-slider.php โดยใช้กด Ctrl+f เพื่อค้นหาคำว่า “Featured” แล้วให้เปลี่ยนเป็นคำที่ต้องการ ในไฟล์นี้จะมีการเปลี่ยน 2 ครั้งด้วยกันนะคะ

หมายเหตุ

- ถ้าหาส่วนที่ใช้ตั้งค่า Custom Field ไม่เจอให้กดที่ปุ่ม Screen Option ที่อยู่ด้านบนแล้วกดเลือก Custom Field

- ถ้าติดตั้งและเซตค่าแล้วไม่มีรูปในส่วนของ Thumbnail (รูปเล็ก) ให้เข้าไปเซต Permission ของโฟลเดอร์ front-slider ให้เป็น 777 เพื่อให้มันสามารถสร้างไฟล์ในโฟลเดอร์ cache ได้ค่ะ

ในบางครั้งที่เราต้องการจำกัดจำนวนข้อความ ในการแสดงผลส่วนต่างๆนั้น สำหรับบางธีมที่เค้าเตรียมฟังก์ชั่นมาให้อยู่แล้วก็คงไม่เท่าไหร่ แต่ถ้าธีมของเราไม่ได้มีฟังก์ชั่นมาให้ละก็ ออฟคิดว่าปลั๊กอิน Limit Posts ช่วยแก้ไขปัญหานี้ได้ดีทีเดียว

ขั้นตอนการติดตั้งปลั๊กอิน Limit Posts

1. ไปดาวน์โหลดไฟล์ได้ที่ http://labitacora.net/comunBlog/limit-post.phps ให้กอปโค้ดทั้งหมดไปวางใน Notepad แล้วเซฟในชื่อ limit-post.php จากนั้น Zip อยู่ในชื่อ  limit-post.zip
2. หรือดาวน์โหลดไฟล์จาก http://don-jai.com/limit-post.zip
3. เข้าระบบ Admin แล้วเลือก Plugins (ที่อยู่ทางด้านบนขวาของจอ)
4. แล้วเลือก Add New
5. จากนั้นเลือกที่แถบ Upload
6. กด Browse เพื่อเลือกไฟล์ที่โหลดมา แล้วกด Install Now
7. ทำการ Active   ซะ
8. เสร็จสิ้นขั้นตอนการติดตั้ง

ขั้นตอนการใช้งานปลั๊กอิน Limit Posts

1. เปิดหน้าเวบที่ต้องการตัดข้อความ
2. ใส่โค้ด <?php the_content_limit(200, ”); ?> โดยเลข 200 คือจำนวนตัวอักษรที่จะตัดมา

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

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

• แนะนำปลั๊กอิน AnyFont

AnyFont เป็นปลั๊กอินที่ให้เราอัพโหลดฟ้อนต์สวยๆ ที่เราอยากใช้ในบล็อคของเราขึ้นไป แล้วสร้างสไตล์ ว่าอยากจะใช้ฟ้อนต์นั้น ขนาดเท่าไหร่ สีอะไร จัดรูปแบบอย่างไร จากนั้นให้เราเลือกว่าต้องการใช้สไตล์นั้นที่ส่วนไหนของบล็อค โดยปลั๊กอินตัวนี้จะทำการแปลงคำเป็นรูปภาพ ซึ่งสิ่งที่สำัคัญที่หลายๆ คนกำลังห่วงก็คือการทำ SEO ของบล็อค ซึ่งปลั๊กอินตัวนี้ก็ให้คำมั่นว่า  “Image replacements are SEO compatible” อันนี้จะก็ต้องไปลองดูกันนะคะ

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

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

• ขั้นตอนการสร้างโฟลเดอร์สำหรับเก็บฟ้อนต์ AnyFont

1. หลังจากที่เรา Active ปลั๊กอินนี้แล้วยังไม่ไปสร้างโฟลเดอร์ให้เป็นที่เก็บฟ้อนต์มันจะขึ้นคำเตือนมา
2. ให้เราเข้าไปสร้างโฟลเดอร์ที่ public_html/wp-content/uploads/
3. ตั้งค่าการเข้าใช้งานเป็น 777

• ตัวหนังสือสุดฮิต ที่อยากจะแนะนำให้ใช้ : Supermarket

Download : http://www.f0nt.com/release/supermarket/

• การตั้งค่าการใช้งาน AnyFonts

1. เข้าส่วน Admin แล้วเลือกที่แถบ Any Fonts
2. กดที่แถบ Install Fonts เพื่ออัพโหลดฟ้อนต์
   
3. สร้างสไตล์ของ โดยกดที่แถบ Create Style
   
4. กดที่แถบ Any Fonts Setting เพื่อตั้งค่าว่าต้องการแสดงฟ้อนต์ที่ส่วนใดบ้าง
   

• ก่อนการใช้งาน AnyFonts
  

• หลังการใช้งาน AnyFonts
  

หมายเหตุ

- ถ้ามีปัญหา “> เกินออกมาไปดูทางแก้ได้ที่ http://wordpress.org/extend/plugins/anyfont/faq/
- ออฟทดสอบใช้ปลั๊กอินนี้แล้วถูกใจอยู่ แต่ว่าที่ไ่ม่ใช้ถาวรเพราะว่ามีหลายส่วนที่ใช้ขนาดฟ๊อนต์แตกต่างกัน อย่างเช่นส่วน Post Title ถ้าเราไปสร้างสไตล์แล้วใช้งาน ทั้งบล็อคจะมีขนาดเท่ากันหมด ซึ่งออฟคิดว่าอาจจะเหมาะกับบล็อกที่ไม่ได้มีการแสดงแต่ละส่วนในหลายๆ ที่

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

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

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

• การเพิ่มภาษาใน qTranslate

1. เข้าไปที่ Setting > Languages
2. เลื่อนลงไปจนเจอส่วน Add Language
3. ตัวอย่างสำหรับการตั้งค่าภาษาไทย
   
   - Language Code : TH
   - Flag : th.png
   - Name : Thailand
   - Locale : th
   - Date Format : %A %B %e%q, %Y
   - Time Format : %I:%M %p
   - Not Avaliable Message : Sorry, this entry is only available in %LANG
4. กดปุ่ม  Add Language

• การตั้งค่าให้ภาษา Default

1. เข้าไปที่ Setting > Languages
2. เลื่อนดูส่วน Generalที่หัวข้อ Default Langage / Order
3. เลือกภาษาที่ต้องการใช้เป็นภาษาหลัก
   
4. กด Save ด้านล่าง

• การใช้งาน qTranslate  สำหรับเว็บหลายภาษา

1. เมื่อทำการเพิ่ม post / page
2. ในส่วน Title : ใส่หัวข้องของเนื้อหาโดยเลือกใส่ตามช่องของภาษาที่ต้องการ
   
3. ในส่วนเนื้อหา : ให้กดเลือกที่อักษรย่อของภาษาที่ต้องการใส่เนื้อหา
   
4. ในส่วน excerpt : ให้กดเลือกที่ธงของภาษาที่ต้องการใส่เนื้อหาก่อน
   

• การเพิ่ม Widget ในการแสดงลิงก์เปลี่ยนภาษา

1. เข้าไปที่ Appearance > Widget
2. ลากกล่อง qTranslate Language Chooser ไปวางในส่วนที่ต้องการ
   

พอทีตอนนี้รับทำเว็บที่จะต้องมีการดึงข้อมูลส่วนอื่นมาใช้ รวมไปถึงใส่ปลั๊กอินอื่นในหน้า post, page ซึ่งตอนนี้พอใส่โค้ด php เค้าไปในส่วน HTML แล้วมันจะไม่สามารถทำงานได้ก็เลยต้องหาตัวช่วยซึ่งเจ้า Exec-PHP นี่ก็เข้ามาแก้ปัญหาพอดีเลยค่า

• ขั้นตอนการติดตั้งปลั๊กอิน Exec-PHP

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

• ขั้นตอนการใช้งานปลั๊กอิน Exec-PHP

1. เข้าไปที่ post, page ที่ต้องการใส่โค้ด php
2. เลือกที่แถบ HTML
3. วางโค้ด php ลงไป
   
4. แล้วกด Publish ได้เลยค่า

• คำเตือนในการใช้งานปลั๊กอิน Exec-PHP

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

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

ขั้นตอนการติดตั้งปลั๊กอิน Ozh’ Admin Drop Down Menu

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

ก่อนติดตั้งปลั๊กอิน Ozh’ Admin Drop Down Menu

หลังติดตั้งปลั๊กอิน Ozh’ Admin Drop Down Menu

ตั้งค่าปลั๊กอิน Ozh’ Admin Drop Down Menu

1. ที่เมนูหลักเลือก Setting -> Admin menu
2. ตั้งค่าส่วน Icons and Colors
   
   - Top Level Icons : เลือกแสดงไอคอนของเมนูหรือไม่
   - Compact Mode : เป็นโหมดที่เมนูต่างๆ รวมกลุ่มกันมีเพียงแต่ไอคอนแสดงเท่านั้น
   - Sublevel Icons : แสดงเมนูย่อยในรูปแบบ drop down
   - Color Scheme : เลือกสีธีมของเมนู โดยเมื่อกดที่สีหลักจะมีการเปลี่ยนสีให้ทันที หรือถ้าหากอยากเลือกสีเองให้กดที่ปุ่มวงกลมหลากสีก็ได้
3. ตั้งค่าส่วน Advanced Settings
   
   - Minimal Mode : ถ้าเลือกจะเป็นการซ่อน header
   - Favorite Action : แสดงเฉพาะเมนูที่มีการใช้งานบ่อยๆ
   - Break Long Lists : แบ่งลิสต์ที่มีขนาดยาว โดยเราสามารถกำหนดได้ว่าถ้าเกินค่าเท่าไหร่ให้แบ่งเป็นเมนูใหม่
   - Top Links : ตั้งค่าให้ลิงค์บนสุดสามารถคลิกได้
   - Hide “0″ Bubbles :  ซ่อน Bubbles ที่แสดงเลข 0

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(); ?> อยู่แล้วปลั๊กอินนี้จะแสดงรูปภาพแรกของเนื้อหาข้างข้อความไว้ให้โดยอัตโนมัติ

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