CodingDee.com

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

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

ผมเพิ่งสังเกตเห็นว่าทาง Facebook ได้เพิ่มลูกเล่นใหม่ให้เราสามารถเพิ่ม Call to action ใน Facebook Instant Articles ได้แล้ววิธีใส่ปุ่ม Call To Action สำหรับ Facebook Instant Articles มีทั้งหมด 2 แบบให้เราเลือกดังนี้Email Subscription Like boxก่อนจะทำเราต้องทำการสมัครและเปิดใช้งาน Facebook Instant Articles ให้เรียบร้อยก่อนนะครับไม่งั้นทำไม่ได้นาจา ส่วนใครยังไม่ทำไปทำมาให้เรียบร้อยก่อนดูวิธีทำที่บทความนี้   วิธีติดตั้ง facebook instant article สำหรับ WordPress ในตัวอย่างนี้ผมจะเพิ่ม CTA โดยใช้แบบที่ 2 คือ Like box นะครับ มาดูกันเลยว่าทำยังไง 1.เข้าไปที่ Facebook เลือก Publishing Tools 2.สังเกตุเมนูซ้ายมือ เลือก Instant Articles > Call-To-Action Units3.คลิก Call-To-Action Unit4.เลือก Page Likes5.ตั้งชื่อว่าอะไรก็ได้ตามใจ ผมตั้งว่า Likebox in...

หลังจากหยุดยาวสงกรานต์กันมา เรามาดู วิธีทำให้เวิร์ดเพรสโดนแฮค กันครับ ผมรับรองได้เลยว่าทำตามนี้แล้วโดน Hack แน่นอนวิธีทำให้เวิร์ดเพรสโดนแฮค 1.โหลดธีมหรือปลั๊กอินเถื่อนหรือโหลดจากแหล่งที่ไม่น่าเชื่อถือ โหลดปลั๊กอินเถื่อนเพราะฟรี ที่ไหนแจกของฟรีเราโหลดหมด เราเป็นคนประหยัด (งก) 2.ตั้งค่า Permission Folder & File เป็น 777 Permission 777 คือสิทธ์ิในการยินยอมให้ใครก็ได้สามารถสร้างหรือแก้ไขไม่ว่าจะเป็น File หรือ Folder สามารถทำได้หมด เราเป็นคนใจกว้าง ใจดี ใครอยาก สร้างหรือแก้ไขไฟล์อะไรบนเว็บเรา เรายินดี มาจัดการได้เลย 3.อย่าอัพเดทเวอร์ชั่น WordPress ,Themes, Plugin ทุกครั้งที่มีเวอร์ชั่นใหม่ออกมา อย่าอัพเดทครับ ปล่อยไว้อย่างนั้น เพราะทุก ๆ อัพเดททางผู้พัฒนาเค้าก็จะปรับปรุงโค๊ด เพิ่มประสิทธิภาพให้มันเสถียรขึ้น อุดช่องโหว่ต่าง ๆ ที่มีในเวอร์ชั่นเก่า เราไม่ชอบของใหม่ เราจะใช้ของเก่า เราเป็นนักอนุรักษ์ของเก่า เพราะฉะนั้นเราจะไม่อัพเดทอะไรทั้งสิ้น 4.ตั้ง Username ให้ง่าย ๆ ผมแนะนำให้ตั้ง Username เป็นชื่อพวกนี้admin ชื่อเว็บคุณเอง admin12345.ตั้ง Password ให้จำได้ง่าย ๆ ตั้งให้จำง่าย เข้าไว้อะไรจำยาก ๆ อย่าไปตั้งเช่นadmin1234 ...

ปลั๊กอิน 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 เขียนบทความอย่างไร...

วิธี ซ่อนเวอร์ชั่น server ที่ช่วยให้เว็บเราปลอดภัยมากขึ้น วิธีนี้เป็นวิธีง่าย ๆ ที่ช่วยเพิ่มความปลอดภัยให้เว็บเรา คงไม่ดีแน่ถ้าใครมารู้ว่าเราใช้ server อะไรอยู่ เพราะการรู้ข้อมูลพวกนี้ สามารถส่งผลให้ผู้ไม่หวังดีนำไปค้นหาช่องโจมตีได้ง่ายขึ้น เพราะเค้ารู้แล้วว่าเราใช้ server อะไร เวอร์ชั่นอะไร มาดูวิธีกันป้องกัน ง่าย ๆตรวจสอบก่อนว่า server เราแสดงข้อมูลเหล่านี้ไหม เปิดเว็บของเราขึ้นมาโดยใส่ url ตามนี้ เปลี่ยนเป็นชื่อเว็บเราเองนะครับyourdomain.com/.htaccessภาพด้านล่างนี้คือก่อนที่เราจะซ่อนเวอร์ชั่น webserver ครับ แสดงข้อมูลออกมาหมดเลย เราต้องรีบไปซ่อนกันแล้วเพิ่มโค๊ดชุดนี้เข้าไปที่ไฟล์ .htaccess #Disable server signature ServerSignature Offเรียบร้อยครับไม่แสดงข้อมูลอะไรออกมาแล้ว แค่นี้ก็ช่วยให้เว็บเราปลอดภัยขึ้นแล้วครับ จบแล้ว หากอ่านแล้วชอบบทความจาก CodingDee ก็ฝาก กดไลค์เพจ ด้วยนะครับ จะได้ไม่พลาดข่าวสารเทคนิคดี ๆ จากเรา หรือติดปัญหาตรงไหนก็คอมเมนต์ไว้ด้านล่างนี้ได้ ไว้พบกันบทความต่อไปครับ

สิ่งที่คุณจะได้จากการอ่าน วิธีติดตั้ง Facebook Instant Articles จบและลงมือทำเปิดอ่านบทความผ่าน Mobile ได้เร็วขึ้นมาก ๆ แบบเทียบกันไม่ติดเลย เพิ่ม User Experience เพราะ User ไม่ต้องรอนาน User ส่วนมากความอดทนต่ำอยู่แล้ว ลองดูตัวเราเองก็ได้ถ้าเปิดเว็บแล้ว หน้าเว็บโหลดไม่มาใน 2-3 วินาที เค้าก็ปิดไปหาดูเว็บใหม่แล้วทำไมต้องทำ Facebook Instant Articlesเพราะปัจจุบัน User ส่วนใหญ่ใช้งานผ่าน Mobile มากกว่า Desktop ลองดูตัวเราเองก็ได้ครับว่าเราใช้เวลาส่วนใหญ่อยู่หน้าจอคอมพิวเตอร์หรือหน้าจอโทรศัพท์มากกว่ากัน User ส่วนใหญ่อยู่ใน Facebook ข้อนี้คงไม่ต้องอธิบายอะไรมากเหมาะกับเว็บแบบไหนเหมาะกับเว็บที่มีบทความเช่น เว็บข่าว เว็บบล็อคต่าง ๆ เป็นต้นสมัครใช้ Facebook Instant Articlesก่อนอื่นเราต้องสมัคร Facebook Instant Articles ก่อน คลิก เข้าไปแล้วกด Sign upเลือก Page ที่เราต้องการจะทำ Facebook Instant Articles ...

เว็บล่ม เราจะรู้ได้ยังไงว่ามันล่ม ? ก็ลองเปิดเว็บดูสิว่ามันเข้าได้หรือเปล่า เป็นคำตอบที่ถูกครับ แต่ไม่ใช่วิธีที่ดี บทความนี้ผมจะพามาดูบริการฟรีที่โคตรเจ๋งที่ช่วยแจ้งเตือนเราทันทีว่าเว็บเราล่มภายในระยะเวลาไม่เกิน  5 นาทีครับ UptimeRobot บริการฟรีที่ช่วยแจ้งเตือนเมื่อ เว็บล่ม ไหนใครที่ต้องดูแลเว็บไซต์หลาย ๆ เว็บบ้างยกมือขึ้น ผมเองก็เป็นหนึ่งในนั้นครับ มีเว็บให้ดูแลหลายเว็บมาก ถ้าต้องมาคอยนั่งหน้าจอดูตลอดเวลาว่าเว็บยังปกติเข้าได้อยู่ไหมคงจะปวดหัวไม่น้อยใช่ไหมครับ หากเป็นเว็บ E-Commerce หรือเว็บที่มี Traffic เข้าต่อวันสูง ๆ วันดีคืนดีเกิดเว็บล่มขึ้นมา ก็เสียหายไม่ใช่น้อยอาจจะพลาดลูกค้าไปหลายรายเลยทีเดียวถ้าเรารู้เร็วแล้วแก้ไขทันก็ดีไปแต่ถ้าเราไม่รู้ล่ะ กว่าจะรู้ตัวว่าเว็บล่มก็ปาเข้าไปหลายชั่วโมงหรือเป็นวัน แบบนี้มีแต่เสียกับเสีย ถ้าอ่านมาถึงตรงนี้ สบายใจได้เลยครับ บทความนี้ CodingDee จะพามารู้จักกับ UptimeRobot บริการที่ช่วยแจ้งเตือนเราเมื่อเว็บเราล่มครับ โดยบริการนี้เค้าให้เราใช้ฟรี ๆ เลย 50 เว็บ มาดูวิธีใช้กันครับสมัครสมาชิกกันก่อน คลิก เสร็จแล้วเข้าสู่ระบบจะเจอหน้าจอประมาณนี้2.Click Add New MonitorMonitor Type ผมเลือกเป็น Keyword โดย Keyword ที่ผมกรอกไปคือคำว่า CodingDee ซึ่งคำ ๆ นี้มันจะอยู่ที่ footer ของเว็บผมเอง Keyword ตรงนี้ก็ขึ้นอยู่กับเรานะครับว่าจะใส่เป็นอะไร เหตุผลที่ผมใส่คำว่า CodingDee...

facebook share รูปไม่ขึ้น นี่เป็นอีกหนึ่งปัญหาที่เจอได้บ่อย ๆ เมื่อเราแชร์บทความจากเว็บไปที่ facebook บทความนี้จะพามาดูวิธีแก้ไขว่าทำอย่างไรFacebook Share รูปไม่ขึ้นและวิธีแก้ไข สำหรับวิธีแก้ไขเมื่อ facebook share รูปไม่ขึ้น เราสามารถทำตาม 4 ขั้นตอนนี้ได้เลยครับเข้าไปที่ Sharing Debugger เลือกแท็บ Sharing Debugger และใส่ Url ที่เราต้องการจะแชร์ลงไปแล้วกด Debug ระบบจะดึงข้อมูลที่เกี่ยวกับ Url นี้เช่น ชื่อบทความ รูปภาพ รายละเอียดบทความ ขึ้นมาให้เราดู ถ้ารูปภาพยังไม่ขึ้น ให้กดที่ปุ่ม Scrape Again บางทีอาจต้องกดหลาย ๆ ครั้งหน่อยกว่ารูปจะขึ้น จบแล้ว ง่ายใช่ไหม คราวนี้เราก็เอา Url นี้ไปโพสหรือแชร์ต่อใน Facebook ได้แล้วครับจบแล้ว หากอ่านแล้วชอบบทความจาก CodingDee ก็ฝาก กดไลค์เพจ ด้วยนะครับ จะได้ไม่พลาดข่าวสารเทคนิคดี ๆ จากเรา หรือติดปัญหาตรงไหนก็คอมเมนต์ไว้ด้านล่างนี้ได้ ไว้พบกันบทความต่อไปครับ

บทความนี้ผมจะมาแบ่งปันวิธีการทำ 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 โดยไฟล์นี้เราจะเอาไว้เก็บ...