ตัวเลื่อน WordPress ของคุณไม่ทำงานหรือไม่? นี่คือวิธีแก้ไข!
เผยแพร่แล้ว: 2021-10-05แถบเลื่อนรูปภาพเป็นวิธีที่ยอดเยี่ยมในการแสดงรูปภาพจำนวนมากโดยที่ยังคงรักษาพื้นที่ไว้ แน่นอนว่านี่ไม่ใช่ผลประโยชน์เพียงอย่างเดียว อย่างไรก็ตาม หากตัวเลื่อน WordPress ของคุณไม่ทำงาน ประโยชน์จะไม่มีความสำคัญ เว็บไซต์ของคุณจะดูไม่เป็นมืออาชีพ และอาจทำให้การเข้าชมและรายได้ของคุณเสียหากเป็นส่วนหนึ่งของกลยุทธ์
มีปัญหาหลายประการที่ควรทราบ เช่น เมื่อรูปภาพไม่ปรากฏขึ้น ผลกระทบต่อประสิทธิภาพของไซต์ของคุณ และอื่นๆ อย่างไรก็ตาม ยังมีวิธีแก้ไขปัญหาเหล่านี้ซึ่งไม่ควรใช้เวลานานเกินไปในการแก้ไข ปลั๊กอินที่คุณเลือกจะเป็นศูนย์กลางของปัญหาที่คุณได้รับและไม่ว่าจะยังคงแสดงต่อไปหรือไม่
ดังนั้น คู่มือนี้จะแสดงวิธีแก้ไขตัวเลื่อน WordPress ที่ไม่ทำงาน เราจะข้ามไปที่เคล็ดลับและปิดท้ายด้วยหัวข้อเกี่ยวกับการเลือกปลั๊กอินตัวเลื่อน WordPress ที่ดีสำหรับไซต์ของคุณ
1. รูปภาพของ Slider ของคุณไม่ปรากฏบนเว็บไซต์ของคุณ
ปัญหาที่ชัดเจนคือเมื่อแถบเลื่อนของคุณโหลดขึ้น แต่ไม่แสดงภาพ ในหลายกรณี การทำเช่นนี้จะแสดงเป็นสไลด์เปล่า หรือคุณอาจเห็นไอคอนแสดงถึงภาพที่ขาดหายไป ปัญหาเหล่านี้มักจะเลวร้ายกว่าปัญหาส่วนหลังเพราะผู้ใช้จะมองเห็นได้
มีสาเหตุบางประการที่ทำให้รูปภาพของตัวเลื่อนของคุณไม่ปรากฏขึ้น ปัญหาหลักอยู่ที่แคชของเว็บไซต์ของคุณ (หากใช้อยู่ นั่นคือ) อย่างไรก็ตาม คุณอาจได้รับความเสียหายในไฟล์รูปภาพของคุณ หรือแม้กระทั่งภายใต้ฝากระโปรงหน้าด้วยรหัสของตัวเลื่อน
ในบางกรณีที่ไม่ค่อยเกิดขึ้น ปลั๊กอินตัวเลื่อนของคุณอาจเข้ากันไม่ได้กับ WordPress เวอร์ชันของคุณ อย่างไรก็ตาม สิ่งนี้มักจะแสดงเป็นความล้มเหลวที่สำคัญสำหรับปลั๊กอินของคุณ คุณจะไม่เห็นโหลด อะไรเลย นับประสาภาพของคุณ
จากข้อมูลข้างต้น คุณสามารถดำเนินการแก้ไขได้หลายอย่าง หากคุณใช้แคช ไม่ว่าจะเป็นฝั่งเซิร์ฟเวอร์หรือใช้ปลั๊กอินฝั่งไคลเอ็นต์ ให้ล้างแคช ให้ตรวจสอบส่วนหน้าของไซต์ของคุณ ในกรณีส่วนใหญ่จะแก้ไขปัญหานี้ได้

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

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

ในหลายกรณี คุณสามารถเก็บภาพเหล่านี้ไว้ หรือปรับขนาดภาพเพื่อเพิ่มขนาดเป็นสองเท่า ตัวอย่างเช่น สำหรับสไลด์ที่มีขนาด 1,000×500 พิกเซล คุณสามารถไปที่ 2,000×1,000 พิกเซลได้ แม้ว่าการดำเนินการนี้อาจดูเหมือนเป็นการสิ้นเปลืองทรัพยากร แต่ผลกระทบต่อขนาดไฟล์ของคุณก็น้อยมาก
แต่คุณจะเสนอรูปภาพในเวอร์ชันความละเอียดสูงที่จะรวมพิกเซล 'สองเท่า' ไว้ในช่องว่างเดียว นี้อาจฟังดูสับสน แต่การเพิ่มมิติข้อมูลของคุณเป็นสองเท่าเป็นวิธีสร้างภาพที่คมชัดขึ้นบนหน้าจอ
ยิ่งไปกว่านั้น คุณยังสามารถใช้ฟังก์ชันของ Soliloquy เพื่อช่วยคุณได้อีกด้วย ปลั๊กอินตัวเลื่อน WordPress มีวิธีการจัดกึ่งกลางและปรับขนาดรูปภาพที่คุณอัปโหลด ในขณะที่คุณยังต้องการกำหนดขนาดที่เหมาะสมสำหรับรูปภาพของคุณที่แหล่งที่มา ฟังก์ชันของ Soliloquy สามารถช่วยให้คุณทำให้มันสอดคล้องกันมากขึ้น
คุณอาจต้องการตรวจสอบการตั้งค่ารางน้ำ และดูว่าแถบเลื่อนครอบตัดรูปภาพให้คุณหรือไม่:

หากสิ่งนี้เกิดขึ้นและคุณไม่รู้เกี่ยวกับมัน คุณมักจะหงุดหงิดเมื่อไม่เห็นผลลัพธ์ที่คุณคิดว่าจะคาดหวัง
3. ปลั๊กอิน Slider ส่งผลต่อประสิทธิภาพของเว็บไซต์ของคุณ
ความเร็วไซต์ที่ช้าสามารถสร้างปัญหามากมายให้กับเว็บไซต์ของคุณ เป็นผลกระทบหลักต่อประสบการณ์ผู้ใช้ (UX) และอาจส่งผลต่อ Search Engine Optimization (SEO) ของคุณด้วย เว็บไซต์ที่เฉื่อยชาจะทำให้ผู้ใช้เปลี่ยนไป การเข้าชมที่น้อยลงและอัตราตีกลับที่สูงขึ้นหมายความว่าเนื้อหาของคุณจะลดลงในหน้าผลลัพธ์ของเครื่องมือค้นหา (SERPs)
ปลั๊กอินตัวเลื่อน WordPress ของคุณอาจเป็นสาเหตุหลักของความเร็วช้า ด้วยเหตุผลหลายประการ:
- รูปภาพที่คุณใช้มีขนาดใหญ่เกินไป รูปภาพแต่ละรูปที่คุณเพิ่มในหน้าของคุณจะช่วยเพิ่มขนาดโดยรวมของหน้า ขนาดหน้าใหญ่ใช้เวลาในการโหลดนานขึ้น เราแนะนำให้ปรับรูปภาพของคุณให้เหมาะสมก่อนที่จะอัปโหลด และรักษาขนาดให้บางที่สุดเท่าที่จะทำได้
- ปลั๊กอินตัวเลื่อนไม่ได้ใช้ codebase ที่เหมาะสมที่สุด เราจะพูดมากกว่านี้ในภายหลัง แต่ปลั๊กอินตัวเลื่อน WordPress ที่ไม่ดีจะให้ผลลัพธ์ต่ำกว่ามาตรฐาน
- คุณใช้เอฟเฟกต์พิเศษและทรานซิชันมากเกินไป เช่นเดียวกับการใช้รูปภาพขนาดใหญ่ ระฆังและนกหวีดทั้งหมดที่คุณเพิ่มลงในแถบเลื่อนจะเพิ่มขนาดให้ใหญ่ขึ้น
ขั้นตอนแรกของคุณคือดูว่าคุณสามารถส่งผลต่อเวลาในการโหลดสไลด์ของคุณได้หรือไม่โดยการปรับรูปภาพให้เหมาะสมและใช้จำนวนช่วงการเปลี่ยนภาพที่ 'มีรสนิยม' เมื่อคุณมีสิ่งเหล่านี้แล้ว คุณสามารถดูปลั๊กอินตัวเลื่อนได้
ปลั๊กอินบางตัวทำงานได้ดีกว่าตัวอื่นตามค่าเริ่มต้น ตัวอย่างเช่น เราได้ทำการทดสอบอย่างรวดเร็วของปลั๊กอินตัวเลื่อน WordPress ห้าแบบ ซึ่งรวมถึง Soliloquy แถบเลื่อนแต่ละตัวใช้รูปภาพเดียวกัน และเราสังเกตการวัดสำหรับเวลาในการโหลดหน้าเว็บ ขนาดหน้าสุดท้าย และจำนวนคำขอ HTTP ที่ดำเนินการ
ส่วนหลังเป็นเมตริกส่วนหลังที่จะช่วยให้คุณทราบว่าโค้ดของปลั๊กอินได้รับการปรับให้เหมาะสมเพียงใด นี่คือผลลัพธ์:

| ปลั๊กอินตัวเลื่อน | เวลาในการโหลดหน้า | คำขอ | ขนาดหน้า |
|---|---|---|---|
| พูดคนเดียว | 1.34 วินาที | 26 | 945 KB |
| Nivo Slider | 2.12 วินาที | 29 | 1 MB |
| ดาวตก | 2.32 วินาที | 27 | 1.2 MB |
| การปฏิวัติสไลเดอร์ | 2.25 วินาที | 29 | 1 MB |
| LayerSlider | 2.12 วินาที | 30 | 975 KB |
ปลั๊กอินตัวเลื่อน WordPress ของเรา Soliloquy ชนะการประกวดครั้งนี้ในทั้งสามด้าน ประเด็นสำคัญที่นี่คือ เมื่อคุณปรับรูปภาพและการนำเสนอตัวเลื่อนของคุณให้เหมาะสมแล้ว ตัวเลือกปลั๊กอินของคุณอาจส่งผลต่อประสิทธิภาพที่หลากหลายของไซต์ของคุณได้
4. ตัวเลื่อน 'แฮงค์' ในการโหลดแอนิเมชั่น
อาจเป็นไปได้ว่าตัวเลื่อน WordPress ของคุณไม่โหลดเลย ต่างจากปัญหาก่อนหน้าที่รูปภาพไม่โหลด แม้ว่าคุณจะมีเส้นทางที่ชัดเจนในการติดตามเกี่ยวกับรูปภาพของคุณ สไลด์ที่โหลดไม่สำเร็จบ่งบอกถึงบางสิ่งที่ร้ายแรงกว่านั้น
ขั้นตอนแรกในที่นี้คือ ตรวจสอบรูปภาพของคุณอีกครั้ง เพื่อให้แน่ใจว่ารูปภาพมีขนาดเล็กเพียงพอ และปราศจากความเสียหาย เมื่อคุณมีสิ่งนี้อยู่ในมือ คุณสามารถดูปลั๊กอินอื่นๆ ของคุณได้
แม้ว่าคุณอาจไม่เห็นการเชื่อมต่อ แต่สไลด์ที่ไม่โหลดอาจบ่งชี้ว่ามีข้อขัดแย้งระหว่างโค้ดบางส่วนภายใต้ประทุนของไซต์ของคุณ ดังนั้นจึงเป็นความคิดที่ดีที่จะปิดการใช้งานปลั๊กอินทั้งหมดของไซต์และปล่อยให้ตัวเลื่อนเปิดใช้งานอยู่
หากคุณตรวจสอบสิ่งนี้และตัวเลื่อนของคุณโหลดตามที่คุณคาดหวัง ปลั๊กอินอื่นจะเกิดข้อผิดพลาด จากที่นี่ ให้เปิดใช้งานตัวเลื่อนของคุณและปลั๊กอินอื่น ๆ แต่ละตัวของคุณเพื่อกำหนดว่าตัวเลื่อนใดที่ขัดแย้งกับตัวเลื่อนของคุณ

เมื่อคุณพบปลั๊กอินที่เป็นปัญหา คุณต้องตัดสินใจ:
- ขั้นแรก ตัดสินใจว่าปลั๊กอินจำเป็นต่อเวิร์กโฟลว์ของคุณหรือไม่ หากไม่เป็นเช่นนั้น คุณสามารถปิดใช้งานและถอนการติดตั้งได้อย่างปลอดภัย
- หากปลั๊กอินจำเป็น คุณอาจต้องการค้นหาปลั๊กอินอื่น มีนับพันภายในไดเรกทอรีปลั๊กอินของ WordPress ฟรี และคุณสามารถติดตั้งทางเลือกอื่นเพื่อให้ไซต์ของคุณกลับมาเป็นปกติได้ภายในพริบตา แน่นอน คุณจะต้องการค้นคว้าวิธีแก้ปัญหาที่ถาวรกว่านี้ในระยะยาวด้วย
- คุณอาจต้องการติดต่อผู้พัฒนาปลั๊กอินที่ขัดแย้งกันเพื่อแจ้งให้พวกเขาทราบถึงปัญหาของคุณ อาจเป็นได้ว่าพวกเขาจะออกโปรแกรมแก้ไขหรือนำคุณไปสู่การแก้ไขปัญหาของคุณ
นี่อาจเป็นปัญหาที่เลวร้ายที่สุดที่จะต้องเผชิญกับตัวเลื่อน WordPress ที่ไม่ทำงาน เนื่องจากจำเป็นต้องทดสอบและเปลี่ยนปลั๊กอิน อย่างไรก็ตาม อาจมีปัญหาทางเทคนิคอื่นๆ ที่ส่งผลกระทบต่อคุณ – มาพูดถึงเรื่องนี้กันต่อไป
5. มีปัญหาทางเทคนิคกับไซต์หรือปลั๊กอิน Slider ของคุณ
อาจเป็นไปได้ว่าคุณมีปัญหาที่ไม่เหมาะกับหมวดหมู่อื่นๆ ในรายการของเรา ในกรณีเหล่านี้ คุณจะมีปัญหาทางเทคนิคในมือของคุณซึ่งคุณอาจไม่สามารถวินิจฉัยได้
ช่องทางการติดต่อแรกของเราคือการติดต่อผู้พัฒนาและหารือเกี่ยวกับปัญหาที่คุณมี พวกเขาจะเป็นคนที่ดีที่สุดในการติดต่อ เนื่องจากพวกเขาจะมีความรู้เกี่ยวกับปลั๊กอินและวิธีการทำงานอย่างใกล้ชิด
อย่างไรก็ตาม คุณอาจมีปัญหากับไซต์ของคุณซึ่งเป็นสาเหตุของปลั๊กอินตัวเลื่อน WordPress ตัวอย่างเช่น:
- หน้าจอสีขาวแห่งความตาย ซึ่งมักเป็นปัญหากับปลั๊กอินหรือธีม และเป็นหนึ่งในปัญหาที่ยากกว่าในการแก้ไข แม้ว่าจะไม่ใช่เรื่องที่เป็นไปไม่ได้
- ปัญหาเครือข่าย WordPress Multisite ในบางกรณี ปลั๊กอินจะทำงานไม่ถูกต้องหากคุณใช้ตัวเลือก เปิดใช้งานเครือข่าย สำหรับการติดตั้ง คุณจะต้องติดตั้งแถบเลื่อนในแต่ละไซต์แทนและทำงานจากที่นั่น
หากมีบางอย่างที่เป็นสาเหตุของปัญหาแถบเลื่อนของคุณ ให้มองหาวิธีแก้ไข อย่างไรก็ตาม ในกรณีส่วนใหญ่ คุณจะต้องติดต่อนักพัฒนาซอฟต์แวร์เพื่อแก้ไขปัญหา
เพื่อประสิทธิภาพที่ดีที่สุด เลือกปลั๊กอิน WordPress Slider ที่มีคุณภาพ
เมื่อพูดถึงแถบเลื่อนรูปภาพ คุณจะต้องใช้ปลั๊กอินเสมอ แม้ว่า WordPress และปลั๊กอินจะทำงานร่วมกันได้ แต่จำไว้ว่าคุณยังคงเพิ่มโค้ดพิเศษลงในไซต์ของคุณ ดังนั้น คุณจะต้องเลือกปลั๊กอินตัวเลื่อน WordPress ที่เหมาะกับคุณ หากคุณพบปัญหาในไซต์ของคุณเกี่ยวกับตัวเลื่อน เป็นไปได้ว่าตัวปลั๊กอินมีข้อบกพร่อง
Soliloquy เป็นปลั๊กอินตัวเลื่อน WordPress ที่รวดเร็ว ใช้งานง่ายและทรงพลัง ซึ่งมีผู้ใช้ที่พึงพอใจหลายพันคนและราคาที่ยอดเยี่ยม:

คุณสามารถสร้างแถบเลื่อนที่สวยงาม ตอบสนอง และดึงดูดใจได้ภายในไม่กี่นาทีผ่านแผงตัวแก้ไขแบบกำหนดเอง มีเหตุผลมากมายที่จะเลือกใช้ Soliloquy มากกว่าปลั๊กอินตัวเลื่อนอื่นๆ แต่นี่คือคุณสมบัติที่โดดเด่นบางประการ:
- คุณสามารถใช้โปรแกรมแก้ไขภาพแบบลากแล้ววางเพื่อสร้างตัวเลื่อนของคุณได้
- มีธีมให้เลือกมากมาย เพื่อช่วยเร่งเวลาการตั้งค่าของคุณ
- คุณสามารถสร้างแถบเลื่อนที่มีเนื้อหาไดนามิกได้ ดังนั้นคุณจึงสามารถใช้วิธีการแบบไม่ต้องลงมือในขณะที่ใช้ประโยชน์จากพลังที่ Soliloquy มีให้
- มีคุณสมบัติใน Soliloquy ที่หยุดผู้ใช้ดาวน์โหลดเนื้อหาของคุณ เช่น การปิดใช้งานคลิกขวา
เราสังเกตเห็นว่า Soliloquy นั้นเร็วแค่ไหนแล้ว และส่วนหนึ่งก็ขึ้นอยู่กับการใช้แนวทางปฏิบัติทั่วไปเมื่อพูดถึง codebase ของปลั๊กอิน นอกจากนี้ เรามีทีมสนับสนุนที่พร้อมช่วยเหลือคุณทุกเมื่อที่คุณต้องการ
บทสรุป
ตัวเลื่อน WordPress สามารถเปลี่ยนหน้าคงที่และน่าเบื่อให้กลายเป็นงานแสดงแบบไดนามิกบนไซต์ของคุณ อย่างไรก็ตาม หากคุณมีปัญหากับแถบเลื่อน การวินิจฉัยอาจทำได้ยาก มีหนทางมากมายที่คุณสามารถทำได้ และคุณสามารถทำได้มากมายก่อนที่สิ่งต่างๆ จะเปลี่ยนไปในทางที่ไม่ดี
ตลอดโพสต์นี้ เราได้พิจารณาปัญหาหลายประการสำหรับตัวเลื่อน WordPress ที่ไม่ทำงาน และแสดงวิธีแก้ไขให้คุณเห็น ตัวอย่างเช่น ตรวจสอบให้แน่ใจว่ารูปภาพของคุณมีขนาดบางและกำหนดขนาดที่เหมาะสม ยิ่งไปกว่านั้น หากคุณเลือกปลั๊กอินตัวเลื่อนที่เหมาะสม (เช่น Soliloquy) คุณจะรู้ว่าข้อพิจารณาทางเทคนิคจะไม่เป็นปัจจัยที่ทำให้ตัวเลื่อน WordPress ของคุณไม่ทำงาน
หากคุณชอบคู่มือนี้ โปรดติดตามเราบน Facebook และ Twitter และสมัครรับจดหมายข่าวของเราที่ด้านขวาของหน้านี้เพื่อรับคำแนะนำและทรัพยากรเกี่ยวกับ WordPress ฟรี!
