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

1. 30 Smashing Free WordPress 3.0 Themes
   

2. Top 10 Free WordPress 3.0 Ready Themes
   

3. 32 Free WordPress 3.0 Themes To Enhance Your Blogging Experience
   

4. 22+ Fresh and Free WordPress 3.0 Ready Themes
   

5. 35 Beautiful and Free WordPress 3.0 Ready Themes
   

มาดูคุณสมบัติของ WordPress 3.0  ที่จะทำให้หลายๆ คนที่อยากจะเปลี่ยนพื้นหลังหรือ Background ของบล็อค แต่ไม่อยากจะต้องเข้าไปแก้ไขรูปในโค้ด หรือแม้กระทั่งการที่จะต้อง FTP ไฟล์รูปใหม่เข้าไปวาง ออฟว่าการอัพเกรดของเวิร์ดเพรสครั้งนี้จะต้องโดนใจกันอย่างแน่นอน

วิธีการเปลี่ยน Background เมื่อใช้  WordPress 3.0

1. ข้อควรรู้อันดับแรกคือธีมที่คุณใช้ต้องรองรับ WordPress 3.0
2. ล็อคอินเข้าส่วน Admin
3. ที่แถบเมนูให้เลือก Appearance > Background
   
4. เมื่อกดแล้วจะมีหน้าต่างแสดงดังนี้
   

วิธีการเปลี่ยน Background เมื่อใช้  WordPress 3.0 เป็นรูปที่ต้อองการ

1. ถ้าต้องการใส่พื้นหลังเป็นรูปให้กดที่ปุ่ม Browse เพื่อเลือกรูป จากนั้นกด Upload
2. จากนั้นจะมีส่วนที่เพิ่มขึ้นมาคือ
   
   - Position : เอาไว้เซตตำแหน่งว่าจะให้รูปที่เป็นพื้นหลังชิดซ้าย ( Left) , อยู่ตรงกลาง( Center), หรือชิดขวา ( Right)
   - Repeat : เป็นการตั้งค่าว่าต้องการให้มีการแสดงภาพซ้ำหรือไม่  No Repeat, Tile (ซ้ำอย่างต่อเนื่องทั้งแนวตั้งและแนวนอน), Tile Horizontally (ซ้ำเฉพาะแนวนอน),  Tile Vertically(ซ้ำเฉพาะแนวตั้ง)
   - Attachment : เป็นการตั้งค่าการแสดงผลว่าให้ภาพนั้นเลื่อนตาม Scoll bar ได้หรือไม่  ถ้าไม่อยากให้เลื่อนได้ก็เลือกที่ Fixed
   - Remove Background Image : เอาไว้ลบรูปที่ใส่เข้าไปแล้ว
3. พอกด Save Changes แล้วด้านบนจะมี Link ให้ไปดูผล
4. ตัวอย่างผลการใส่รูปเป็นพื้นหลัง
   

วิธีการเปลี่ยน Background เมื่อใช้  WordPress 3.0 เป็นสีที่ต้องการ

1. ถ้าอยากเปลี่ยนสีอย่างเดียวให้กดที่ปุ่ม Select a Color จะมีวงล้อของสีมาให้เลือก ก็เอาเมาส์ไปเลือกสีที่ต้องการ
   
2. หรือว่าถ้ารู้รหัสของสีแล้วก็ให้นำมาใส่ในช่องได้เลยค่า
3. ถ้าใส่แล้วกด Save Changes เพื่อดูผล
4. ตัวอย่างผลการเปลี่ยนสีเมื่อใส่ค่า #474924
   

สำหรับคนที่เคยใช้เวิร์ดเพรสมาก่อนวันที่ 17 มิถุนายน 2553 (เป็นวันที่ WordPress 3.0 เปิดให้ดาวน์โหลด) ก็ต้องเคยเห็นธีมที่ติดมาพร้อมกับการติดตั้งซึ่งมีหน้าตาธรรมดาสุดๆ โดยที่ออฟรู้สึกได้ว่าน้อยคนมากๆ ที่จะใช้ธีมที่ติดมาให้อันนี้เป็นธีมหลัก

แต่พอมีการอัพเป็น WordPress 3.0 ก็ได้เห็น Default Theme แบบใหม่ที่มีชื่อว่า “Twenty Ten”

ซึ่งถ้าไม่สังเกตดีๆ อาจจะไม่เห็นการเปลี่ยนแปลงเท่าไหร่ มาลองทดสอบการสังเกตภาพของคุณกันนะคะ ว่าจากภาพ 2 ภาพ ด้านบนคุณเห็นอะไรต่างกันบ้าง

1. Header ( ภาพที่ใช้ด้านบน ) : อันนี้ต้องบอกว่าแค่มองปร้าดเดียวก็ยังเห็นได้ชัดว่าภาพของธีมใหม่มีความสวยงามกว่าเดิมเยอะเลย
2. Menu (ส่วนเมนูที่อยู่ใต้ภาพ) : ของเดิมนั้นเวิร์ดเพรสจะไม่มีส่วนเมนูนี้มาให้ต้องไปหาทางจัดการกันเอาเอง แต่สำหรับ Default Theme ใหม่นี้มีส่วนเมนูมาให้ด้วยค่ะ
3. Recent Comment (คอมเม้นล่าสุดที่ส่วน Sidebar) : อันนี้ของเดิมก็ไม่มีค่ะ แบบว่าถ้าอยากได้ต้องไปแก้โค้ด หรือว่าติดตั้งปลั๊กอินเอาเอง แต่อันใหม่เค้าก็เตรียมมาให้แล้ว

ถ้าใครที่กำลังตัดสินใจใช้ WordPress และได้ไปดาวน์โหลด WordPress 3.0 มาติดตั้งกันใหม่ ถ้าคนเพิ่งใช้งานครั้งแรกอาจจะคิดว่าการกำหนด Password ของ Admin ตั้งแต่เริ่มติดตั้งนั้นเป็นเรื่องธรรมดามากๆ แต่สำหรับคนที่เคยจะต้องก๊อปปี้พาสเวิร์ดที่ทางระบบของเวิร์ดเพรสสร้างขึ้นมาให้ (ซึ่จะเป็นตัวอักษรประหลาดมากมายซึ่งไม่มีทางจำได้) ก็จะรู้สึกว่าในที่สุดฉันก็ไม่ต้องเสียเวลาไปอีกหนึ่งขั้นตอนแล้ว

การกำหนด Password ของ Admin สำหรับ WordPress เวอร์ชั่นเก่า

-  ระบบของเวิร์ดเพรสสร้างขึ้นมาให้ ซึ่งจะต้องก๊อปปี้เอาไว้

- เข้าไปเปลี่ยนใหม่ โดยต้องเข้าไปที่ User > User Profile เลือก  Admin

- ใส่พาสเวิร์ดใหม่

การกำหนด Password ของ Admin สำหรับ WordPress เวอร์ชั่น 3.0

เมื่อเค้าออก WordPress 3.0 เวอร์ชั่นใหม่ ไฉไลกว่าเดิม เราก็ไม่ต้องเสียเวลาหลายขั้นตอนอย่างที่ออฟได้ลองแสดงให้เห็นภาพความเศร้านิดๆ กันอย่างเห็นได้ชัด

แค่เพียงกรอกข้อมูลในส่วน Password สองครั้งก็ทำให้เราตั้งค่าพาสเวิร์ดของแอดมินได้อย่างง่ายดายแล้วค่า

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

การไปเอาโค้ดสำหรับปุ่ม Like ของ Facebook

1. เข้าไปที่ http://developers.facebook.com/docs/reference/plugins/like
2. เลื่อนหน้าจอลงไปแล้วตั้งค่า ดังตัวอย่างรูปด้านล่าง
   
3. กดปุ่ม Get Code
   
4. ทำการ Copy Code ในช่อง Iframe

การเพิ่มปุ่ม Like ของ Facebook ใน WordPress

1. เข้าไปที่หน้า Appearance > Editor
2. เปิดไฟล์ single.php
3. เปลี่ยนโค้ดที่ได้ตรงส่วน don-jai.com เป็น <?php the_permalink()?>
4. นำโค้ดไปวาง ของออฟจะเอาไปวางด้านล่างสุดของเอนทรี่นะคะ
   
5. กด Update
6. ตัวอย่างการแสดงผล
   

ถ้าอยากได้เฉพาปุ่ม แบบไม่มีรูปให้ตั้งค่าแบบนี้ค่า

1. เข้าไปตั้งค่า
   
2. เอาโค้ดไปวาง
3. ตัวอย่างการแสดงผล
   

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

• แนะนำปลั๊กอิน 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 ไปวางในส่วนที่ต้องการ
   

การแสดงข้อมูลจาก Category ที่มี thumbnail และ ข้อความ เป็นการดึงข้อมูลใน Category ออกมาแสดง โดยสามารถกำหนดจำนวนของเนื้อหาที่ต้องการแสดง, จำนวนของตัวอักษรของข้อความที่ต้องการแสดง และดึงรูปภาพที่อยู่ใน Custom field มาแสดงด้วย ตัวอย่างดังนี้

ขั้นตอนการแสดงข้อมูลจาก Category ที่มี thumbnail และ ข้อความ

1. เปิดไฟล์ sidebar.php โดยเข้าไปที่ Appearance > Editor > sidebar.php
2. เลือก Category ที่่ต้องการ และกำหนดจำนวน ตัวอย่างเช่น
   <?php
   $aside_cat = 1002;
   $aside_number = 8;
   ?>
3. ดึงข้อมูลโดยใช้ฟังก์ชั่น WP_Query (อ่านการใช้งานของ WP_Query เพิ่มเติม) ตัวอย่างเช่น
   <?php $asides = new WP_Query(“cat=$aside_cat & showposts=$aside_number”); while($asides->have_posts()) : $asides->the_post(); ?>
   โดย while($asides->have_posts()) : $asides->the_post(); เป็นการเช็คว่าถ้า $asides มีข้อมูล ให้เอาข้อมูลมาเก็บ (อ่านการใช้งาน Loop เพิ่มเติม)
4. ดึงค่าจาก Custom field โดยใช้ฟังก์ชั่น get_post_custom_values (อ่านการใช้งาน get_post_custom_values เพิ่มเติม) ตัวอย่างเช่น
   $aside_preview = get_post_custom_values(“entry-preview”);
   - ในที่นี้เป็นการดึงค่าที่อยู่ในช่อง entry-preview มาเก็บในตัวแปร $aside_preview ซึ่งจะเป็นการเก็บค่า path ของรูป
   - เวลาสร้างเอนทรี่ก็ให้ใส่ entry-preview ในช่อง Name และใส่ path ของรูปในช่อง Value แล้วกด Add Custom Field
   
5. เช็คว่าถ้ามี $aside_preview มีข้อมูลให้ดึงค่ารูปมาแสดงโดยใช้ timthumb.php ในการ resize รูป และกำหนดขนาดของรูปที่ต้องการแสดง ถ้าดึงค่ามาแล้วไม่มีรูปให้ใส่รูป default (ให้อัพโหลดรูป default ที่ต้องการไปไว้ใน Theme>images)
   <?php
   if ( is_array($aside_preview) ) { ?>
   <img src=”<?php bloginfo(‘template_directory’); ?>/scripts/timthumb.php?src=<?php echo get_post_meta($post->ID, ‘entry-preview’,true) ?>&amp;w=75&amp;h=65&amp;zc=1″ alt=”<?php the_title(); ?>” />
   <?php }    else { ?>
   <img src=”<?php bloginfo(‘template_directory’); ?>/images/image-blank-small.jpg” alt=”<?php the_title(); ?>” />
   <?php }    ?>
6. การแสดงหัวข้อของเอนทรี่ ตัวอย่างเช่น
   <h4><a href=”<?php the_permalink() ?>” rel=”bookmark” title=”<?php printf(__(‘%s’), wp_specialchars(get_the_title(), 1)) ?>”><?php the_title(); ?></a></h4>
   -  the_permalink() : เป็นการแสดงค่า url ของลิงค์
   - wp_specialchars : เป็นการแปลง special charactersไปเป็น HTML entities.
   - get_the_title() : ดึงค่าหัวข้อของเอนทรี่
   - the_title() : เป็นการแสดงหัวข้อของเอนทรี่
7. ดึงค่าข้อความอธิบายเพิ่มเติม ตัวอย่างเช่น
   <?php the_content_limit(200, ”); ?>
   - the_content_limit ให้กำหนดจำนวนของตัวอักษรที่ต้องการแสดง ในที่นี้กำหนด 200

ตัวอย่างโค้ดการแสดงข้อมูลจาก Category ที่มี thumbnail และ ข้อความ

< ?php
$aside_cat = 1002;
$aside_number = 8;
?>

< ?php _e( 'Enjoy Eating', 'wpbx' ); ?>

			< ?php $asides = new WP_Query("cat=$aside_cat&showposts=$aside_number"); while($asides->have_posts()) : $asides->the_post(); ?>

				< ?php
				$aside_preview = get_post_custom_values("entry-preview");
				if ( is_array($aside_preview) ) { ?>
					
				< ?php }	else { ?>
					
                                < ?php }	?>

< ?php the_title(); ?>

					< ?php the_content_limit(200, ''); ?>
				


			< ?php endwhile; ?>
		

TimThumb Script คือสคริปที่ใช้ในการปรับขนาดของภาพโดยอัตโนมัติ โดยทำให้เราสามารถ crop รูปภาพได้ตามต้องการ โดยเหมาะกับ wordpress theme ที่มีการแสดงรูปภาพในส่วนของ Thumbnail เยอะๆ

วิธีการดาวน์โหลดและตั้งค่า TimThumb Script

1. ดาว์นโหลด TimThumb.php
2. อัพโหลดไฟล์ไปไว้ที่ /wp-content/themes/your-theme/scripts/timthumb.php
3. สร้างโฟลเดอร์ cache ใน wp-content/themes/your-theme/scripts/cache
4. ตั้งค่าเข้าใช้งานให้โฟลเดอร์ scripts และ cache เป็น 777

วิธีการใช้ TimThumb Script ในการปรับขนาดรูปใน WordPress

- เปิดหน้าที่ต้องการแสดงรูปไม่ว่าจะเป็น index.php, sidebar.php แล้วใส่โค้ดแสดงรูปดังนี้

• การแสดงรูปภาพ

  < ?php if ( get_post_meta($post->ID, 'thumb', true) ) { ?>
  
  		&h=150&w=150&zc=1" alt="< ?php the_title(); ?>" width="100" height="57" />
  	
  
  < ?php } ?>
  

• การแสดงรูปภาพและลิงค์ไปยัง post

  < ?php if ( get_post_meta($post->ID, 'thumb', true) ) { ?>
  
  		&h=150&w=150&zc=1" alt="< ?php the_title(); ?>" width="150" height="150" />
  	
  
  < ?php } ?>
  

วิธีการใช้ Custom Field

1. เข้าไปยังหน้าเพิ่มหรือแก้ไข post
2. กด Enter new
   
3. ใส่ค่าใน thumb ในช่อง Name และใส่ pathของรูปในช่อง Value

   

4. กด Add Custom Field

http://c.hadcoleman.com/2008/06/adding-timthumb-to-your-wordpress-theme/

พอทีตอนนี้รับทำเว็บที่จะต้องมีการดึงข้อมูลส่วนอื่นมาใช้ รวมไปถึงใส่ปลั๊กอินอื่นในหน้า 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 อีกค่า