Plugin ContactForm7 สร้างกล่องรับข้อมูลง่ายๆใน WordPress


การใช้งาน WordPress ให้ได้ดั่งใจมากที่สุดก็คงเป็นเรื่องของการแต่งแต้ม เติมสีสันของความสามารถต่างๆเข้าไปในระบบ ซึ่งถ้าเก่งมากนักก็คงจะใช้วิธีัเขียน Code แต่ถ้าจะเอาให้สะดวก ก็คงจะต้องเป็นการติดตั้ง Plugin เพิ่มเข้าไป และ  Plugin ตัวที่ช่วยสร้าง Form ง่ายๆก็คงเป็น ContactForm7 เรามาลองดูกันดีกว่าครับ

ContactForm7 เป็น Plugin ที่ผมหยิบเอามาใช้ในทุกงานเลยครับ ต้องบอกว่ามีประโยชน์และใช้งานง่ายมากๆ  เป็น Plugin ที่สามารถสร้างกล่องรับข้อมูลได้ทุกรูปแบบ CAPTCHA อีกด้วย ผู้พัฒนาคือนาย takayukister ที่เคยพัฒนา Really Simple CAPTCHA จนโด่งดังมาแล้ว บล็อกของเค้าก็คือ
ideasilo.wordpress.com และมีการแปลภาษาไทยแล้วโดยคุณ kazama และ  ToshiK

ก่อนอื่นก็ต้องเข้าไป Download กันก่อนครับ

วิธีการติดตั้งนั้นไม่ยากครับ มาดูกันเลย

๑. ให้คุณเข้าไปที่ Dashboard แล้วเลือกเมนูด้านล่างที่เขียนว่า plugin นะครับ

เลือกเมนู plugin

เลือกเมนู plugin

 

๒. จากนั้นให้คุณเลือกเลือกที่ Add news

เลือกเมนู Add New

เลือกเมนู Add New

๓. จากนั้นให้เลือก Upload เพื่อทำการติดตั้ง Plug in

เลือก upload

เลือก upload

๔.จากนั้นก็ทำการ Up File Zip ที่เราไป Download ลงมานั้นละครับ ติดตั้งลงไปตรงนี้ แล้วเลือกคำสั่ง Activate

๕. จากนั้นก็จะได้หน้าตาแบบนี้นะครับ

installed ติดตั้งเสร็จแล้ว

installed ติดตั้งเสร็จแล้ว

๖. จากนั้นก็ต้องเข้าไปตั้งค่ากล่องรับข้อมูลต่างๆตามที่เราต้องการครับ

Setting

Setting

มาดูตัวอย่างของ Code กันนะครับ

<p>Your Name (required)<br />
[text* your-name] </p>

ถ้า Code แบบนี้ ก็หมายถึง ตรง yourname คือข้อความที่อยู่หน้ากล่องที่เราต้องการนะครับแล้วคำว่า (required) ก็หมายถึง * หรือการบอกให้ผู้ใช้ทราบว่าตรงนี้สำคัญนะ ในเครื่องหมาย [ ] จะมีคำว่า text ซึ่งหมายถึงกล่องรับข้อความแบบ textbox นั้นแหละครับ ตรงนี้คนที่รู้จัก Code อยู่แล้วคงไม่ยากนะครับ แต่ถ้าต้องการให้ Plugin ช่วยสร้าง Code ขึ้นมาให้เลยก็ใช้ เมนูด้านข้างขวามือครับ Generate Tag

GenerateTag

GenerateTag

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

Mail

Mail

เท่านี้ก็เป็นอันเสร็จแล้วครับ Save เก็บไว้ใช้งานได้เลย ทีนี้เวลาจะเอาไปใช้งานที่่หน้าไหนก็แค่ Copy Code ด้านบนไปวางไว้เท่านั้นแหละครับ

Code

Code

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

www.waraluk.com

www.waraluk.com

หวังว่าคงพอเป็นแนวทางในการใช้ Plugin ได้บ้างนะครับ
ติดตามวิดีโอต่างๆเพิ่มเติมได้ที่ teerapuchchanel

, , , , , ,

  1. ให้ความเห็น

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Connecting to %s