CoP Prince of Songkla University Phuket Campus's Blog

Tag: wordpress

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

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

WordPress Lazy-Load ตอนที่ 2

สืบเนื่องจากบทความที่ https://km.phuket.psu.ac.th/archives/3937  เมื่อได้ทดลองใช้เครื่องมือวิเคราะห์เว็บไซต์จาก Google พบว่าเว็บไซต์วิทยาเขตเว็บไซต์ใหม่ โหลดหน้าแรกค่อนข้างช้า เนื่องจากหน้าแรกของเว็บไซต์มีรูปภาพแสดงอยู่เป็นจำนวนมาก และไฟล์ภาพค่อนข้างมีขนาดใหญ่ อาจเป็นผลให้หน้าเว็บไซต์โหลดช้า วิธีแก้ไขสามารถทำได้โดยติดตั้งปลั๊กอิน “Autoptimize” ปลั๊กอินนี้ให้ผลคะแนนทดสอบดีที่สุดจากที่ผู้เขียนได้ทดลองติดตั้งปลั๊กอินอื่นๆอีก 2 ตัวด้วยกัน ปลั๊กอินจะวิเคราะห์และทำการแคชไฟล์ภาพต่างๆที่หน้าแรกเอาไว้ ช่วยให้ภาพที่ถูกเก็บเป็นแคชเอาไว้โหลดเร็วขึ้น เมื่อติดตั้งเสร็จเรียบร้อย ให้ทำการปรับ config ดังรูป ปรับค่า config ดังรูปเรียบร้อยแล้ว Save Changes and Empty Cache ทดลองเปรียบเทียบคะแนนทดสอบความเร็วเว็บไซต์จาก Google PageSpeed Insights ระหว่างก่อนติดตั้งและหลังติดตั้งปลั๊กอิน ทดลองใช้งานจริงพบว่าเว็บไซต์โหลดเร็วขึ้น หากเกิดกรณีแคชเต็ม ให้เข้ามา Empty Cache ใหม่ จะพบว่ากลับมาเร็วดังเดิม Chayatorn Wattanachaleeชยธร วัฒนชาลี Mr. Chayatorn Wattanachalee Learning Centre Information Technology Section, Prince of Songkla University, […]

WordPress Lazy-Load

WordPress Lazy-Load

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

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

ขนาดรูปในบทความสามารถปรับได้ 3 ขนาด โดยเริ่มจากขนาดเล็กสุด Thumbnail  ขนาด 150 x 150, ขนาดกลาง Medium ขนาด 300 x 251, ขนาดใหญ่สุด Full Size ขนาด 940 x 788 ขั้นตอนการปรับขนาดรูปสามารถเลือกได้ก่อนแทรกลงในบทความ ดังรูปด้านล่าง หากต้องการปรับขนาดรูปที่แทรกลงในบทความแล้ว สามารถทำได้โดยคลิ๊กที่รูป และคลิ๊กที่ปุ่มรูปดินสอ ดังรูป และเลือกปรับขนาด Chayatorn Wattanachaleeชยธร วัฒนชาลี Mr. Chayatorn Wattanachalee Learning Centre Information Technology Section, Prince of Songkla University, Phuket Campus. E-mail: chayatorn.w@phuket.psu.ac.th Tel: 0-7627-6514More Posts – Website

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

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

วิธีการปรับแต่งโปรไฟล์หลังจากที่ log in เข้าสู่ระบบแล้วครับ วิธีการปรับแต่งโปรไฟล์สามารถทำได้โดย หลังจาก log in เข้าสู่ระบบแล้ว คลิกที่ชื่อของผู้ใช้เองที่แสดงอยู่มุมบนด้านขวาของหน้าจอ ดังรูปที่ 1 จากนั้นจะเข้าสู่หน้าโปรไฟล์ของผู้ใช้เอง ดังรูปที่ 2 ซึ่งผู้ใช้สามารถปรับแต่งโปรไฟล์ได้ เช่น ส่วนที่ 1 ปรับแต่งสีที่ใช้แสดงผลในโปรไฟล์ของตัวเอง ส่วนที่ 2 ปรับแต่ง ชื่อ-นามสกุล และชื่อที่ใช้แสดงในบทความ ส่วนที่ 3 ปรับแต่งข้อมูลที่สามารถติดต่อกับผู้ใช้ ส่วนที่ 4 ปรับแต่งข้อมูลส่วนตัวเกี่ยวกับผู้ใช้ ส่วนที่ 5 ปรับแต่งรูปที่ใช้แสดงแทนตัวผู้ใช้เอง หลังจากปรับแต่งแล้วอย่าลืมกดที่ปุ่ม Update Profile ด้านล่างนะครับ เพื่อเป็นการบันทึกค่าและอัพเดตข้อมูลในโปรไฟล์ ขอบคุณครับ Chayatorn Wattanachaleeชยธร วัฒนชาลี Mr. Chayatorn Wattanachalee Learning Centre Information Technology Section, Prince of Songkla University, […]