Tag: wordpress

CMS Comparison

Headless CMS with WordPress

สาระอะ CMS ?? CMS (Content Management System) = ระบบจัดการเนื้อหาของเว็บไซต์ ตัวอย่างเช่น WordPress, Durapal, Joomla Monolithic CMS ?? ต้องท้าวความก่อนว่า จากรูปภาพ เรามักคุ้นเคยกับ CMS แบบ Monolithic คือ โค้ดส่วนจัดการเนื้อหาและโค้ดส่วนแสดงเนื้อหาอยู่ในระบบเดียวกัน ตัวอย่างเช่น WordPress ทั่วไป ที่เราออกแบบโครงสร้างเว็บไซต์ หน้าเว็บไซต์ และเนื้อหาได้จาก. read more…

ปิดเว็บ wordpress ชั่วคราวแบบง่ายๆ เผื่อกรณีปรับปรุงเว็บ

วิธีปิดเว็บที่ทำด้วย wordpress ชั่วคราวอย่างง่ายเพื่อปรับปรุงเว็บ สามารถทำได้ง่ายๆ เพียงไม่กี่ขั้นตอนดังนี้ สร้างไฟล์ .maintenance ใน root directory wordpress วางโค้ดนี้ลงไปได้เลยครับ <?php function is_user_logged_in() { $loggedin = false; foreach ( (array) $_COOKIE as $cookie => $value ) { if. read more…

เปลี่ยน URL เว็บไซต์ wordpress

เริ่มจากทำการแบ๊คอัพเว็บไซต์ และฐานข้อมูลไว้ก่อน  จากนั้นที่ฐานเข้ามูล ค้นหา table ชื่อ “wp_options” แก้ไขตรงช่อง siteurl เปลี่ยนเป็น URL ที่ต้องการ ดังรูป จากนั้นแบ๊คอัพไฟล์ wp-config.php ไว้ก่อน แก้ไขไฟล์ wp-config.php เพิ่มบรรทัดดังต่อไปนี้ define(‘WP_HOME’, ‘URL ที่ต้องการ’);define(‘WP_SITEURL’, ‘URL ที่ต้องการ’); ***Home URL คือ ที่อยู่ WordPress ซึ่งเป็นส่วนของหน้าผู้ดูแลระบบรวมถึงส่วนอื่น. read more…

WordPress Lazy-Load ตอนที่ 2

สืบเนื่องจากบทความที่ https://km.phuket.psu.ac.th/archives/3937  เมื่อได้ทดลองใช้เครื่องมือวิเคราะห์เว็บไซต์จาก Google พบว่าเว็บไซต์วิทยาเขตเว็บไซต์ใหม่ โหลดหน้าแรกค่อนข้างช้า เนื่องจากหน้าแรกของเว็บไซต์มีรูปภาพแสดงอยู่เป็นจำนวนมาก และไฟล์ภาพค่อนข้างมีขนาดใหญ่ อาจเป็นผลให้หน้าเว็บไซต์โหลดช้า วิธีแก้ไขสามารถทำได้โดยติดตั้งปลั๊กอิน “Autoptimize” ปลั๊กอินนี้ให้ผลคะแนนทดสอบดีที่สุดจากที่ผู้เขียนได้ทดลองติดตั้งปลั๊กอินอื่นๆอีก 2 ตัวด้วยกัน ปลั๊กอินจะวิเคราะห์และทำการแคชไฟล์ภาพต่างๆที่หน้าแรกเอาไว้ ช่วยให้ภาพที่ถูกเก็บเป็นแคชเอาไว้โหลดเร็วขึ้น เมื่อติดตั้งเสร็จเรียบร้อย ให้ทำการปรับ config ดังรูป ปรับค่า config ดังรูปเรียบร้อยแล้ว Save Changes and Empty Cache ทดลองเปรียบเทียบคะแนนทดสอบความเร็วเว็บไซต์จาก Google. read more…

WordPress Lazy-Load

ผมเพิ่งรู้จักเครื่องมือในการวิเคราะห์เว็บไซต์จาก Google ที่ชื่อ PageSpeed Insights สามารถเข้าไปใช้งานได้ที่ลิงค์ https://developers.google.com/speed/pagespeed/insights/ ผมได้นำเว็บไซต์ที่ทำจาก WordPress ไปทดสอบ พบว่าคะแนนที่ได้ค่อนข้างต่ำ และ PageSpeed Insights มีข้อแนะนำหลายอย่างเพื่อนำไปปรับปรุงให้เว็บไซต์ดีขึ้นได้ โดยโพสนี้จะกล่าวเฉพาะประเด็น Defer offscreen images เท่านั้น เมื่อคลิกที่แถบ Defer offscreen images จะปรากฎคำแนะนำเพิ่มเติม สำหรับเว็บไซต์ที่สร้างขึ้นด้วย WordPress แนะนำให้ติดตั้ง Plugin ในกลุ่ม. read more…

ขั้นตอนการเลือกขนาดรูปแทรกลงในบทความในระบบ KM

ขนาดรูปในบทความสามารถปรับได้ 3 ขนาด โดยเริ่มจากขนาดเล็กสุด Thumbnail  ขนาด 150 x 150, ขนาดกลาง Medium ขนาด 300 x 251, ขนาดใหญ่สุด Full Size ขนาด 940 x 788 ขั้นตอนการปรับขนาดรูปสามารถเลือกได้ก่อนแทรกลงในบทความ ดังรูปด้านล่าง หากต้องการปรับขนาดรูปที่แทรกลงในบทความแล้ว สามารถทำได้โดยคลิ๊กที่รูป และคลิ๊กที่ปุ่มรูปดินสอ ดังรูป และเลือกปรับขนาด Chayatorn. read more…

วิธีการปรับแต่งและอัพเดต Profile

วิธีการปรับแต่งโปรไฟล์หลังจากที่ log in เข้าสู่ระบบแล้วครับ วิธีการปรับแต่งโปรไฟล์สามารถทำได้โดย หลังจาก log in เข้าสู่ระบบแล้ว คลิกที่ชื่อของผู้ใช้เองที่แสดงอยู่มุมบนด้านขวาของหน้าจอ ดังรูปที่ 1 จากนั้นจะเข้าสู่หน้าโปรไฟล์ของผู้ใช้เอง ดังรูปที่ 2 ซึ่งผู้ใช้สามารถปรับแต่งโปรไฟล์ได้ เช่น ส่วนที่ 1 ปรับแต่งสีที่ใช้แสดงผลในโปรไฟล์ของตัวเอง ส่วนที่ 2 ปรับแต่ง ชื่อ-นามสกุล และชื่อที่ใช้แสดงในบทความ ส่วนที่ 3 ปรับแต่งข้อมูลที่สามารถติดต่อกับผู้ใช้ ส่วนที่ 4. read more…