WordPress

เทคนิค wordpress ต่าง ๆ ที่ CodingDee ใช้ในการทำเว็บและนำมาเขียนเป็นบทความไว้เพื่อแบ่งปันให้ผู้อื่นที่พบปัญหาแบบเดียวกันสามารถนำไปใช้แก้ปัญหาได้ด้วยตนเอง

ปลั๊กอิน
แจกปลั๊กอิน เปลี่ยนปุ่ม 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 ก็เป็นอันจบ ใช้งานได้เลย จบแล้ว อย่าลืมลงปลั๊กอิน...
ป้องกัน wp-login.php
บทความนี้ผมจะมาแบ่งปันวิธีการทำ http authentication ให้กับ wp-login โดยไม่ต้องใช้ plugin กันครับ มีอยู่ไม่กี่ขั้นตอน ง่าย ๆ เลย.... บอกก่อนว่าผมเป็นคนประเภทที่พยายามใช้ plugin ให้น้อยที่สุดเท่าที่จะเป็นไปได้ อะไรไม่จำเป็นจริง ๆ จะไม่ใช้เลย เพราะ plugin ยิ่งเยอะเท่าไหร่ก็ส่งผลต่อ performance เว็บเรามากเท่านั้น วิธีที่จะป้องกัน wp-login เนี่ยถ้าใช้ plugin มันก็มีให้เลือกหลายวิธีไม่ว่าจะเป็น captcha เพื่อป้องกัน Bruteforce หรือ hide wp-login ซ่อนไฟล์ login เป็นชื่ออื่น หรือเปลี่ยน url เข้าหลังบ้าน หรือ ..... วิธีอื่น ๆ อีกเยอะแยะไปหมดสุดท้ายผมก็ไปเจอวิธี ป้องกัน wp-login ด้วย http authentication มา หลังจากลองใช้ดูแล้วก็รู้สึกว่า เออมันก็เจ๋งดีแฮะ ไม่ต้องใช้ plugin มาให้หน่วงเว็บเราเลยแถมขั้นตอนการทำก็ไม่ยุ่งยากมีอยู่ไม่กี่ขั้นตอนเองเลยอยากเอามาแบ่งปันให้คนอื่นหรือใครที่ไม่อยากใช้ plugin เยอะ ๆ เหมือนผมได้ลองเอาไปใช้กันดูครับ มาดูขั้นตอนการทำ http authentication ว่ามีอะไรบ้าง 1.สร้างไฟล์ชื่อว่า .htpasswd โดยไฟล์นี้เราจะเอาไว้เก็บ...
ปลั๊กอินเวิร์ดเพรส
ปลั๊กอินเวิร์ดเพรส นี้จะเพิ่มกล่องแจ้งระยะเวลาที่ลูกค้าจะได้รับสินค้าในหน้าสั่งซื้อ จากที่ผมทดสอบใช้จริงและวัดผลด้วยการทำ A/B Testing ได้ผลออกมาว่าหน้าที่มีการแจ้งระยะเวลารับสินค้า Conversion Rate เพิ่มขึ้นจากเดิมถึง 17.5% เลย ผมเลยเขียนเป็น Plugin มาแจกซะเลย ปลั๊กอินเวิร์ดเพรส นี้จะช่วยลดจำนวนคำถามจากลูกค้าให้น้อยลงได้ เว็บไซต์ใหญ่ ๆ อย่าง Lazada, Apple เค้าก็จะมีการแจ้งระยะเวลาที่คาดว่าจะได้รับสินค้าไว้ในขั้นตอนการสั่งซื้อเลย เพื่อให้ลูกค้าทราบและลดจำนวนการสอบถามเข้ามายัง Call center หรือที่เว็บไซต์เอง ลดทั้งจำนวนงานที่ต้องคอยตอบคำถามและเพิ่มประสิทธิภาพให้เว็บไซต์ไปในคราวเดียว ขายดีขึ้นกว่าเดิม จากที่ผม monitor ดูหลังบ้านจะมีลูกค้าที่ส่งอีเมลหรือโทรศัพท์เข้ามาสอบถามบ่อยครั้ง ว่าสั่งสินค้าไปแล้ววันไหนจะได้รับสินค้า เป็นคำถามยอดฮิตคำถามหนึ่งที่ถามบ่อยมาก ผมเองแก้ไขโดยเพิ่มไว้ใน FAQ จนมาเจอวิธีนี้ที่ผมเองได้นำไปใช้จริงและได้ผลดีเกินคาดคือ ลูกค้าถามเข้ามาน้อยลงกว่าเดิมมากและ conversion rate เพิ่มขึ้น 17.5% เรียกให้เข้าใจง่าย ๆ ว่าขายดีขึ้นกว่าเดิม 17.5% ตัวเลขนี้มาจากการทำ A/B Testing นะครับ ไว้บทความหน้าผมจะนำมาเขียนให้อ่านกันว่าทำ A/B Testing เนี่ยทำไปทำไม มีข้อดียังไง ทำไมถึงต้องทำ ตัวอย่างหลังจากติดตั้งปลั๊กอิน โหลดกันเลย คลิกที่นี่ จบแล้ว หากอ่านแล้วชอบบทความจาก CodingDee ก็ฝาก กดไลค์เพจ ด้วยนะครับ จะได้ไม่พลาดข่าวสารเทคนิคดี ๆ จากเรา หรือติดปัญหาตรงไหนก็คอมเมนต์ไว้ด้านล่างนี้ได้ ไว้พบกันบทความต่อไปครับ
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...
ecommerce tracking
Ecommerce Tracking สร้างได้ใน 7 ขั้นตอน ช่วยให้เราวัดผล Conversion บนเว็บไซต์ได้ง่ายขึ้น เหมาะสำหรับทีม Marketing เพื่อวิเคราะห์ข้อมูลการสั่งซื้อสินค้า..  Ecommerce Tracking สำหรับใครที่ยังไม่รู้ว่า E-commerce Tracking คืออะไร แล้วทำไปทำไม ผมจะอธิบายให้เข้าใจในเบื้องต้นก่อนนะครับ E-commerce Tracking ก็คือการติดตามพฤติกรรมการซื้อของลูกค้าที่เข้ามาซื้อสินค้าภายในเว็บไซต์ของเรา ว่าเค้ามีพฤติกรรมการใช้งานอย่างไรบ้างเช่น ลูกค้าเข้าเว็บเรามาจากช่องทางไหน อาจจะมาจาก Facebook หรือมาจาก Google Search เป็นต้น สินค้าในเว็บเราถูกขายไปแล้วรวมทั้งหมดเป็นเงินกี่บาท สินค้าชนิดไหนขายดีที่สุด ลูกค้าชำระเงินผ่านช่องทางไหนมากที่สุด ลูกค้าเลือกช่องทางจัดส่งสินค้าช่องทางไหนมากที่สุด ถ้าเรามีข้อมูลพวกนี้จะเป็นประโยชน์อย่างมากช่วยให้เราสามารถวิเคราะห์ได้ว่าเราจะวางแผนทำอะไรต่อไปเพื่อเพิ่ม Conversion Rate (เปอร์เซ็นต์การสั่งซื้อสินค้าภายในเว็บไซต์) ให้มากขึ้น ยกตัวอย่าง จากการวิเคราะห์ข้อมูลแล้วเราพบว่า ลูกค้าส่วนใหญ่มาจาก Google Search เข้ามาทางบทความ A นั้นหมายความว่า บทความ A เป็นบทความที่ส่งผลต่อการตัดสินใจซื้อของลูกค้า แสดงว่าเราต้องให้ความสำคัญกับบทความ A นี้เป็นพิเศษ อาจจะทำ Optimize หน้านี้ให้โหลดเร็วมากขึ้น ลูกค้าจะได้ไม่ต้องรอนาน ถ้าหน้าเว็บโหลดนานก็มีโอกาสที่ลูกค้าจะปิดหน้าเว็บออกไปทำให้เสียลูกค้าไป สินค้าชนิด B ขายดีที่สุด เราก็ควรจะสั่ง stock สินค้าชนิด...
ส่งเมลไม่ออก
หากคุณกำลังเจอปัญหา "ส่งเมลไม่ออก" หรือ เมลที่ส่ง "เข้าเมลขยะ" หรือไม่รู้ว่าเมลที่ส่งแล้วไปไหน "ส่งออกไหม" "ผู้รับได้เมลไหม" "เปิดเมลอ่านหรือเปล่า" ปัญหาเหล่านี้จะหมดไปหลังจากคุณอ่านและทำตามวิธีการที่ผมกำลังจะบอกคุณต่อไปนี้ วิธีนั่นก็คือใช้ Mailgun mailgun คือผู้ให้บริการด้านอีเมลโดยเฉพาะ โดยเราจะใช้ mailgun นี้มาเป็นคนส่งเมลให้เราแทนการส่งเมลจาก host เราเอง ซึ่ง mailgun เค้าให้เราใช้งานฟรี เดือนละ 10,000 อีเมล หากมากกว่านั้นมีค่าใช้จ่ายเพิ่ม ขึ้นอยู่กับเราครับว่าหากต้องการใช้งานมากกว่านั้นก็ค่อยซื้อบริการเค้า แต่สำหรับผมแล้ว 10,000 อีเมลต่อเดือนที่เค้าให้มาก็เยอะมากแล้วครับ สิ่งแรกที่ต้องทำคือ สมัคร Account Mailgun ก่อน คลิก หลังจากสมัครเรียบร้อยแล้วให้ Login เข้าไปที่ Account เราครับ แล้วคลิกที่เมนู Domain คลิก Add Domain ใส่ชื่อ Domain ของเราลงไป เช่น mg.yourdomain.com วิธีการตั้งค่าหลังจากเราเพิ่มโดเมนเสร็จมีอยู่แค่ 3 ขั้นตอนง่าย ๆ ดังนี้ Login เข้าไปยัง DNS Provider ที่เราใช้อยู่ เพิ่ม DNS Record เข้าไปตามรายการที่ทาง mailgun ให้มา...
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 เพิ่มเติมได้ ที่นี่ หลังจากได้...
วิธีซ่อนเวอร์ชั่น 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...
revision wordpress คืออะไร
Revision wordpress คืออะไร ? เป็นคำถามที่ผมเจอถามบ่อย ๆ เข้ามาทาง facebook เลยเอามาเขียนอธิบายไว้สักหน่อยว่ามันคืออะไร มีข้อดี ข้อเสียอะไรบ้าง Revision Wordpress คืออะไร มันก็คือระบบที่ Wordpress ใช้เก็บประวัติการเปลี่ยนแปลงของข้อมูลเนื้อหาต่าง ๆ ที่เรามีการแก้ไขในระบบไม่ว่าจะเป็นการปรับปรุงเนื้อหา ปรับปรุงฟอนต์ เปลี่ยนรูปภาพ เปลี่ยนชื่อ หรืออะไรก็ตามที่ทำให้ข้อมูลเกิดการเปลี่ยนแปลง ระบบมันจะเก็บ Revision ไว้ทั้งหมด อารมณ์ประมาณ System Restore ของ Windows หรือ Time Machine ใน Mac นั่นแหละครับ วิธีดูว่า Revision Wordpress อยู่ตรงไหน ก่อนอื่นเลยให้เรา login เข้าหลังบ้าน wordpress ก่อนครับแล้วลองเข้าไปเลือก หน้าหรือเรื่อง ขึ้นมาจากภาพนี้ผมเลือกเรื่องที่กำลังเขียนมาให้ดูเป็นตัวอย่างครับ จากรูปนี้ระบบเก็บการเปลี่ยนแปลงที่เกิดขึ้นกับ เรื่องนี้ไว้ทั้งหมด 5 version ซึ่งถ้าหากวันไหนที่เราต้องการจะย้อนกลับไปเป็น version ก่อนหน้าก็สามารถทำได้ครับโดยคลิกที่ เรียกดู ตามภาพ ลองคลิกเลื่อนตรงลูกศร ซ้ายขวา ดูครับ ระบบจะแสดงความแตกต่างระหว่าง version ที่เราเลือก โดย กรอบทางซ้ายมือคือ version...
Clear Cache ให้หน่อยสิ  ผมเชื่อว่านี่คงจะเป็นประโยคติดหูอีกประโยคที่ได้ยินบ่อยมากถึงมากที่สุด สำหรับคนทำเว็บ บทความนี้เราจะเอา CloudFlare มาเชื่อมต่อกับ W3 Total Cache กันคงไม่มีใครที่ไม่รู้จัก CloudFlare ใช่ไหมครับ ใครยังไม่รู้จักไปอ่านก่อนเลย รู้จักกับ Cloudflare พร้อมวิธีติดตั้ง HTTPS ให้กับเว็บแบบฟรี ๆ ไม่มีค่าใช้จ่าย  ของเค้าดีจริง ก่อนที่จะลงมือทำ เว็บคุณต้อง... เว็บคุณต้องใช้ WordPress ( ไม่ต้องบอกก็ได้มั้งข้อนี้ ฮ่า ๆ ) เว็บคุณต้องเชื่อมต่อ CloudFlare ไม่งั้นทำไม่ได้นะ วิธีทำก็อ่านจากลิงก์ข้างบนที่ผมแปะไว้ได้เลย เว็บคุณต้องติดตั้ง Plugin W3 Total Cache ถ้ามี Plugin Cache ตัวอื่นอยู่ลบออกก่อน ไม่งั้นเกิดเว็บพังขึ้นมาไม่รู้ด้วยนะ อ่านบทความนี้แล้วจะได้อะไร ? ประโยชน์ที่คุณจะได้จากการ อ่านบทความนี้จบและลงมือทำ คือ ไม่ต้องมาคอยเคลียร์แคชให้กับทีม Developer อีกต่อไป เพราะเค้าเคลียร์แคชได้เอง คุณจะไม่ได้ยินประโยคว่า Clear Cache ให้หน่อยสิ อีกเลยหรืออาจจะมีแต่น้อยลงแน่นอน (ข้อ 1-2 นี้ผมชอบ จะได้ไม่มีใครมากวนเราบ่อย...

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

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

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

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

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

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

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

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

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