Czy twój suwak WordPress nie działa? Oto jak to naprawić!

Opublikowany: 2021-10-05

Suwaki obrazu to świetny sposób na wyświetlanie wielu obrazów przy jednoczesnym zachowaniu miejsca. Oczywiście to nie jedyna korzyść. Jeśli jednak twój suwak WordPress nie działa, żadna z korzyści nie będzie miała znaczenia. Twoja witryna będzie wyglądać nieprofesjonalnie, a to może kosztować ruch i potencjalny dochód, jeśli jest to częścią Twojej strategii.

Należy zwrócić uwagę na szereg problemów, na przykład brak wyświetlania obrazów, wpływ na wydajność witryny i inne. Istnieją jednak również rozwiązania wszystkich tych problemów, których rozwiązanie nie powinno zająć zbyt dużo czasu. Wybrana wtyczka będzie miała kluczowe znaczenie dla problemów, które otrzymasz i czy będą się nadal pojawiać.

W związku z tym ten przewodnik pokaże Ci, jak naprawić niedziałający suwak WordPress. Przeskoczymy od razu do wskazówek, a na koniec omówimy wybór dobrej wtyczki do suwaka WordPress dla Twojej witryny.

1. Obrazy Twojego slidera nie pojawiają się w Twojej witrynie

Wyraźnym problemem jest to, że suwak ładuje się, ale nie wyświetla obrazów. W wielu przypadkach będzie to wyświetlane jako pusty slajd lub możesz nawet zobaczyć ikonę oznaczającą brakujący obraz. Te problemy mogą często być gorsze niż problemy z zapleczem, ponieważ będą widoczne dla użytkowników.

Istnieje kilka powodów, dla których obrazy Twojego slidera nie są wyświetlane. Główny problem dotyczy pamięci podręcznej Twojej witryny (jeśli jej używasz). Jednak możesz również mieć pewne uszkodzenia w plikach graficznych, a nawet pod maską z kodem suwaka.

W rzadszych przypadkach wtyczka suwaka może nie być zgodna z twoją wersją WordPressa. Jednak często okazuje się to krytyczną awarią wtyczki; nic się nie ładuje, nie mówiąc już o swoich obrazach.

Biorąc pod uwagę powyższe, istnieje wiele poprawek, które możesz przeprowadzić. Jeśli używasz pamięci podręcznej – niezależnie od tego, czy jest ona po stronie serwera, czy przy użyciu wtyczki po stronie klienta – wyczyść ją, a następnie sprawdź fronton swojej witryny. W większości przypadków rozwiąże to problem.

Przycisk Usuń pamięć podręczną.

Otwórz także bibliotekę multimediów WordPress i sprawdź, czy twoje obrazy pojawiają się w samej bibliotece. Jeśli tak, przejrzyj metadane w poszukiwaniu wskazówek, czy obrazy, które spodziewasz się zobaczyć, są uszkodzone.

Biblioteka multimediów WordPress.

Możliwe, że mimo to ponownie prześlesz obrazy, aby upewnić się, że nie powodują problemu. Możesz także spróbować przesłać nowy obraz do swojego suwaka, aby sprawdzić funkcjonalność wybranej wtyczki.

Chociaż może to nie być przyczyną niedziałania suwaka WordPress, poszukaj również aktualizacji głównej instalacji WordPress i wtyczek. Może istnieć zgodność, którą programista naprawi w najnowszej aktualizacji.

2. Twoje obrazy wyświetlają się w nieregularnych rozmiarach

Rozmiary obrazów są jednym z najważniejszych elementów, które należy wziąć pod uwagę, jeśli masz problemy z suwakami. Dzieje się tak, ponieważ podczas gdy wtyczki suwakowe mogą robić wspaniałe rzeczy, przycinanie i dostosowywanie mogą się różnić w zależności od rozwiązań.

Jeśli zauważysz, że obrazy Twojego slidera ładują się, ale nie wyglądają prawidłowo, sprawdź ich wysokość i szerokość. Powinny odpowiadać rozmiarom ustawionym dla suwaków w ustawieniach konfiguracji:

Ustawienia konfiguracyjne Soliloquy.

W wielu przypadkach możesz się tego trzymać lub skalować obrazy, aby podwoić te wymiary. Na przykład dla slajdu o wymiarach 1000×500 pikseli możesz przejść do 2000×1000 pikseli. Chociaż może się to wydawać marnowaniem zasobów, wpływ na rozmiary plików jest minimalny.

Zamiast tego zaoferujesz wersję obrazu o wysokiej rozdzielczości, która „podwójnie” piksele upakuje w jednym miejscu. Może to zabrzmieć dezorientująco, ale podwojenie wymiarów to sposób na uzyskanie ostrzejszych obrazów na ekranie.

Co więcej, możesz również skorzystać z funkcjonalności Soliloquy, aby Ci pomóc. Wtyczka suwaka WordPress umożliwia wyśrodkowanie i skalowanie przesyłanych obrazów. Chociaż nadal będziesz chciał ustawić odpowiednie wymiary dla swoich obrazów u źródła, funkcjonalność Soliloquy może pomóc Ci uczynić je bardziej spójnymi.

Możesz również sprawdzić ustawienia rynny i czy suwak przycina obrazy za Ciebie:

Ustawienia rynny suwaka.

Jeśli tak się stanie, a Ty o tym nie wiesz, często będziesz sfrustrowany, gdy nie zobaczysz wyników, których, jak sądzisz, oczekujesz.

3. Wtyczka Slider wpływa na wydajność Twojej witryny

Niskie prędkości witryny mogą powodować wiele problemów w Twojej witrynie. Ma to główny wpływ na wrażenia użytkownika (UX), a także może wpłynąć na optymalizację witryn pod kątem wyszukiwarek (SEO). Powolna strona internetowa odwróci użytkowników. Mniejszy ruch i wyższe współczynniki odrzuceń oznaczają, że Twoja treść spadnie niżej na stronach wyników wyszukiwania (SERP).

Twoja wtyczka suwaka WordPress może być główną przyczyną niskich prędkości z wielu powodów:

  • Obrazy, których używasz, są za duże. Każdy obraz, który dodasz do swojej strony, zwiększa ogólny rozmiar strony. Ładowanie większego rozmiaru strony trwa dłużej. Zalecamy zoptymalizowanie obrazów przed ich przesłaniem i utrzymywanie ich w jak najmniejszym stopniu.
  • Wtyczka slider nie używa optymalnej bazy kodu. Więcej na ten temat powiemy później, ale słabe wtyczki suwaka WordPress będą dawać wyniki poniżej standardów.
  • Używasz zbyt wielu efektów specjalnych i przejść. Podobnie jak w przypadku dużych obrazów, wszystkie dzwonki i gwizdki, które dodasz do suwaka, zwiększą jego rozmiar.

Pierwszym krokiem powinno być sprawdzenie, czy możesz wpłynąć na czas ładowania slajdu, optymalizując obrazy i używając „gubnej” liczby przejść. Gdy już to zrobisz, możesz zajrzeć do samej wtyczki suwaka.

Niektóre wtyczki działają domyślnie lepiej niż inne. Jako przykład przeprowadziliśmy szybki test pięciu różnych wtyczek do WordPressa, w tym Soliloquy. Każdy suwak używał tych samych obrazów i odnotowaliśmy pomiary czasu ładowania strony, ostatecznego rozmiaru strony i liczby zrealizowanych żądań HTTP.

Ta ostatnia jest metryką zaplecza, która daje wyobrażenie o tym, jak zoptymalizowany jest kod wtyczki. Oto wyniki:

Wtyczka suwaka Czas ładowania strony Upraszanie Rozmiar strony
Monolog 1,34 s 26 945 KB
Suwak Nivo 2,12 s 29 1 MB
Meteor 2,32 s 27 1,2 MB
Rewolucja suwaka 2,25 s 29 1 MB
Suwak warstwy 2,12 s 30 975 KB

Nasza wtyczka do WordPressa, Soliloquy, wygrała ten konkurs we wszystkich trzech obszarach. Wniosek jest taki, że po zoptymalizowaniu obrazów i prezentacji z suwakami wybór wtyczki może wpłynąć na różnorodność wydajności witryny.

4. Suwak „zawiesza się” na animacji ładowania

Możliwe, że twój suwak WordPress w ogóle się nie ładuje, w przeciwieństwie do poprzedniego problemu, w którym obrazy się nie ładowały. Chociaż masz jasną ścieżkę, którą należy podążać, jeśli chodzi o obrazy, slajdy, które się nie ładują, wskazują na coś poważniejszego.

Pierwszym krokiem jest ponowne sprawdzenie obrazów, aby upewnić się, że są wystarczająco małe i wolne od korupcji. Gdy już to zrobisz, możesz zajrzeć do innych wtyczek.

Chociaż połączenie może nie być widoczne, slajd, który się nie wczytuje, może wskazywać na konflikt między częścią kodu pod maską Twojej witryny. W związku z tym dobrze jest wyłączyć wszystkie wtyczki witryny i pozostawić włączony suwak.

Jeśli to zaznaczysz, a twój suwak załaduje się zgodnie z oczekiwaniami, inna wtyczka będzie winna. W tym miejscu włącz po kolei suwak i każdą z pozostałych wtyczek, aby określić, która z nich jest w konflikcie z suwakiem.

Strona Wtyczki WordPress.

Po znalezieniu danej wtyczki możesz podjąć decyzję:

  • Najpierw zdecyduj, czy wtyczka jest niezbędna dla Twojego przepływu pracy. Jeśli nie, możesz go bezpiecznie dezaktywować i odinstalować.
  • Jeśli wtyczka jest niezbędna, możesz poszukać innej. W katalogu wtyczek WordPress są tysiące za darmo i w mgnieniu oka możesz zainstalować dowolne alternatywy, aby przywrócić normalną witrynę. Oczywiście będziesz też chciał znaleźć bardziej trwałe rozwiązanie na dłuższą metę.
  • Możesz również skontaktować się z twórcą wtyczki powodującej konflikt, aby poinformować go o Twoim problemie. Możliwe, że wydadzą poprawkę lub skierują Cię do rozwiązania problemu.

To może być najgorszy problem z niedziałającym sliderem WordPressa ze względu na konieczność testowania i wymiany wtyczek. Mogą jednak wystąpić inne problemy techniczne, które mają na Ciebie wpływ – porozmawiajmy o tym dalej.

5. Istnieją problemy techniczne z Twoją witryną lub wtyczką Slider

Możliwe, że masz problemy, które nie pasują do żadnej z pozostałych kategorii na naszej liście. W takich przypadkach będziesz mieć problemy techniczne na rękach, których możesz nie być w stanie zdiagnozować.

Naszym pierwszym punktem wyjścia byłoby skontaktowanie się z deweloperem i omówienie napotkanych problemów. Będą najlepszymi osobami do kontaktu, ponieważ będą mieli dokładną wiedzę na temat wtyczki i jej działania.

Jednak możesz mieć problemy z witryną, które są przyczyną wtyczki suwaka WordPress. Na przykład:

  • Biały ekran śmierci. Często jest to problem z wtyczką lub motywem i jest to jeden z trudniejszych problemów do rozwiązania – chociaż nie jest to niemożliwe.
  • WordPress Problemy z siecią wielostanowiskową. W niektórych przypadkach wtyczka nie będzie działać poprawnie, jeśli do instalacji użyjesz opcji Aktywacja sieci . Zamiast tego będziesz chciał zainstalować suwak w poszczególnych witrynach i tam pracować.

Jeśli coś wystaje jako przyczyna problemów z suwakiem, za wszelką cenę postaraj się to rozwiązać. Jednak w większości przypadków będziesz chciał skontaktować się z programistą, aby uzyskać poprawkę.

Aby uzyskać najlepszą wydajność, wybierz wysokiej jakości wtyczkę suwaka WordPress

Jeśli chodzi o suwaki obrazu, zawsze będziesz potrzebować wtyczki. Chociaż WordPress i wtyczki idą w parze, pamiętaj, że nadal dodajesz dodatkowy kod do swojej witryny. W związku z tym będziesz chciał wybrać odpowiednią wtyczkę suwaka WordPress dla siebie. Jeśli napotkasz problemy w swojej witrynie związane z suwakami, prawdopodobnie przyczyną jest sama wtyczka.

Soliloquy to szybka, intuicyjna i potężna wtyczka do WordPressa, która ma tysiące zadowolonych użytkowników i świetne ceny:

Wtyczka Soliloquy.

Możesz tworzyć piękne, responsywne i urzekające suwaki w ciągu kilku minut za pomocą niestandardowego panelu edytora. Istnieje wiele powodów, dla których warto wybrać Soliloquy zamiast innych wtyczek typu slider, ale oto kilka wyróżniających się funkcji:

  • Do tworzenia suwaków możesz użyć edytora wizualnego typu „przeciągnij i upuść”.
  • Istnieje wiele motywów do wyboru, aby przyspieszyć czas konfiguracji.
  • Możesz tworzyć suwaki z dynamiczną zawartością, dzięki czemu możesz swobodniej korzystać z możliwości, jakie ma do zaoferowania Soliloquy.
  • W Soliloquy są funkcje, które uniemożliwiają użytkownikom pobieranie Twoich treści, takie jak wyłączanie prawym przyciskiem myszy.

Zauważyliśmy, jak szybki jest już Soliloquy, a część tego sprowadza się do stosowania typowych praktyk, jeśli chodzi o bazę kodu wtyczki. Ponadto mamy na pokładzie pełny zespół wsparcia, który pomoże Ci zawsze, gdy tego potrzebujesz.

Wniosek

Suwak WordPress może zmienić statyczną, nudną stronę w dynamiczne wyświetlanie pracy w Twojej witrynie. Jeśli jednak masz problemy z suwakiem, może to być trudne do zdiagnozowania. Jest wiele dróg, które możesz zrobić i wiele możesz zrobić, zanim sprawy przybiorą zły obrót.

W trakcie tego posta przyjrzeliśmy się wielu problemom, które nie działają na suwak WordPress, i pokazaliśmy, jak je rozwiązać. Na przykład upewnij się, że Twoje obrazy są szczupłe i mają odpowiednie wymiary. Co więcej, jeśli wybierzesz odpowiednią wtyczkę do slidera (taką jak Soliloquy), będziesz wiedział, że względy techniczne nie będą miały wpływu na to, że slider WordPressa nie działa.

Jeśli podoba Ci się ten przewodnik, śledź nas na Facebooku i Twitterze i zapisz się do naszego newslettera po prawej stronie tej strony, aby uzyskać więcej bezpłatnych wskazówek i zasobów WordPress!