WordPress

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

วิธีป้องกันเมื่อโดน Copy บทความ

วิธีป้องกัน การโดน Copy บทความด้วย JavaScript

ผมเขียนบทความวิธีป้องกันนี้ขึ้นมาเนื่องจากว่ามีเพื่อนสมาชิกท่านหนึ่งในกลุ่ม 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 มาด้วย ข้อความที่เรากำหนดไว้ ตัวอย่างข้อความที่ผมกำหนดไว้คือ...

Clear Cache CloudFlare ด้วย W3 Total Cache

Clear Cache ให้หน่อยสิ  ผมเชื่อว่านี่คงจะเป็นประโยคติดหูอีกประโยคที่ได้ยินบ่อยมากถึงมากที่สุด สำหรับคนทำเว็บ บทความนี้เราจะเอา CloudFlare มาเชื่อมต่อกับ W3 Total Cache กันคงไม่มีใครที่ไม่รู้จัก CloudFlare ใช่ไหมครับ ใครยังไม่รู้จักไปอ่านก่อนเลย รู้จักกับ Cloudflare พร้อมวิธีติดตั้ง HTTPS ให้กับเว็บแบบฟรี ๆ ไม่มีค่าใช้จ่าย  ของเค้าดีจริง ก่อนที่จะลงมือทำ เว็บคุณต้อง... เว็บคุณต้องใช้ WordPress ( ไม่ต้องบอกก็ได้มั้งข้อนี้ ฮ่า ๆ ) เว็บคุณต้องเชื่อมต่อ CloudFlare ไม่งั้นทำไม่ได้นะ...
Google Tag Manager สำหรับ WordPress

Google Tag Manager สำหรับ WordPress

Google Tag Manager เครื่องมือสุดเจ๋งที่ช่วยให้การทำงานของเราสบายขึ้นชนิดหน้ามือเป็นหลังมือ ใครติด Google Analytics แบบเดิม ๆ อยู่ แนะนำให้เปลี่ยนมาใช้แล้วชีวิตจะมีเวลาว่างเพิ่มขึ้นอีกเยอะ Google Tag Manager คืออะไร ? ก่อนอื่นผมขอใช้คำย่อ Google Tag Manager ว่า gtm นะครับ gtm ก็คือเครื่องมืออีกที่ google ออกมาไว้ให้เราใช้สำหรับจัดการกับ tracking code ต่าง ๆ ภายในเว็บเรา ตัวอย่าง สมมุติว่าผมต้องการจะติด Google Analytics ผมก็ต้องส่ง code...
google-rich-snippet-for-woocommerce

แจกปลั๊กอินสร้าง Rich Snippet สำหรับ WooCommerce

สวัสดีปีใหม่ปีกุน 2019 หลังจากที่ผมหายไปนานมาก ไม่ได้มาเขียนบทความให้อ่านกันเลย สำหรับบทความนี้ผมเลยเขียนปลั๊กอินแจกฟรีซะเลย สำหรับใครที่ใช้ woocommerce อยู่เชิญโหลดได้ตามอัธยาศัย Rich Snippet คืออะไร ? สำหรับใครที่ยังไม่ทราบว่ามันคืออะไรอ่านบทความนี้ก่อนนะ Google Rich Snippet สิ่งสำคัญที่คนทำเว็บต้องรู้ ส่วนใครทราบแล้วหรือขี้เกียจอ่าน ข้ามตรงนี้ไปส่วนต่อไปกันได้เลย วิธีใช้งาน ปลั๊กอินนี้ไม่ต้องตั้งค่าอะไร ลงเสร็จใช้งานได้เลย เหมาะสำหรับใครที่เขียนโค๊ด schema ไม่เป็นหรือขี้เกียจเขียน ผมเองก็เขียนไว้ใช้งานเองเห็นว่าสะดวกดีเลยนำมาแจกเป็นของขวัญปีใหม่ให้ทุกท่านได้ใช้งานกันนะครับ โหลดปลั๊กอินที่นี่ วิธีเช็ค Rich Snippet หลังจากเราติดตั้งปลั๊กอินเสร็จแล้วให้เปิด url นี้ คลิก หลังจากนั้นให้เราไป copy url หน้าสินค้าแล้วนำมาใส่ตามตัวอย่างภาพด้านล่างนี้ สังเกตุที่คอลัมน์ขวามือ กดที่ดูตัวอย่าง หน้าตา Rich Snippet จะออกมาประมาณนี้ จบแล้ว หวังว่าจะมีประโยชน์กับผู้อ่านทุกท่านนะครับหากอ่านแล้วชอบบทความจาก CodingDee ก็ฝาก กดไลค์เพจ ด้วยนะครับ จะได้ไม่พลาดข่าวสารเทคนิคดี...
Invisible reCaptcha

Invisible reCaptcha ปลั๊กอินป้องกันสแปมสำหรับ WordPress

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

แจกปลั๊กอิน เปลี่ยนปุ่ม Add to Cart เป็นปุ่มแชทกับร้านค้า

แจกปลั๊กอิน เปลี่ยนปุ่ม Add to Cart ใน WooCommerce เป็นปุ่ม Facebook Messenger เพื่อให้ลูกค้า Chat สอบถามรายละเอียดก่อนสั่งซื้อ แจกปลั๊กอิน เปลี่ยนปุ่ม Add to Cart เป็นปุ่มแชทกับร้านค้า สืบเนื่องจาก SeedThemes ได้แนะนำ วิธี เปลี่ยนปุ่ม Add to Cart เป็นปุ่มที่กดแล้วแชทกับร้านค้าได้ ใน WooCommerce ผมก็เห็นว่าเป็นวิธีที่เจ๋งดีเลยแชร์มาที่เพจ CodingDee ให้ลูกเพจบ้างเผื่อใครยังไม่รู้ หลังจากแชร์ไปก็มี Request เข้ามาเยอะมาก ทำเป็นปลั๊กอินให้หน่อยสิ แอดทำปลั๊กอินได้ไหม สุดท้ายผมเลยทำเป็น Plugin...
WordPress หน้าขาว

WordPress หน้าขาว แก้ได้ง่าย ๆ ใน 5 วิธีนี้

WordPress หน้าขาว ปัญหายอดฮิตอีกปัญหาที่คนทำ WordPress ต้องพบเจออยู่เป็นประจำ บทความนี้ CodingDee จะพามาดูวิธีรับมือเมื่อ WordPress ขึ้นหน้าขาว โล่ง ๆ ไม่มีอะไรเลย มาดูกันครับ WordPress หน้าขาว แก้ได้ง่าย ๆ CodingDee ได้รวบรวมวิธีแก้ปัญหาไว้ให้ 5 วิธีลองเลือกนำไปปรับใช้ดูครับ 1. เปิดโหมด Debug Default ของ WordPress จะปิดโหมดนี้ไว้เพื่อความปลอดภัยครับ เว็บจะไม่แสดงข้อความหรือ error อะไรออกมา ทำให้เราเห็นเป็นหน้าขาว ๆ โล่ง ๆ วิธีที่จะทำให้ WordPress...
ป้องกัน wp-login.php

ป้องกัน wp-login.php ด้วย Http Authentication

บทความนี้ผมจะมาแบ่งปันวิธีการทำ http authentication ให้กับ wp-login โดยไม่ต้องใช้ plugin กันครับ มีอยู่ไม่กี่ขั้นตอน ง่าย ๆ เลย.... บอกก่อนว่าผมเป็นคนประเภทที่พยายามใช้ plugin ให้น้อยที่สุดเท่าที่จะเป็นไปได้ อะไรไม่จำเป็นจริง ๆ จะไม่ใช้เลย เพราะ plugin ยิ่งเยอะเท่าไหร่ก็ส่งผลต่อ performance เว็บเรามากเท่านั้น วิธีที่จะป้องกัน wp-login เนี่ยถ้าใช้ plugin มันก็มีให้เลือกหลายวิธีไม่ว่าจะเป็น captcha เพื่อป้องกัน Bruteforce หรือ hide wp-login ซ่อนไฟล์ login...
WP Optimize

WP Optimize ปลั๊กอินกำจัดขยะสำหรับเวิร์ดเพรส

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

Revision WordPress คืออะไร

Revision wordpress คืออะไร ? เป็นคำถามที่ผมเจอถามบ่อย ๆ เข้ามาทาง facebook เลยเอามาเขียนอธิบายไว้สักหน่อยว่ามันคืออะไร มีข้อดี ข้อเสียอะไรบ้าง Revision Wordpress คืออะไร มันก็คือระบบที่ Wordpress ใช้เก็บประวัติการเปลี่ยนแปลงของข้อมูลเนื้อหาต่าง ๆ ที่เรามีการแก้ไขในระบบไม่ว่าจะเป็นการปรับปรุงเนื้อหา ปรับปรุงฟอนต์ เปลี่ยนรูปภาพ เปลี่ยนชื่อ หรืออะไรก็ตามที่ทำให้ข้อมูลเกิดการเปลี่ยนแปลง ระบบมันจะเก็บ Revision ไว้ทั้งหมด อารมณ์ประมาณ System Restore ของ Windows หรือ Time Machine ใน Mac...

Google Tag Manager

Ecommerce Tracking For Woocommerce

Ecommerce Tracking สร้างได้ใน 7 ขั้นตอน ช่วยให้เราวัดผล Conversion บนเว็บไซต์ได้ง่ายขึ้น เหมาะสำหรับทีม Marketing เพื่อวิเคราะห์ข้อมูลการสั่งซื้อสินค้า..  Ecommerce Tracking สำหรับใครที่ยังไม่รู้ว่า E-commerce Tracking...