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 ก็เป็นอันจบ ใช้งานได้เลยจบแล้ว อย่าลืมลงปลั๊กอิน...
วิธีซ่อนเวอร์ชั่น WordPress
วิธีซ่อนเวอร์ชั่น WordPress ไม่ให้ใครรู้ เป็นอีกวิธีที่ช่วยเพิ่มความปลอดภัยให้กับเว็บเรา ลองอ่านและนำไปปรับใช้กันดูครับวิธีซ่อนเวอร์ชั่น WordPress บทความนี้ทีมงาน CodingDee จะมาแนะนำวิธีซ่อนเวอร์ชั่น WordPress ไม่ให้ใครรู้กันครับ ผลกระทบที่อาจจะเกิดขึ้น ถ้าเราไม่ซ่อนเวอร์ชั่น WordPress จะส่งผลกระทบอะไรบ้างมาดูเหตุการณ์จำลองกัน สมมุติว่าผมเป็นผู้ไม่หวังดีอยากจะโจมตีเว็บ ๆ นึง สิ่งแรกที่ผมจะทำคือหาข้อมูลของเป้าหมายก่อนว่าเค้าใช้ Server อะไร  เวอร์ชั่นอะไร ใช้ CMS ค่ายไหน เวอร์ชั่นอะไร ฯลฯ ยิ่งเราได้ข้อมูลพวกนี้มากเท่าไหร่ เราก็สามารถนำมาวิเคราะห์หาช่องโหว่และวิธีการโจมตีได้มากขึ้นเท่านั้น ถ้าไปเจอ WordPress Version ตำ่ กว่า 4.7.0 เสร็จเลยครับ ช่องโหว่เพียบเลย ผมเคยเจอบางเว็บยังใช้ WordPress เวอร์ชั่น 3.8.x อยู่ก็มีถ้าใครเคยดู The Fast and the Furious ภาคที่ลากตู้เซฟอ่ะ ผมจำภาคไม่ได้ว่าภาคไหน จะมีอยู่ช่วงหนึ่งที่ฝ่ายของตัวเอกแบ่งทีมกันออกไปเก็บข้อมูลของเป้าหมาย ว่าใช้ตู้เซฟยี่ห้ออะไร รุ่นอะไร เก็บไว้ที่ไหน แล้วนำข้อมูลที่ได้มาวิเคราะห์ หาวิธีการโจมตีต่อไป เห็นไหมครับว่าข้อมูลพวกนี้ถ้าเราไม่ปิดไว้ มันไม่เป็นผลดีกับเราเลย วิธีซ่อนก็ไม่ยากอะไรมากมาย มาดูวิธีทำกันเลยครับ อัพเดทเวอร์ชั่นใหม่เสมอ วิธีนี้เป็นวิธีที่ดีครับ คือ Update WordPress ให้เป็นเวอร์ชั่นล่าสุดอยู่เสมอ แต่ก็อาจจะมีบางสาเหตุที่เรายังไม่สามารถ Update...
วิธีปิดปลั๊กอิน
วิธีปิดปลั๊กอิน WordPress จริง ๆ มีหลายวิธีแต่วิธีนี้ง่ายสุด ช่วยได้เมื่อเราไม่สามารถเข้าไปปิดปลั๊กอินผ่านหลังบ้านได้วิธีปิด Plugin WordPress เมื่อเข้าหลังบ้านไม่ได้ให้เรา FTP เข้าไปที่เว็บของเรา มองหาโฟลเดอร์ที่มีชื่อว่า wp-content ดับเบิ้ลคลิกเข้าไปข้างในโฟลเดอร์ เปลี่ยนชื่อโฟลเดอร์ plugins เป็นชื่อ plugins-backup (จริง ๆ เปลี่ยนเป็นชื่ออะไรก็ได้)คราวนี้ลองเข้าเว็บดูปลั๊กอินก็จะ Deactivate ทั้งหมดแล้วครับจริง ๆ แล้วยังมีอีกวิธีที่จะปิดปลั๊กอินได้ก็คือปิดผ่าน Database แต่วิธีนั้นค่อนข้างยากกว่าวิธีนี้พอสมควรและเสี่ยงที่จะทำ Database พังถ้าเราไม่เชี่ยวชาญพอปล.ถ้าอย่าลืมมาเปลี่ยนชื่อโฟลเดอร์ plugins กลับมาให้เหมือนเดิมด้วยนะครับเมื่อเราเข้าหลังบ้านได้แล้ว จบแล้ว หากอ่านแล้วชอบบทความจาก CodingDee ก็ฝาก กดไลค์เพจ ด้วยนะครับ จะได้ไม่พลาดข่าวสารเทคนิคดี ๆ จากเรา หรือติดปัญหาตรงไหนก็คอมเมนต์ไว้ด้านล่างนี้ได้ ไว้พบกันบทความต่อไปครับ
WordPress หน้าขาว
WordPress หน้าขาว ปัญหายอดฮิตอีกปัญหาที่คนทำ WordPress ต้องพบเจออยู่เป็นประจำ บทความนี้ CodingDee จะพามาดูวิธีรับมือเมื่อ WordPress ขึ้นหน้าขาว โล่ง ๆ ไม่มีอะไรเลย มาดูกันครับWordPress หน้าขาว แก้ได้ง่าย ๆCodingDee ได้รวบรวมวิธีแก้ปัญหาไว้ให้ 5 วิธีลองเลือกนำไปปรับใช้ดูครับ 1. เปิดโหมด Debug Default ของ WordPress จะปิดโหมดนี้ไว้เพื่อความปลอดภัยครับ เว็บจะไม่แสดงข้อความหรือ error อะไรออกมา ทำให้เราเห็นเป็นหน้าขาว ๆ โล่ง ๆ วิธีที่จะทำให้ WordPress บอกเราว่าเกิดอะไรขึ้น เราจะได้นำข้อมูลที่ได้ไปวิเคราะห์หาสาเหตุและวิธีแก้กันต่อไป วิธีก็คือให้เราไปที่ไฟล์ wp-config.php แล้วมองหาบรรทัดนี้ define( 'WP_DEBUG', false); แก้จาก false เป็น true ก็จะได้แบบนี้ define( 'WP_DEBUG', true); save แล้วลองเปิดหน้าเว็บดูก็จะเจอ ข้อความหรือ error ที่ WordPress ส่งออกมาให้เราดูเราก็นำข้อความตรงนี้ไป Search Google เพื่อหาวิธีแก้ไขต่อไปครับ 2.ปิด Plugin ให้หมดทุกตัว WordPress หน้าขาว...
วิธีติดตั้ง AMP
วิธีติดตั้ง AMP ใน WordPress ที่ทำให้บทความเราโหลดได้เร็วขึ้นมากกกกกกกก คิดเป็น 1/4 วิ ชนิดที่ว่า ดอมทอเร็ตโต้ยังต้องซูฮกให้วิธีติดตั้ง AMP ใน WordPress จากบทความที่แล้วที่ผมเขียนไว้คือ วิธีติดตั้ง Facebook Instant Articles สำหรับ WordPress หลังจากลองทำดูแล้วก็ร้องโหหหหห โหลดไวจังวะ แต่มันยังอีกวิธีที่สามารถทำให้หน้าบทความเราโหลดได้ไวไม่แพ้ Facebook Instant Articles เลยนั่นก็คือ AMP นั่นเอง เราไปดูกันเลยว่ามีขั้นตอนการทำอะไรบ้าง1. AMP โหลด แล้ว Activate ปลั๊กอินให้เรียบร้อย แค่นี้แหละ เสร็จแล้วเสร็จแล้วจริง ๆ นะก็ปลั๊กอินตัวนี้มันมีแค่นี้แหละติดตั้งแล้วก็จบ ลองเข้าหน้าบทความไหนดูสักหน้าก็ได้ แล้วเติม /amp ต่อท้าย url เราก็จะเจอกับบทความที่ปลั๊กอินมันแปลงให้ หน้าตาก็จะโล้น ๆ หน่อย ตัดโน่นตัดนี่หมด แทบไม่เหลืออะไรเลย เหลือแต่บทความเพียว ๆ ก็ไม่แปลกที่มันจะโหลดไว ตัดออกซะขนาดนั้นตอนผมทำแรก ๆ ก็เฮ้ยแล้วยังงี้ใครมันจะบ้ามาเติม /amp ท้ายบทความทุกครั้งที่จะเปิดเว็บล่ะ จริงมั๊ย ตอนแรกผมก็คิดวิธีว่าจะทำยังไงให้ user ไม่ต้องมาเติม /amp อารมณ์ประมาณว่าเปิดแล้วให้วิ่งไปหน้าเว็บเวอร์ชั่น...
ระบบลางานออนไลน์
ใครที่กำลังหาแนวทางหรือมีแผนว่าจะทำระบบลาให้พนักงานใช้แนะนำให้อ่านบทความนี้ครับ เพราะ ระบบลางานออนไลน์ ใน WordPress ก็มีให้ใช้และที่สำคัญคือมันฟรี ไม่เสียตังค์ เพียงแค่โหลดปลั๊กอินนี้มาติดตั้งและตั้งค่าโปรแกรมอีกสักเล็กน้อยก็พร้อมใช้งานแล้วครับระบบลางานออนไลน์ ด้วย WordPress ผมขอเกริ่นให้ฟังก่อน แรกเริ่มเลยบริษัทที่ผมทำงานอยู่เช่าใช้ระบบลางานออนไลน์แห่งหนึ่งอยู่ คิดเป็นรายเดือนก็ เดือนละประมาณ 9 พันกว่าบาท ฟีเจอร์หลัก ๆ ที่  User ใช้งานก็มีตามนี้พนักงานลางาน ส่งเมลแจ้งหัวหน้างาน หัวหน้างาน อนุมัติ/ไม่อนุมัติ ส่งเมลแจ้งผลกลับไปยังพนักงานที่ขอลาฟีเจอร์สำหรับ HR ใช้งานก็มีตามนี้เพิ่มข้อมูลพนักงาน แผนก กำหนดประเภทการลา ลากิจ ลาป่วย ลาบวช ลาคลอด ลาอะไรก็ว่าไปขึ้นอยู่กับความต้องการ Assign ประเภทการลาที่สร้างจากข้อ 1 ให้กับพนักงานโดยแต่ละประเภทการลากับพนักงานแต่ละคนก็ไม่เหมือนกัน เช่น พนักงานหญิงก็จะมีสิทธ์ลาคลอด พนักงานชายก็มีสิทธ์ลาบวช อะไรประมาณนี้ สามารถ Approve หรือ Reject ลาที่พนักงาน Request เข้ามาได้ ในกรณีที่หัวงานไม่ได้อนุมัติให้หรือเหตุผลอื่น ๆ ตั้งได้ว่าพนักงานแผนกนี้ Request ลาแล้วให้ส่งไปหาใคร ส่วนใหญ่ก็จะเป็น Manager ของแผนกนั้น ๆ เป็นต้น ...
วิธีส่งเมลแจ้งเตือนแอดมินเมื่อ User Login เข้าสู่ระบบผิด
วิธีส่งเมลแจ้งเตือนแอดมินเมื่อ User Login เข้าสู่ระบบผิด บทความนี้ CodingDee จะมาแนะนำวิธีทำ มาดูกันเลยว่าทำยังไงเพิ่มโค๊ดชุดนี้เข้าไปที่ไฟล์ function.php function.php จะอยู่ใน /public_html/wp-content/themes/your-theme add_action( 'wp_login_failed', 'codingdee_notify_failed_login' ); function codingdee_notify_failed_login( $user_login ) { date_default_timezone_set("Asia/Bangkok"); $subject = 'Invalid Login Attempt'; $content = 'Description'. "<br>"; $content .= 'User: '.$user_login."<br>"; $content .= 'Date: '.date('d/m/Y H:i:s')."<br>"; if ( ! empty( $_SERVER ) ) { //check ip from...