หน้าแรก WordPress ปลั๊กอิน WordPress

ปลั๊กอิน WordPress

หมวดหมู่นี้เราได้รวบรวมรายชื่อ ปลั๊กอิน WordPress เจ๋ง ๆ เทคนิคและประสบการณ์ การสร้างเว็บไซต์ด้วย WordPress สอน WordPress วิธีใช้งาน ปลั๊กอินตัวไหนดีเหมาะกับการใช้งานแบบไหน เรารวบรวมไว้ที่นี่

WP Optimize
WP Optimize ลงปลั๊กอินนี้ไว้เปรียบเสมือนมีแม่บ้านประจำตัว ที่จะคอย ปัด กวาด เช็ด ถู ช่วยให้ Database เราสะอาดไม่รกรุงรังอีกต่อไป แถมขนาดของ Database ก็เล็กลงด้วยนะ ส่งผลให้เว็บเราทำงานได้เร็วขึ้น ผมนำไปติดตั้งให้กับเว็บลูกค้าที่ผมดูแลอยู่โดยก่อนใช้ปลั๊กอิน Database มีขนาด 1 GB ใหญ่มาก ๆ เว็บลูกค้าเป็นเว็บบทความปกตินะครับไม่ใช่เว็บ E-Commerce หลังจากที่ผมลงปลั๊กอิน WP Optimize แล้ว ขนาดของ Database เหลืออยู่เพียง 24 MB เท่านั้นลดลง 900 MB เลยWP Optimize ปลั๊กอินกำจัดขยะสำหรับเวิร์ดเพรส ทำไม Database ถึงมีขนาดใหญ่ ? เพราะทุก ๆ การกระทำที่เราทำลงไปในเว็บไม่ว่าจะเป็น สร้างบทความ แก้ไขบทความ อัพรูปภาพ สร้างสินค้า ลงปลั๊กอิน มันจะมีข้อมูลที่ยังคงค้างอยู่ใน Database เราเช่นเวลาเราเขียนบทความตัวระบบของ WordPress เองก็จะมีการสร้าง Revision ขึ้นมาสำหรับสำรองข้อมูลที่เราเขียนลงไปเป็นหลาย ๆ เวอร์ชั่นก็ส่งผลให้ขนาดของ Database เราใหญ่ขึ้นเรื่อย...
Invisible reCaptcha
Invisible reCaptcha ปลั๊กอินสุดเจ๋งที่ช่วยป้องกันสแปมสำหรับ WordPress ก่อนหน้าที่ผมจะเปลี่ยนมาใช้ ปลั๊กอินนี้ นั้นผมใช้ reCaptcha เวอร์ชั่นเก่าอยู่ก่อนหน้านี้อยู่แล้ว เวอร์ชั่นที่ให้เรากดเลือกรูปนั่นแหละ...Invisible reCaptcha For WordPress ปัญหาอีกข้อที่ผมเจอเมื่อเราใส่ captcha ไว้ตามหน้าแบบฟอร์มต่าง ๆ ไม่ว่าจะเป็น หน้าฟอร์มสมัครสมาชิก หน้าฟอร์มติดต่อเรา หน้าฟอร์มคอมเมนต์ เป็นต้น ปัญหาที่ตามมาคือการที่ user ถูกขัดจังหวะการใช้งานนั่นเอง ผมเคยเจอบางเว็บใส่ captcha ไว้หน้าสั่งซื้อด้วยก็มีนะ ทีนี้พอ user ถูกขัดจังหวะบางคนเค้าปิดหน้าเว็บทิ้งไปเลย ถ้าเป็นหน้าสั่งซื้อกรอกแล้วไม่ผ่านติด captcha เค้าก็ปิดเว็บออกไปเลยทำให้เราสูญเสียรายได้ ขอยกเคสที่ผมเจอคือผมใส่ Google reCaptcha ไว้ที่หน้าสมัครตัวแทนจำหน่ายที่เราจะต้องกดติ๊กถูกก่อน submit ฟอร์มนั่นแหละ ผมเองก็คิดว่ามันง่ายในระดับแล้วนะ มันต้องมากรอก ตัวอักษร ตัวเลข แต่ปรากฎว่ามีลูกค้าโทรศัพท์เข้าที่บริษัทค่อนข้างบ่อย บอกว่ากด สมัครตัวแทนไม่ได้ ผมก็สงสัยว่าเพราะอะไรเค้าถึงกดสมัครไม่ได้ ผมลองใช้งานดูมันก็สมัครได้นะ ไม่ติดปัญหาอะไรแล้วทำไมลูกค้าเรากดสมัครไม่ได้ งงสิครับทีนี้ ไม่รู้จะวิเคราะห์หาสาเหตุยังไงผมนึกขึ้นได้ว่าเว็บเราติด Hotjar ไว้นี่หว่า ( Hotjar คือ เครื่องมือวิเคราะห์การใช้งานของ user ในเว็บเราว่าเค้า...
social share
ใครที่กำลังมองหาปลั๊กอิน social share สำหรับทำปุ่มแชร์บทความที่มีไลน์มา เหมาะกับการใช้งานของคนไทย บทความนี้ผมได้รวบรวมมาให้แล้ว เลือกใช้กันได้ตามใจชอบ Social Share   WordPress Plugins1.Seed Social ปลั๊กอินฝีมือคนไทยจาก SeedThemes จุดเด่นของ seed social คือความเบา มีเท่าที่คนไทยนิยมใช้จริง ๆ ใครที่ชอบปลั๊กอินที่ไม่ต้องตั้งค่าอะไรเยอะ แนะนำตัวนี้ครับ ใช้ง่ายมาก ๆมี Shortcode ให้ใช้งาน copy ไปใช้งานได้เลย สะดวกมาก ๆ เลือกได้ว่าจะให้ปุ่มแชร์บริเวณไหนของบทความเช่น ส่วนบนของบทความ ส่วนท้ายของบทความ 2.Free Tools to Automate Your Site Growth สำหรับปลั๊กอิน Sumo นี้เป็นปลั๊กอินที่ค่อนข้างครบเครื่องทำได้หลายอย่างเช่นEmail newsletter Share Google Analytics Heat Mapsมีหลายเว็บที่ใช้ปลั๊กอินนี้อยู่รวมทั้ง CodingDee.com ก็ใช้เหมือนกันผมชอบตรงที่เวลาเปิดในมือถือปุ่มแชร์มันจะเลื่อนตามตลอดและอยู่ใกล้นิ้วหัวแม่มือ ทำให้กดแชร์ได้ง่าย 3.Share Buttons by AddThis ปลั๊กอินนี้คล้าย ๆ กันกับ Sumo ตัวบนแต่ผมไม่ชอบตรงที่เวลากดแชร์มันจะวิ่งไปที่เว็บ AddThis ก่อนแว๊บนึงแล้วค่อยวิ่งต่อไปที่...
Ninja Forms
Ninja Forms ปลั๊กอินสร้างแบบฟอร์มที่โคตรเทพ ใช้งานง่าย ฟังก์ชั่นครบครัน ลงตัวนี้ตัวเดียวลืม CF7 ไปได้เลยNinja Forms ถ้าพูดถึงปลั๊กอินสำหรับใช้สร้างแบบฟอร์ม หลายคนคงจะนึกถึง  Contact Form 7 (CF7) ใช่ไหมครับ ไม่แปลกเพราะก่อนหน้านี้ผมเองก็ใช้ CF7 มาตลอดแต่ CF7 มันไม่มีฟีเจอร์ที่เก็บข้อมูลลงดาต้าเบส ถ้าอยากให้มันเก็บข้อมูลลงดาต้าเบสได้เราต้องลงปลั๊กอิน  Contact Form Submissions  หรือ  Contact Form 7 Database Addon – CFDB7  เพิ่ม ผมก็ลองค้น Google หาปลั๊กอินดูจนมาเจอปลั๊กอินนี้ พอลองใช้ดูแล้วก็ติดใจมาก ใช้ง่ายกว่า CF7 มากและเก็บข้อมูลลงดาต้าเบสได้ด้วย มาดูกันครับว่าทำไมผมถึงเปลี่ยนจากจาก CF7 มาใช้ปลั๊กอินนี้แทน 1.รองรับ Google reCaptcha ปลั๊กอินสามารถใส่ Google reCaptcha ได้ด้วยเพื่อป้องกัน Spam (ข้อนี้ CF7 เองก็มีเหมือนกัน)2.รองรับภาษาไทย ตัวปลั๊กอินรองรับภาษาไทยอยู่แล้วแทบไม่ต้องแปลเลย ประหยัดเวลาไปได้เยอะ 3.Drag & Drop หน้าตาการใช้งานเรียบง่ายมาก การสร้างฟอร์มทำได้สะดวก เราสามารถลากฟิลด์มาวางได้เลย มีฟิลด์ให้เลือกเพียบ วันที่,...
Google Rich Snippet
Google Rich Snippet คือ โค๊ดชุดหนึ่งที่ช่วยบอก search engine ให้เข้าใจว่า หน้านี้หรือบทความนี้ คืออะไร เกี่ยวข้องกับอะไร เช่น ถ้าบทความนี้เป็นบทความที่เกี่ยวกับสินค้า ก็ควรจะมีข้อมูลที่เกี่ยวกับ ชื่อสินค้าชื่ออะไร ราคาเท่าไหร่ ผู้ขายเป็นใคร เป็นต้น ถ้าเรามีข้อมูลพวกนี้ก็จะช่วยให้ search engine เข้าใจได้ง่ายขึ้นและนำไปแสดงผลให้ user ดูเวลาค้นหา keyword ที่เกี่ยวข้องกับบทความเราGoogle Rich Snippet นอกจากจะเป็นผลดีกับ search engine แล้วยังเป็นผลดีกับ user ด้วย เพราะช่วยให้ user เข้าใจรายละเอียดเบื้องต้นของหน้านั้นได้โดยที่ไม่ต้องคลิกเข้าดู ลองดูภาพประกอบต่อไปนี้จากภาพจะมีการแสดงจำนวนดาว และคะแนน ของบทความนี้ว่าได้เท่าไหร่ เป็นตัวช่วยในการตัดสินใจของ user ได้ในขั้นต้นว่าจะคลิกเข้าไปอ่านหรือไม่  การแสดงผลแบบนี้เรียกว่า  Google Rich Snippets  คราวนี้เราลองมาดูรูปด้านล่าง ที่ไม่มีดาว ดูแล้วก็รู้สึกธรรมดาไม่ได้โดดเด่นอะไร เทียบกันกับ รูปด้านบน รูปที่มีดาวดึงดูดให้อยากคลิกมากกว่าแน่นอนวิธีตรวจดูว่าบทความที่เราเขียนมี structure data หรือไม่ คลิก  แล้วกรอก url เว็บที่เราต้องการลงไปแล้วกด RUN...
Facebook Pixel with Google Tag Manager
Facebook Pixel สำหรับใครที่ทำงานด้าน Digital Marketing ผมมั่นใจว่าต้องได้ติดกันแน่นอน สำหรับออฟฟิศที่มี โปรแกรมเมอร์ก็อาจจะให้เค้าช่วยติดให้ได้ แต่ถ้าไม่มีล่ะ หรือโปรแกรมเมอร์งานยุ่งมาก ยังไม่ว่างติดให้หรอก เราจะทำยังไงดีFacebook Pixel with Google Tag Manager ถ้าใครเป็นคนที่ชอบอะไรที่ง่าย ๆ และรวดเร็ว CodingDee มีวิธีที่เหมาะกับคุณ ไม่ต้องรอโปรแกรมเมอร์ ไม่ต้องมีความรู้เรื่องการเขียนโปรแกรม ไม่กี่คลิกก็ติด Pixel ได้ มาดูวิธีกันเลย ใครยังไม่ได้ติด Google Tag Manager มาอ่านนี่ก่อนน่า  Google Tag Manager สำหรับ WordPress  ใครติดแล้วก็ไปต่อได้ วิธีสร้าง Pixelเข้าไปที่  Menu Pixels อยู่ใน Ads Manager คลิก  Create a Pixel ตั้งชื่อให้ Pixel ของเรา จะเป็นชื่อเว็บหรือชื่ออะไรก็ได้ตามใจชอบครับ คลิก ยอมรับเงื่อนไขการใช้งาน Click Create Pixel.อ่านวิธี Create Pixel เพิ่มเติมได้ ที่นี่หลังจากได้...
Google Tag Manager สำหรับ WordPress
Google Tag Manager เครื่องมือสุดเจ๋งที่ช่วยให้การทำงานของเราสบายขึ้นชนิดหน้ามือเป็นหลังมือ ใครติด Google Analytics แบบเดิม ๆ อยู่ แนะนำให้เปลี่ยนมาใช้แล้วชีวิตจะมีเวลาว่างเพิ่มขึ้นอีกเยอะGoogle Tag Manager คืออะไร ? ก่อนอื่นผมขอใช้คำย่อ Google Tag Manager ว่า gtm นะครับ gtm ก็คือเครื่องมืออีกที่ google ออกมาไว้ให้เราใช้สำหรับจัดการกับ tracking code ต่าง ๆ ภายในเว็บเรา ตัวอย่างสมมุติว่าผมต้องการจะติด Google Analytics ผมก็ต้องส่ง code ชุดนี้ไปให้ programmer เค้าติดให้โดยเพิ่ม code เข้าไปที่ tag head วันต่อมาผมอยากจะติด Facebook Pixel ผมก็ต้องส่ง code ชุดนี้ไปให้ programmer เค้าติดให้โดยเพิ่ม code เข้าไปที่ tag head วันต่อมาอีกผมอยากติด Yengo ผมก็ต้องส่ง code ชุดนี้ไปให้ programmer เค้าติดให้โดยเพิ่ม code...
Add To Cart
บทความนี้ CodingDee จะมาแชร์ประสบการณ์ที่เราได้ทดลองปรับปรุงปุ่ม Add To Cart สำหรับร้านค้า WooCommerce ว่าทำยังให้ลูกค้าสามารถใช้งานใน Mobile ได้ดีขึ้น กดได้ง่ายขึ้น มาดูวิธีทำกันเลยครับ  "วิธีแก้ไขปุ่ม Add To Cart" ให้ลูกค้าใช้ง่ายขึ้นปุ่มแบบเดิม ปุ่ม Add To Cart แบบเดิมที่ WooCommerce ให้มาเวลาลูกค้าเลื่อนดูรายละเอียดสินค้า ปุ่มมันจะไม่ตามไปเวลาเรา scoll ซึ่งใช้งานในโมบายได้ค่อนข้างยาก จะกดปุ่มแต่ละครั้งลูกค้าต้อง scoll กลับขึ้นมาด้านบนของเพื่อกด Add To Cartเรื่อง UI ยังไม่เป็นปัญหาเท่าไหร่แต่ UX นี้ไม่ดีเลย ผมเลยลองหาดูตัวอย่างจากเว็บ E-Commerce อื่น ๆ ว่าเค้าทำยังไง ผมเข้าไปดูที่ Lazada ว่าเค้าจัดการวางปุ่มพวกนี้ยังไงโดยเฉพาะเมื่อเข้าผ่านโทรศัพท์ปรากฏว่าเค้าใช้วิธีให้ปุ่มแสดงอยู่ที่ด้านล่างของจอใกล้ ๆ นิ้วหัวแม่มือเราเพื่อให้ง่ายแก่การกดปุ่ม Add To Cart และเวลา scoll อ่านรายละเอียดสินค้า ปุ่มนี้ก็ยังคงเลื่อนตามเราตลอด ทำให้ไม่ต้องเสียเวลาเลื่อนไปเลื่อนมา กดได้สะดวกขึ้น ลองดูภาพถัดไปเมื่อผมลองย้ายปุ่มมาไว้ด้านล่างปุ่ม Add To Cart...
WP Fastest Cache
WP Fastest Cache ปลั๊กอินจัดการแคชที่ตั้งค่าได้ง่ายมาก ๆ เหมาะสำหรับใครที่ใช้ WordPress แล้วเว็บอืด เว็บช้า ลองปลั๊กอินนี้ดู เว็บ รับรองว่าเว็บโหลดได้เร็วปรี๊ด ลื่นหัวแตกแน่นอนWP Fastest Cache ตั้งค่ายังไงให้เว็บลื่นหัวแตก ปลั๊กอินนี้เป็นปลั๊กอินที่ CodingDee มักจะแนะนำให้ลูกค้าใช้งานอยู่เสมอเพราะมันใช้งานง่าย คลิกไม่กี่คลิกก็เสร็จ เว็บเร็วขึ้น โดยที่เราไม่จำเป็นต้องมีความรู้ด้านนี้ก็สามารถใช้งานได้ ไปดูวิธีตั้งค่ากันเลยครับก่อนอื่น โหลดปลั๊กอิน มาติดตั้งก่อน ใครลงปลั๊กอิน Cache ตัวอื่นอยู่ปิดก่อนนะครับเดี๋ยวมันตีกัน โหลดเสร็จแล้วก็เข้าไปตั้งค่าตามนี้เลย เข้าไปหลังบ้านแล้วตั้งค่าตามนี้ได้เลย https://www.youtube.com/watch?v=bXgMXK_2JfA Settingsเมนูนี้ให้ติ๊กทุกช่องที่เราสามารถเลือกได้แล้วกด SaveCache Timeoutกด Add New Rule แล้วตั้งค่าตามภาพ ตั้งไว้ให้ Clear Cache วันละ 1 ครั้งเวลา ตี 3.00 น. แล้วกด SaveImage Optimizationเมนูนี้เราจะใช้ปลั๊กอินนี้จัดการให้แทนครับ เว็บเร็วขึ้นด้วย Imagify สุดยอดปลั๊กอินลดขนาดรูปCDN Settingsคลิกที่ CDN by Photon ตามภาพเลือก...
ปลั๊กอิน
แจกปลั๊กอิน เปลี่ยนปุ่ม Add to Cart ใน WooCommerce เป็นปุ่ม Facebook Messenger เพื่อให้ลูกค้า Chat สอบถามรายละเอียดก่อนสั่งซื้อแจกปลั๊กอิน เปลี่ยนปุ่ม Add to Cart เป็นปุ่มแชทกับร้านค้า สืบเนื่องจาก SeedThemes ได้แนะนำ วิธี เปลี่ยนปุ่ม Add to Cart เป็นปุ่มที่กดแล้วแชทกับร้านค้าได้ ใน WooCommerceผมก็เห็นว่าเป็นวิธีที่เจ๋งดีเลยแชร์มาที่เพจ CodingDee ให้ลูกเพจบ้างเผื่อใครยังไม่รู้ หลังจากแชร์ไปก็มี Request เข้ามาเยอะมาก ทำเป็นปลั๊กอินให้หน่อยสิแอดทำปลั๊กอินได้ไหม สุดท้ายผมเลยทำเป็น Plugin ไว้ให้ใช้ได้ง่ายขึ้นติดตั้งเสร็จแล้วคลิกที่  การตั้งค่า ตามภาพปลั๊กอินนี้ทำอะไรได้บ้าง จริง ๆ ก็ไม่มีอะไรพิเศษเพียงแต่ผมทำให้มันตั้งค่าได้สะดวกขึ้นอีกหน่อยเปิดปิด Plugin ได้ กำหนดความ กว้าง ความสูงของกล่อง Chat ในหน้าตั้งค่าปลั๊กอินได้เลย กำหนด ข้อความที่แสดงตรงปุ่ม Chat ได้เองวิธีใช้ก็กรอก App ID และ Facebook Page URL ก็เป็นอันจบ ใช้งานได้เลยจบแล้ว อย่าลืมลงปลั๊กอิน...

Google Tag Manager

Facebook Pixel with Google Tag Manager

Facebook Pixel with Google Tag Manager

Facebook Pixel สำหรับใครที่ทำงานด้าน Digital Marketing ผมมั่นใจว่าต้องได้ติดกันแน่นอน สำหรับออฟฟิศที่มี โปรแกรมเมอร์ก็อาจจะให้เค้าช่วยติดให้ได้ แต่ถ้าไม่มีล่ะ หรือโปรแกรมเมอร์งานยุ่งมาก ยังไม่ว่างติดให้หรอก เราจะทำยังไงดีFacebook Pixel with Google Tag Manager ถ้าใครเป็นคนที่ชอบอะไรที่ง่าย ๆ และรวดเร็ว CodingDee มีวิธีที่เหมาะกับคุณ ไม่ต้องรอโปรแกรมเมอร์ ไม่ต้องมีความรู้เรื่องการเขียนโปรแกรม ไม่กี่คลิกก็ติด Pixel...

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

ตั้งค่าความเป็นส่วนตัว

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

ยอมรับทั้งหมด
จัดการความเป็นส่วนตัว
  • คุกกี้ที่จำเป็น
    เปิดใช้งานตลอด

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

  • คุกกี้เพื่อการวิเคราะห์

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

บันทึกการตั้งค่า