ปลั๊กอิน WordPress

ใครที่กำลังหาแนวทางหรือมีแผนว่าจะทำระบบลาให้พนักงานใช้แนะนำให้อ่านบทความนี้ครับ เพราะ ระบบลางานออนไลน์ ใน WordPress ก็มีให้ใช้และที่สำคัญคือมันฟรี ไม่เสียตังค์ เพียงแค่โหลดปลั๊กอินนี้มาติดตั้งและตั้งค่าโปรแกรมอีกสักเล็กน้อยก็พร้อมใช้งานแล้วครับ ระบบลางานออนไลน์ ด้วย WordPress ผมขอเกริ่นให้ฟังก่อน แรกเริ่มเลยบริษัทที่ผมทำงานอยู่เช่าใช้ระบบลางานออนไลน์แห่งหนึ่งอยู่ คิดเป็นรายเดือนก็ เดือนละประมาณ 9 พันกว่าบาท ฟีเจอร์หลัก ๆ ที่  User ใช้งานก็มีตามนี้ พนักงานลางาน ส่งเมลแจ้งหัวหน้างาน หัวหน้างาน อนุมัติ/ไม่อนุมัติ ส่งเมลแจ้งผลกลับไปยังพนักงานที่ขอลา ฟีเจอร์สำหรับ HR ใช้งานก็มีตามนี้ เพิ่มข้อมูลพนักงาน แผนก กำหนดประเภทการลา ลากิจ ลาป่วย ลาบวช ลาคลอด ลาอะไรก็ว่าไปขึ้นอยู่กับความต้องการ Assign ประเภทการลาที่สร้างจากข้อ 1 ให้กับพนักงานโดยแต่ละประเภทการลากับพนักงานแต่ละคนก็ไม่เหมือนกัน เช่น พนักงานหญิงก็จะมีสิทธ์ลาคลอด พนักงานชายก็มีสิทธ์ลาบวช อะไรประมาณนี้ สามารถ Approve หรือ Reject ลาที่พนักงาน Request เข้ามาได้ ในกรณีที่หัวงานไม่ได้อนุมัติให้หรือเหตุผลอื่น ๆ ตั้งได้ว่าพนักงานแผนกนี้ Request ลาแล้วให้ส่งไปหาใคร ส่วนใหญ่ก็จะเป็น Manager ของแผนกนั้น ๆ เป็นต้น ...

เว็บเร็วขึ้น ด้วย Imagify สุดยอดปลั๊กอินลดขนาดรูปที่ใครหลายคนมองข้าม บทความนี้ทีมงาน CodingDee จะมารีวิวปลั๊กอินที่ช่วยลดขนาดรูปภาพให้เล็กลงโดยที่รูปไม่แตก มาดูกันเลยครับว่ามันเจ๋งยังไง เว็บเร็วขึ้น ด้วย Imagify สุดยอดปลั๊กอินลดขนาดรูป สำหรับ WordPress มีปลั๊กอินที่ช่วยลดขนาดรูปภาพเพื่อให้เว็บเร็วขึ้นอยู่หลายตัวมากซึ่งแต่ละตัวก็มีความสามารถแตกต่างกันไป แต่มีปลั๊กอินอยู่ตัวนึงที่หลาย ๆ คนมองข้ามไปรวมถึงตัวผมเองด้วยเพิ่งจะมารู้จักมันจากคุณเม่นเมื่อปีที่แล้วนี้เอง หลังจากที่ผมลองใช้แล้วก็พบว่า นี่มันเป็นปลั๊กอินที่โคตรเจ๋งเลยทำไมเราไม่เคยได้ยินชื่อมันเลย สำหรับผมแล้วผมชอบกว่าตัวดัง ๆ ที่ใช้อยู่ซะอีก มาดูกันว่ามันมีอะไรให้เราเล่นบ้าง มีระดับการบีบอัดให้เลือกถึง 3 ระดับ Normal บีบแบบธรรมดา ลดขนาดรูปลงนิดหน่อย ไม่สูญเสียความละเอียดของภาพ Aggressive บีบเยอะขึ้นมาหน่อย  สูญเสียความละเอียดของภาพเล็กน้อย ค่าเริ่มต้นของปลั๊กอินจะตั้งค่านี้มาให้ Ultra บีบแบบหน้าเขียวกันเลย ไฟล์เล็กสุด ๆ สูญเสียความละเอียดของภาพไปพอสมควรแต่สำหรับผมแล้วถ้าไม่มองจริง ๆ ก็มองไม่ออกลองดูภาพข้างล่างนี้ดูครับ ผมบีบด้วยระดับ Ultra ผมชอบตรงนี้แหละที่เราสามารถเลือกระดับการบีบได้ว่าต้องการระดับไหน ส่วนปลั๊กอินตัวอื่นจะไม่มี ฝั่งซ้ายคือก่อนบีบ ขนาด 166 KB ส่วนฝั่งขวาคือหลังจากบีบแล้วเหลือแค่ 28 KB เท่านั้น มี Credit ให้เราใช้ฟรี ๆ 100 Credit ต่อเดือน ปลั๊กอินนี้เค้าจะมี Credit มาให้เราใช้ฟรี ๆ เลย 100 Credit ต่อเดือนถ้าเราใช้หมดแล้วอยากใช้เพิ่มต้องจ่ายตังค์...

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 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...

วันนี้ผมมีวิธีตั้งค่า Plugin iThemes Security มาฝากครับ ถ้าอ่านบทความนี้จบ และเอาไปปรับใช้กับ เว็บไซต์ของคุณ ผมรับรองได้เลยว่าเว็บไซต์ของคุณจะมีความปลอดภัยเพิ่มมากขึ้นแน่นอน WordPress โดนแฮค ทำยังไงดีครับ นี่เป็นอีกคำถามที่ผมเจอบ่อยมาก โดยอาการที่เจอก็จะแตกต่างกันไป ตั้งแต่ หน้าเว็บโดน Redirect ไปเว็บอื่น ,เข้าเว็บแล้วโดน Google เตือนว่าเว็บไม่ปลอดภัย, โดนวาง Backlink ไปเว็บ 18+ บลาๆๆ แล้วแต่ว่าใครจะโดนแบบไหน ถ้าถามผม ผมก็จะตอบว่า ลง WordPress ใหม่ หรือ มี BackUp ไหม Restore กลับไปก่อนหน้าที่จะโดนสิ  สาเหตุที่ผมตอบแบบนี้เพราะถ้าเว็บโดนแฮคไปแล้วเนี่ย มันจะกระจายสคริปฝังไปแทบจะทุกไฟล์ในเว็บเราเลยครับ มาตามแก้นี่ใช้เวลาเยอะมาก อารมณ์เดียวกับ คอมโดนไวรัสนั่นแหละ ลงวินโดวน์ใหม่ง่ายกว่า คงไม่มีใครอยากโดนกับเว็บตัวเองแน่ๆ  ลองนึกภาพวันดีคืนดี มีคนมาบอกว่า ทำไมผมเข้าเว็บคุณแล้วมันขึ้นเป็นเว็บโป๊ล่ะ หรือทำไมเว็บเข้าหลังบ้านไม่ได้ หรือทำไมโดนกูเกิ้ลฟ้องว่าเว็บไม่ปลอดภัย ขึ้นหน้าจอสีแดงหราโชวน์ให้ชาวโลกเค้ารู้กันไปเลย ว่าเว็บโดนแฮคนะ พอจะเห็นภาพใช่ไหมครับว่ามันน่ากลัวแค่ไหน เว็บสุดรักสุดหวงของเราที่ลงทั้งแรงกาย แรงใจสร้างมาจะต้องมาเป็นแบบนี้  แต่ไม่ต้องกังวลไปครับ วันนี้ผมจะมาแนะนำพระเอกของเราที่จะมาช่วยให้เว็บเรามีความปลอดภัยเพิ่มมากขึ้น เปรียบเสมือนกับใส่ vanguard กันเลย ใครรู้จัก vanguard นี้บ่งบอกอายุนะ ( 55...

WP Fastest Cache ปลั๊กอินจัดการแคชที่ตั้งค่าได้ง่ายมาก ๆ เหมาะสำหรับใครที่ใช้ WordPress แล้วเว็บอืด เว็บช้า ลองปลั๊กอินนี้ดู เว็บ รับรองว่าเว็บโหลดได้เร็วปรี๊ด ลื่นหัวแตกแน่นอน WP Fastest Cache ตั้งค่ายังไงให้เว็บลื่นหัวแตก ปลั๊กอินนี้เป็นปลั๊กอินที่ CodingDee มักจะแนะนำให้ลูกค้าใช้งานอยู่เสมอเพราะมันใช้งานง่าย คลิกไม่กี่คลิกก็เสร็จ เว็บเร็วขึ้น โดยที่เราไม่จำเป็นต้องมีความรู้ด้านนี้ก็สามารถใช้งานได้ ไปดูวิธีตั้งค่ากันเลยครับ ก่อนอื่น โหลดปลั๊กอิน มาติดตั้งก่อน ใครลงปลั๊กอิน Cache ตัวอื่นอยู่ปิดก่อนนะครับเดี๋ยวมันตีกัน โหลดเสร็จแล้วก็เข้าไปตั้งค่าตามนี้เลย เข้าไปหลังบ้านแล้วตั้งค่าตามนี้ได้เลย https://www.youtube.com/watch?v=bXgMXK_2JfA Settings เมนูนี้ให้ติ๊กทุกช่องที่เราสามารถเลือกได้แล้วกด Save Cache Timeout กด Add New Rule แล้วตั้งค่าตามภาพ ตั้งไว้ให้ Clear Cache วันละ 1 ครั้งเวลา ตี 3.00 น. แล้วกด Save Image Optimization เมนูนี้เราจะใช้ปลั๊กอินนี้จัดการให้แทนครับ เว็บเร็วขึ้นด้วย Imagify สุดยอดปลั๊กอินลดขนาดรูป CDN Settings คลิกที่ CDN by Photon ตามภาพ เลือก...

บทความนี้ 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...

Invisible reCaptcha ปลั๊กอินสุดเจ๋งที่ช่วยป้องกันสแปมสำหรับ WordPress ก่อนหน้าที่ผมจะเปลี่ยนมาใช้ ปลั๊กอินนี้ นั้นผมใช้ reCaptcha เวอร์ชั่นเก่าอยู่ก่อนหน้านี้อยู่แล้ว เวอร์ชั่นที่ให้เรากดเลือกรูปนั่นแหละ... Invisible reCaptcha For WordPress ปัญหาอีกข้อที่ผมเจอเมื่อเราใส่ captcha ไว้ตามหน้าแบบฟอร์มต่าง ๆ ไม่ว่าจะเป็น หน้าฟอร์มสมัครสมาชิก หน้าฟอร์มติดต่อเรา หน้าฟอร์มคอมเมนต์ เป็นต้น ปัญหาที่ตามมาคือการที่ user ถูกขัดจังหวะการใช้งานนั่นเอง ผมเคยเจอบางเว็บใส่ captcha ไว้หน้าสั่งซื้อด้วยก็มีนะ ทีนี้พอ user ถูกขัดจังหวะบางคนเค้าปิดหน้าเว็บทิ้งไปเลย ถ้าเป็นหน้าสั่งซื้อกรอกแล้วไม่ผ่านติด captcha เค้าก็ปิดเว็บออกไปเลยทำให้เราสูญเสียรายได้ ขอยกเคสที่ผมเจอคือผมใส่ Google reCaptcha ไว้ที่หน้าสมัครตัวแทนจำหน่ายที่เราจะต้องกดติ๊กถูกก่อน submit ฟอร์มนั่นแหละ ผมเองก็คิดว่ามันง่ายในระดับแล้วนะ มันต้องมากรอก ตัวอักษร ตัวเลข แต่ปรากฎว่ามีลูกค้าโทรศัพท์เข้าที่บริษัทค่อนข้างบ่อย บอกว่ากด สมัครตัวแทนไม่ได้ ผมก็สงสัยว่าเพราะอะไรเค้าถึงกดสมัครไม่ได้ ผมลองใช้งานดูมันก็สมัครได้นะ ไม่ติดปัญหาอะไรแล้วทำไมลูกค้าเรากดสมัครไม่ได้ งงสิครับทีนี้ ไม่รู้จะวิเคราะห์หาสาเหตุยังไง ผมนึกขึ้นได้ว่าเว็บเราติด Hotjar ไว้นี่หว่า ( Hotjar คือ เครื่องมือวิเคราะห์การใช้งานของ user ในเว็บเราว่าเค้า...

วิธีติดตั้ง AMP ใน WordPress ที่ทำให้บทความเราโหลดได้เร็วขึ้นมากกกกกกกก คิดเป็น 1/4 วิ ชนิดที่ว่า ดอมทอเร็ตโต้ยังต้องซูฮกให้ วิธีติดตั้ง AMP ใน WordPress จากบทความที่แล้วที่ผมเขียนไว้คือ วิธีติดตั้ง Facebook Instant Articles สำหรับ WordPress หลังจากลองทำดูแล้วก็ร้องโหหหหห โหลดไวจังวะ แต่มันยังอีกวิธีที่สามารถทำให้หน้าบทความเราโหลดได้ไวไม่แพ้ Facebook Instant Articles เลยนั่นก็คือ AMP นั่นเอง เราไปดูกันเลยว่ามีขั้นตอนการทำอะไรบ้าง 1. AMP โหลด แล้ว Activate ปลั๊กอินให้เรียบร้อย แค่นี้แหละ เสร็จแล้ว เสร็จแล้วจริง ๆ นะก็ปลั๊กอินตัวนี้มันมีแค่นี้แหละติดตั้งแล้วก็จบ ลองเข้าหน้าบทความไหนดูสักหน้าก็ได้ แล้วเติม /amp ต่อท้าย url เราก็จะเจอกับบทความที่ปลั๊กอินมันแปลงให้ หน้าตาก็จะโล้น ๆ หน่อย ตัดโน่นตัดนี่หมด แทบไม่เหลืออะไรเลย เหลือแต่บทความเพียว ๆ ก็ไม่แปลกที่มันจะโหลดไว ตัดออกซะขนาดนั้น ตอนผมทำแรก ๆ ก็เฮ้ยแล้วยังงี้ใครมันจะบ้ามาเติม /amp ท้ายบทความทุกครั้งที่จะเปิดเว็บล่ะ จริงมั๊ย ตอนแรกผมก็คิดวิธีว่าจะทำยังไงให้ user ไม่ต้องมาเติม /amp อารมณ์ประมาณว่าเปิดแล้วให้วิ่งไปหน้าเว็บเวอร์ชั่น...

WP Optimize ลงปลั๊กอินนี้ไว้เปรียบเสมือนมีแม่บ้านประจำตัว ที่จะคอย ปัด กวาด เช็ด ถู ช่วยให้ Database เราสะอาดไม่รกรุงรังอีกต่อไป แถมขนาดของ Database ก็เล็กลงด้วยนะ ส่งผลให้เว็บเราทำงานได้เร็วขึ้น ผมนำไปติดตั้งให้กับเว็บลูกค้าที่ผมดูแลอยู่โดยก่อนใช้ปลั๊กอิน Database มีขนาด 1 GB ใหญ่มาก ๆ เว็บลูกค้าเป็นเว็บบทความปกตินะครับไม่ใช่เว็บ E-Commerce หลังจากที่ผมลงปลั๊กอิน WP Optimize แล้ว ขนาดของ Database เหลืออยู่เพียง 24 MB เท่านั้นลดลง 900 MB เลย WP Optimize ปลั๊กอินกำจัดขยะสำหรับเวิร์ดเพรส ทำไม Database ถึงมีขนาดใหญ่ ? เพราะทุก ๆ การกระทำที่เราทำลงไปในเว็บไม่ว่าจะเป็น สร้างบทความ แก้ไขบทความ อัพรูปภาพ สร้างสินค้า ลงปลั๊กอิน มันจะมีข้อมูลที่ยังคงค้างอยู่ใน Database เราเช่นเวลาเราเขียนบทความตัวระบบของ WordPress เองก็จะมีการสร้าง Revision ขึ้นมาสำหรับสำรองข้อมูลที่เราเขียนลงไปเป็นหลาย ๆ เวอร์ชั่นก็ส่งผลให้ขนาดของ Database เราใหญ่ขึ้นเรื่อย...