WordPress

เทคนิค wordpress ต่าง ๆ ที่ 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 หน้าขาว...
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 สินค้าชนิด...
iThemes
มาตามสัญญาครับ สำหรับเสริมเกราะให้เวิร์ดเพรสด้วย iThemes Security ตอนที่ 2 คราวนี้เราจะมาทำความเข้าใจว่าแต่ละฟีเจอร์ของ iThemes มีอะไรบ้าง เพื่อจะได้เข้าใจและนำไปปรับใช้ให้เหมาะสมกับเว็บของเรากัน หลังอ่านบทความนี้จบคุณจะได้เว็บที่มีความปลอดภัยแน่นปึ๊ก ไม่โดนแฮคง่าย ๆ อีกต่อไป. ก่อนจะเริ่มกันใครยังไม่อ่าน ตอนที่ 1 ผมเอามาแปะไว้ให้แล้ว สำหรับใครที่พร้อมแล้วก็มาเริ่มกันเลย เข้าไปที่ Menu Security > Settings เราจะเจอหน้าสำหรับตั้งค่าปลั๊กอินโดยแบ่งเป็นแต่ละฟีเจอร์ มีอยู่ทั้งหมด 29 ฟีเจอร์ด้วยกัน ( เยอะมากกก ) ฟีเจอร์แรก Security Check ฟีเจอร์นี้ปลั๊กอินจะตั้งค่าต่างๆให้เราอัตโนมัติเพียงแค่คลิก Secure Site สำหรับใครที่ขี้เกียจอ่านผมทำเป็นคลิปไว้ให้แล้ว https://www.youtube.com/watch?v=cUfe6_3-iGs WordPress Tweaks ส่วนนี้จะคล้าย ๆ กับส่วนของ System Tweaks แตกต่างกันตรงที่ส่วนนี้จะตั้งค่าในส่วนของ WordPress ตั้งตามภาพได้เลย System Tweaks สำหรับส่วนนี้จะเป็นการตั้งค่าเกี่ยวกับสิทธ์ในการเข้าถึงไฟล์ ตรงนี้เป็นอีกจุดหนึ่งที่เว็บส่วนมากโดนแฮคเนื่องจากไม่มีการกำหนดสิทธ์ในการเข้าถึง File หรือ Directory ต่าง ๆ ที่ดีพอ ส่วนนี้ตั้งตามภาพได้เลยครับ Database Backups ฟีเจอร์นี้คือสำรองฐานข้อมูลเว็บเรานั่นเอง ตั้งค่าตามภาพได้เลยครับ อธิบายเพิ่มเติม จากรูปผมตั้งให้ปลั๊กอินทำการสำรองข้อมูล Database เป็นไฟล์ zip และส่งเข้าเมลผมทุกวันนั่นเอง Away Mode ฟีเจอร์นี้ผมชอบมากเปรียบเสมือนตั้งเวลาการเข้าใช้งานหลังบ้านเว็บเรานั้นเอง โดยสามารถตั้งได้ว่าเราจะไม่อนุญาติให้สามารถเข้าหลังบ้านได้ตั้งแต่กี่โมงถึงกี่โมง สำหรับผมผมตั้งไว้ที่ เที่ยงคืนถึงแปดโมงเช้า จะไม่สามารถเข้าใช้งานหลังบ้านได้  ตามภาพ ลองนึกภาพว่า wp-admin เป็นประตูบ้านเรานะครับ...
ป้องกัน 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 โดยไฟล์นี้เราจะเอาไว้เก็บ...
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...
social share
ใครที่กำลังมองหาปลั๊กอิน social share สำหรับทำปุ่มแชร์บทความที่มีไลน์มา เหมาะกับการใช้งานของคนไทย บทความนี้ผมได้รวบรวมมาให้แล้ว เลือกใช้กันได้ตามใจชอบ  Social Share   WordPress Plugins 1.Seed Social ปลั๊กอินฝีมือคนไทยจาก SeedThemes จุดเด่นของ seed social คือความเบา มีเท่าที่คนไทยนิยมใช้จริง ๆ ใครที่ชอบปลั๊กอินที่ไม่ต้องตั้งค่าอะไรเยอะ แนะนำตัวนี้ครับ ใช้ง่ายมาก ๆ มี Shortcode ให้ใช้งาน copy ไปใช้งานได้เลย สะดวกมาก ๆ เลือกได้ว่าจะให้ปุ่มแชร์บริเวณไหนของบทความเช่น ส่วนบนของบทความ ส่วนท้ายของบทความ   2.Free Tools to Automate Your Site Growth สำหรับปลั๊กอิน Sumo นี้เป็นปลั๊กอินที่ค่อนข้างครบเครื่องทำได้หลายอย่างเช่น Email newsletter Share Google Analytics Heat Maps มีหลายเว็บที่ใช้ปลั๊กอินนี้อยู่รวมทั้ง CodingDee.com ก็ใช้เหมือนกันผมชอบตรงที่เวลาเปิดในมือถือปุ่มแชร์มันจะเลื่อนตามตลอดและอยู่ใกล้นิ้วหัวแม่มือ ทำให้กดแชร์ได้ง่าย   3.Share Buttons by AddThis ปลั๊กอินนี้คล้าย ๆ กันกับ Sumo ตัวบนแต่ผมไม่ชอบตรงที่เวลากดแชร์มันจะวิ่งไปที่เว็บ AddThis ก่อนแว๊บนึงแล้วค่อยวิ่งต่อไปที่...
revision wordpress คืออะไร
Revision wordpress คืออะไร ? เป็นคำถามที่ผมเจอถามบ่อย ๆ เข้ามาทาง facebook เลยเอามาเขียนอธิบายไว้สักหน่อยว่ามันคืออะไร มีข้อดี ข้อเสียอะไรบ้าง Revision Wordpress คืออะไร มันก็คือระบบที่ Wordpress ใช้เก็บประวัติการเปลี่ยนแปลงของข้อมูลเนื้อหาต่าง ๆ ที่เรามีการแก้ไขในระบบไม่ว่าจะเป็นการปรับปรุงเนื้อหา ปรับปรุงฟอนต์ เปลี่ยนรูปภาพ เปลี่ยนชื่อ หรืออะไรก็ตามที่ทำให้ข้อมูลเกิดการเปลี่ยนแปลง ระบบมันจะเก็บ Revision ไว้ทั้งหมด อารมณ์ประมาณ System Restore ของ Windows หรือ Time Machine ใน Mac นั่นแหละครับ วิธีดูว่า Revision Wordpress อยู่ตรงไหน ก่อนอื่นเลยให้เรา login เข้าหลังบ้าน wordpress ก่อนครับแล้วลองเข้าไปเลือก หน้าหรือเรื่อง ขึ้นมาจากภาพนี้ผมเลือกเรื่องที่กำลังเขียนมาให้ดูเป็นตัวอย่างครับ จากรูปนี้ระบบเก็บการเปลี่ยนแปลงที่เกิดขึ้นกับ เรื่องนี้ไว้ทั้งหมด 5 version ซึ่งถ้าหากวันไหนที่เราต้องการจะย้อนกลับไปเป็น version ก่อนหน้าก็สามารถทำได้ครับโดยคลิกที่ เรียกดู ตามภาพ ลองคลิกเลื่อนตรงลูกศร ซ้ายขวา ดูครับ ระบบจะแสดงความแตกต่างระหว่าง version ที่เราเลือก โดย กรอบทางซ้ายมือคือ version...
Ninja Forms
Ninja Forms ปลั๊กอินสร้างแบบฟอร์มที่โคตรเทพ ใช้งานง่าย ฟังก์ชั่นครบครัน ลงตัวนี้ตัวเดียวลืม CF7 ไปได้เลย Ninja Forms ถ้าพูดถึงปลั๊กอินสำหรับใช้สร้างแบบฟอร์ม หลายคนคงจะนึกถึง  Contact Form 7 (CF7) ใช่ไหมครับ ไม่แปลกเพราะก่อนหน้านี้ผมเองก็ใช้ CF7 มาตลอดแต่ CF7 มันไม่มีฟีเจอร์ที่เก็บข้อมูลลงดาต้าเบส ถ้าอยากให้มันเก็บข้อมูลลงดาต้าเบสได้เราต้องลงปลั๊กอิน  Contact Form Submissions  หรือ  Contact Form 7 Database Addon – CFDB7  เพิ่ม ผมก็ลองค้น Google หาปลั๊กอินดูจนมาเจอปลั๊กอินนี้ พอลองใช้ดูแล้วก็ติดใจมาก ใช้ง่ายกว่า CF7 มากและเก็บข้อมูลลงดาต้าเบสได้ด้วย มาดูกันครับว่าทำไมผมถึงเปลี่ยนจากจาก CF7 มาใช้ปลั๊กอินนี้แทน 1.รองรับ Google reCaptcha ปลั๊กอินสามารถใส่ Google reCaptcha ได้ด้วยเพื่อป้องกัน Spam (ข้อนี้ CF7 เองก็มีเหมือนกัน) 2.รองรับภาษาไทย ตัวปลั๊กอินรองรับภาษาไทยอยู่แล้วแทบไม่ต้องแปลเลย ประหยัดเวลาไปได้เยอะ 3.Drag & Drop หน้าตาการใช้งานเรียบง่ายมาก การสร้างฟอร์มทำได้สะดวก เราสามารถลากฟิลด์มาวางได้เลย มีฟิลด์ให้เลือกเพียบ วันที่,...
Log Cleaner For iThemes
Tips สำหรับใครที่ใช้ iThemes Security เมื่อใช้ปลั๊กอิน iThemes Security ไปนานๆ มันจะเก็บ Log ไว้ทำให้ Database มีขนาดใหญ่ ทำให้กินทรัพยากรโฮส Version ก่อน ๆ เราสามารถเคลียร์ Log ได้แต่พอเป็น version 5.xx เป็นต้นมา กลับตัดฟีเจอร์นี้ออกไป (ตัดทำไมไม่เข้าใจ) เลยเกิดปัญหาข้างต้นตามมา จนในที่สุดตา Michael Ott แกเลยเขียนปลั๊กอินสำหรับ Clear Log สำหรับ iThemes ออกมาซะเลย ผมลองใช้ดูแล้วเห็นว่าน่าจะเกิดประโยชน์กับผู้อ่านเลยนำมาเขียนให้อ่านกัน ดาว์นโหลด โหลดได้ที่ลิงก์นี้ คลิก วิธีใช้งาน หลังจากโหลดและติดตั้งปลั๊กอินเรียบร้อยแล้วให้เราเข้าไปที่เมนู Tools (เครื่องมือ) >> ITSec Log Cleaner แล้วจะเจอหน้าจอตามภาพด้านล่างนี้ ในหน้าจอนี้จะแบ่งออกเป็น 2 ส่วน Clear the following log tables: ส่วนนี้จะให้เราเลือกว่าต้องการลบ Log อะไรบ้าง All ลบทั้งหมด Security Logs ลบเฉพาะ Log ที่เกี่ยวกับความปลอดภัยเท่านั้น Lockouts: ลบเฉพาะ Log การบันทึกไอพีที่เคยโดนปลั๊กอินแบนเท่านั้น Temps: ลบเฉพาะ...
เว็บเร็วขึ้น ด้วย Imagify
เว็บเร็วขึ้น ด้วย Imagify สุดยอดปลั๊กอินลดขนาดรูปที่ใครหลายคนมองข้าม บทความนี้ทีมงาน CodingDee จะมารีวิวปลั๊กอินที่ช่วยลดขนาดรูปภาพให้เล็กลงโดยที่รูปไม่แตก มาดูกันเลยครับว่ามันเจ๋งยังไง เว็บเร็วขึ้น ด้วย Imagify สุดยอดปลั๊กอินลดขนาดรูป สำหรับ WordPress มีปลั๊กอินที่ช่วยลดขนาดรูปภาพเพื่อให้เว็บเร็วขึ้นอยู่หลายตัวมากซึ่งแต่ละตัวก็มีความสามารถแตกต่างกันไป แต่มีปลั๊กอินอยู่ตัวนึงที่หลาย ๆ คนมองข้ามไปรวมถึงตัวผมเองด้วยเพิ่งจะมารู้จักมันจากคุณเม่นเมื่อปีที่แล้วนี้เอง หลังจากที่ผมลองใช้แล้วก็พบว่า นี่มันเป็นปลั๊กอินที่โคตรเจ๋งเลยทำไมเราไม่เคยได้ยินชื่อมันเลย สำหรับผมแล้วผมชอบกว่าตัวดัง ๆ ที่ใช้อยู่ซะอีก มาดูกันว่ามันมีอะไรให้เราเล่นบ้าง มีระดับการบีบอัดให้เลือกถึง 3 ระดับ Normal บีบแบบธรรมดา ลดขนาดรูปลงนิดหน่อย ไม่สูญเสียความละเอียดของภาพ Aggressive บีบเยอะขึ้นมาหน่อย  สูญเสียความละเอียดของภาพเล็กน้อย ค่าเริ่มต้นของปลั๊กอินจะตั้งค่านี้มาให้ Ultra บีบแบบหน้าเขียวกันเลย ไฟล์เล็กสุด ๆ สูญเสียความละเอียดของภาพไปพอสมควรแต่สำหรับผมแล้วถ้าไม่มองจริง ๆ ก็มองไม่ออกลองดูภาพข้างล่างนี้ดูครับ ผมบีบด้วยระดับ Ultra ผมชอบตรงนี้แหละที่เราสามารถเลือกระดับการบีบได้ว่าต้องการระดับไหน ส่วนปลั๊กอินตัวอื่นจะไม่มี ฝั่งซ้ายคือก่อนบีบ ขนาด 166 KB ส่วนฝั่งขวาคือหลังจากบีบแล้วเหลือแค่ 28 KB เท่านั้น มี Credit ให้เราใช้ฟรี ๆ 100 Credit ต่อเดือน ปลั๊กอินนี้เค้าจะมี Credit มาให้เราใช้ฟรี ๆ เลย 100 Credit ต่อเดือนถ้าเราใช้หมดแล้วอยากใช้เพิ่มต้องจ่ายตังค์...

Google Tag Manager

ecommerce tracking

Ecommerce Tracking For Woocommerce

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

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

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

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

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

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

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

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

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