WordPress

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

ปลั๊กอินเวิร์ดเพรส
ปลั๊กอินเวิร์ดเพรส นี้จะเพิ่มกล่องแจ้งระยะเวลาที่ลูกค้าจะได้รับสินค้าในหน้าสั่งซื้อ จากที่ผมทดสอบใช้จริงและวัดผลด้วยการทำ 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...
404 not found with rank math seo
วิธีรับมือกับปัญหา 404 not found ด้วยเครื่องมือที่ชื่อ Rediretions ซึ่งเป็นฟีเจอร์ที่มีอยู่ในปลั๊กอิน Rank Math SEO ครับ โดยบทความนี้ผมจะแนะนำวิธีใช้งานกันว่ามีวิธีทำอย่างไรบ้าง 404 Not Found คืออะไร ? คือหน้าเว็บที่ไม่มีอยู่หรือหายไปจากเว็บเราแล้ว เมื่อ user หรือ bot เข้ามาที่หน้านี้ก็จะเจอกับหน้า 404 ลักษณะคล้าย ๆ ตามภาพด้านล่างนี้ จะรู้ได้ยังไงว่าเว็บเรามีลิงก์ 404 not found เช็คจาก Google Search Console ดูในส่วนของ Crawl Error หากใครใช้ปลั๊กอิน Rank Math SEO อยู่แล้ว ก็สามารถเข้าไปดูได้ในเมนู 404 Monitor วิธีตั้ง Redirect 301 ทำผ่านไฟล์ .htaccess โดยเพิ่มโค๊ดนี้เข้าไป url เก่าที่เราต้องการจะให้ redirect ไปยัง url ใหม่เช่น Redirect 301 /register/ /account/ โค๊ดบรรทัดนี้จะทำงานเมื่อ...
วิธีป้องกันเมื่อโดน Copy บทความ
ผมเขียนบทความวิธีป้องกันนี้ขึ้นมาเนื่องจากว่ามีเพื่อนสมาชิกท่านหนึ่งในกลุ่ม WordPress Bangkok โดนคัดลอกบทความที่เค้าเขียนขึ้นมาโดยไม่ให้เครดิตหรือลิงค์กลับมาที่บทความต้นฉบับเลย ผมนึกขึ้นได้ว่าเคยเจอโค๊ดป้องกันการคัดลอกบทความที่ช่วยป้องกันไม่ให้คัดลอกบทความของเรา (ไปได้ง่าย ๆ) ด้วย javascript ไปดูวิธีกันเลยครับ วิธีป้องกัน การโดน Copy บทความด้วย   JavaScript เพิ่มโค๊ดชุดนี้เข้าที่  footer.php <script type="text/javascript"> document.addEventListener('copy', function(e){ e.clipboardData.setData('text/plain', 'Original Content By CodingDee.comrn'); e.preventDefault(); }); </script> การทำงานของโค๊ดชุดนี้คือ ตรวจสอบว่าเมื่อมีการกด Copy ไม่ว่าจะเป็น คลิกขวาแล้วกด Copy หรือกด Control + C โค๊ดจะทำการแทนที่ข้อความที่ Copy มาด้วย ข้อความที่เรากำหนดไว้ ตัวอย่างข้อความที่ผมกำหนดไว้คือ Original Content By CodingDee.com ใครจะเปลี่ยนก็เปลี่ยนตรงนี้นะครับเป็นข้อความที่เราต้องการตามใจชอบเลย สิ่งที่ควรทำ ก่อนจะโดน Copy บทความหรือโดนแล้วก็ทำได้ครับ คนที่มา Copy เราเค้าจะได้ทำได้ลำบาก ใส่ความเป็นตัวตนหรือเอกลักษณ์ของเราลงไปเช่น แทนสรรพนามที่เรียกตัวเราเองเป็นชื่อ เว็บเราหรือเป็นชื่อเราไปเลยแบบนี้คนที่ Copy ไปก็ต้องลำบากขึ้นอีกหน่อยต้องมาไล่เปลี่ยนตรงนี้ วิธีจากคุณ Woravut Ikssn Srianant แนะนำว่า "เวลาเขียนเรื่องใหม่ๆ จะพยายามใส่ลิ้งในเนื้อหาให้วิ่งไปหาหน้าหลักหรือหน้าเดียวกันนี้ของเว็บเรา แล้วส่ง url เข้าไปในเครื่องมือเว็บมาสเตอร์ของ search engine...
live chat WordPress
Live Chat WordPress จริง ๆ แล้วมีน้องคนนึงทักเข้ามาในเพจนานแล้วให้ผมเขียนเรื่องนี้ แต่เนื่องจากปลายปีที่ผ่านมาผมยุ่งมาก ๆ เลยไม่ได้เขียนให้ เริ่มปีใหม่มาเลยจะเคลียร์บทความที่ค้างคากับลูกเพจไว้สักหน่อย (ค้างอยู่หลายคนมาก) Live Chat WordPress Chat ง่าย ๆ ด้วย Facebook Messenger แบบไม่ต้องใช้ปลั๊กอิน WordPress มีปลั๊กอินสำหรับที่สามารถทำ chat อยู่หลายตัวก็จริงแต่ผมเองเป็นประเภทที่ไม่ชอบลงปลั๊กอิน (ถ้าไม่จำเป็น) ซึ่งเมื่อปลายปีที่ผ่านมาเฟสบุ๊คเองก็ปล่อยฟีเจอร์สำหรับให้ลูกค้าที่เข้าเว็บมาสามารถ chat ผ่านหน้าเว็บได้เลยโดยที่เราแทบจะไม่ต้องทำอะไรเลยมีขั้นตอนเล็ก ๆ น้อย ๆสำหรับเปิดใช้งานซึ่งตรงกับความต้องการของผมมาก ผมเลยทดลองนำมาติดใส่ CodingDee.com ดูซะเลยใช้เวลาจริง ๆ ไม่เกิน 5 นาทีก็เสร็จแล้วหากใครอยากลองทำบ้างก็สามารถทำตามขั้นตอนด้านล่างนี้ได้เลยครับ ข้อกำหนดในการใช้งานมี 3 ข้อ เว็บที่จะใช้งาน Messenger ได้ต้องติดตั้ง HTTPS แล้วเท่านั้น ใช้ชื่อโดเมนเท่านั้น เช่น https://codingdee.com สำหรับการใส่ไว้ในไวท์ลิสต์ ไม่รองรับที่อยู่ IP และ localhost สำหรับการใส่ไว้ในไวท์ลิสต์ วิธีในการติดตั้งมีอยู่ 3 ขั้นตอนง่ายมาก 1.เราต้องมี App ID สำหรับจะใช้งานกันก่อนใครยังไม่มีไปสร้างมาก่อนนะครับ สร้าง App 2.เพิ่มโดเมนเราเข้าไว้ใน Whitelist โดยเข้าไปที่เพจที่เราต้องการแล้วเลือก...
วิธีซ่อนเวอร์ชั่น 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
ปลั๊กอิน wordpress 7 ปลั๊กอินที่ต้องลงทุกครั้งเมื่อทำเว็บ สำหรับบทความนี้ผมก็ได้รวบรวมรายชื่อปลั๊กอินยอดนิยมที่ผมลงทุกครั้งที่ทำเว็บมาให้ดูกันครับ เชื่อว่าหลาย ๆ คนคงมีรายชื่อปลั๊กอินที่ชอบเหมือนผม มาดูกันว่ามีปลั๊กอินอะไรบ้าง  ปลั๊กอิน wordpress 7 ปลั๊กอินที่ต้องลงทุกครั้งเมื่อทำเว็บ 1.iThemes Security สำหรับปลั๊กอินนี้ บอกได้คำเดียวว่า ต้องลง ไม่ลงไม่ได้เป็นปลั๊กอินที่ช่วยเสริมความปลอดภัยให้กับเว็บเรา ป้องกันและอุดช่องโหว่ต่าง ๆ ที่เสี่ยงต่อการโดนแฮคหรือโดนมัลแวร์ สาเหตุที่ผมแนะนำตัวนี้เพราะ เบา ไม่กินทรัพยากรเว็บมาก ใช้เวลาเรียนรู้น้อย ไปอ่านเพิ่มเติมได้ที่นี่ เสริมเกราะให้เวิร์ดเพรสด้วย iThemes Security ตอนที่ 1 โหลดที่นี่ 2.Yoast SEO ปลั๊กอินนี้คงไม่มีใครไม่รู้จัก เป็นปลั๊กอินที่ช่วยเช็คคะแนนการ Set Onpage ว่าตรงตามมาตรฐานการทำ Seo อยู่ในระดับใดโดยสังเกตได้จาก สีที่เป็นตัวบ่งบอกสถานะว่าหน้านี้เรา Set onpage ได้ดีระดับไหน สีเขียวคือ ดี - ดีมาก สีส้มคือ พอใช้ สีแดงคือ แย่ นอกจากนี้ยังช่วยในเรื่องของการ Set รูปภาพ Set รายละเอียดเมื่อเรานำบทความนั้นไปแชร์ตาม Social ต่าง ๆ เช่น Facebook, Twitter เป็นต้น โหลดที่นี่ สำหรับวิธีใช้งานอ่านได้ที่นี่ครับ การใช้ Yoast SEO เขียนบทความอย่างไร...
ปลั๊กอิน
แจกปลั๊กอิน เปลี่ยนปุ่ม 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 Spam Register
ขึ้นชื่อว่า Spam ใคร ๆ ก็ไม่อยากจะเจอ WordPress Spam Register ผมเองก็เคยเจอปัญหานี้มาและมีวิธีป้องกันอยู่ 2 วิธีเลยเอามาเขียนไว้สักหน่อยเผื่อใครที่เจอปัญหาเดียวกันนี้จะได้นำไปใช้ได้ด้วย คำถามจากสมาชิกในกรุ๊ป WordPress เค้าถามมาว่า WordPress Spam Register และวิธีป้องกัน โดน bot register รัว ๆ เลยครับ แก้ไงดี วิธีที่ 1. เพิ่ม code ชุดนี้เข้าไปใน function.php add_filter( 'pre_user_email', 'allow_email_signups' ); function allow_email_signups( $user_email ) { $allow_domain = array( 'hotmail.com', 'gmail.com', 'yahoo.com', 'hotmail.co.th', 'yahoo.co.th' ); // Get visitor email domain $email =...
ระบบลางานออนไลน์
ใครที่กำลังหาแนวทางหรือมีแผนว่าจะทำระบบลาให้พนักงานใช้แนะนำให้อ่านบทความนี้ครับ เพราะ ระบบลางานออนไลน์ ใน WordPress ก็มีให้ใช้และที่สำคัญคือมันฟรี ไม่เสียตังค์ เพียงแค่โหลดปลั๊กอินนี้มาติดตั้งและตั้งค่าโปรแกรมอีกสักเล็กน้อยก็พร้อมใช้งานแล้วครับ ระบบลางานออนไลน์ ด้วย WordPress ผมขอเกริ่นให้ฟังก่อน แรกเริ่มเลยบริษัทที่ผมทำงานอยู่เช่าใช้ระบบลางานออนไลน์แห่งหนึ่งอยู่ คิดเป็นรายเดือนก็ เดือนละประมาณ 9 พันกว่าบาท ฟีเจอร์หลัก ๆ ที่  User ใช้งานก็มีตามนี้ พนักงานลางาน ส่งเมลแจ้งหัวหน้างาน หัวหน้างาน อนุมัติ/ไม่อนุมัติ ส่งเมลแจ้งผลกลับไปยังพนักงานที่ขอลา ฟีเจอร์สำหรับ HR ใช้งานก็มีตามนี้ เพิ่มข้อมูลพนักงาน แผนก กำหนดประเภทการลา ลากิจ ลาป่วย ลาบวช ลาคลอด ลาอะไรก็ว่าไปขึ้นอยู่กับความต้องการ Assign ประเภทการลาที่สร้างจากข้อ 1 ให้กับพนักงานโดยแต่ละประเภทการลากับพนักงานแต่ละคนก็ไม่เหมือนกัน เช่น พนักงานหญิงก็จะมีสิทธ์ลาคลอด พนักงานชายก็มีสิทธ์ลาบวช อะไรประมาณนี้ สามารถ Approve หรือ Reject ลาที่พนักงาน Request เข้ามาได้ ในกรณีที่หัวงานไม่ได้อนุมัติให้หรือเหตุผลอื่น ๆ ตั้งได้ว่าพนักงานแผนกนี้ Request ลาแล้วให้ส่งไปหาใคร ส่วนใหญ่ก็จะเป็น Manager ของแผนกนั้น ๆ เป็นต้น ...

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

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

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

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

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

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

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

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

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