WordPress 슬라이더가 작동하지 않습니까? 해결 방법은 다음과 같습니다.

게시 됨: 2021-10-05

이미지 슬라이더를 사용하면 공간을 절약하면서 여러 이미지를 표시할 수 있습니다. 물론 이것이 유일한 이점은 아닙니다. 그러나 WordPress 슬라이더가 작동하지 않으면 이점이 중요하지 않습니다. 귀하의 웹사이트는 비전문적으로 보일 것이며, 이것이 귀하의 전략의 일부인 경우 트래픽과 잠재적인 수입이 손실될 수 있습니다.

이미지가 표시되지 않는 경우, 사이트 성능에 미치는 영향 등과 같이 주의해야 할 문제가 많이 있습니다. 그러나 해결하는 데 너무 오래 걸리지 않아야 하는 이러한 모든 문제에 대한 솔루션도 있습니다. 선택한 플러그인은 발생하는 문제와 문제가 계속 표시되는지 여부의 중심이 됩니다.

따라서 이 가이드에서는 작동하지 않는 WordPress 슬라이더를 수정하는 방법을 보여줍니다. 팁으로 바로 이동하고 사이트에 적합한 WordPress 슬라이더 플러그인 선택에 대한 섹션으로 끝낼 것입니다.

1. 슬라이더의 이미지가 사이트에 표시되지 않습니다.

분명한 문제는 슬라이더가 로드되지만 이미지가 표시되지 않는 경우입니다. 많은 경우에 이것은 빈 슬라이드로 표시되거나 누락된 이미지를 나타내는 아이콘이 표시될 수도 있습니다. 이러한 문제는 사용자에게 표시되기 때문에 종종 백엔드 문제보다 더 나쁠 수 있습니다.

슬라이더의 이미지가 표시되지 않는 몇 가지 이유가 있습니다. 주요 문제는 웹사이트의 캐시를 둘러싸고 있습니다(사용하는 경우). 그러나 이미지 파일이 손상되거나 슬라이더 코드가 있는 경우에도 손상될 수 있습니다.

드문 경우지만 슬라이더 플러그인이 WordPress 버전과 호환되지 않을 수 있습니다. 그러나 이것은 종종 플러그인에 치명적인 오류로 나타납니다. 이미지는 고사하고 로드가 표시되지 않습니다 .

위의 내용을 감안할 때 수행할 수 있는 수정 사항이 많이 있습니다. 서버 측이든 클라이언트 측 플러그인을 사용하든 캐시를 사용하는 경우 캐시를 지우고 사이트의 프런트 엔드를 확인하십시오. 대부분의 경우 이렇게 하면 문제가 해결됩니다.

캐시 삭제 버튼.

또한 WordPress 미디어 라이브러리를 열고 이미지가 라이브러리 자체에 나타나는지 확인합니다. 그렇다면 메타데이터에서 볼 것으로 예상되는 이미지가 손상되었는지 여부에 대한 단서를 찾아보세요.

워드프레스 미디어 라이브러리.

이미지가 문제를 일으키지 않는지 확인하기 위해 어쨌든 이미지를 다시 업로드할 수 있습니다. 슬라이더에 새 이미지를 업로드하여 선택한 플러그인의 기능을 확인할 수도 있습니다.

WordPress 슬라이더가 작동하지 않는 원인은 아닐 수 있지만 WordPress 핵심 설치 및 플러그인을 업데이트하십시오. 개발자가 최신 업데이트에서 수정한 호환성이 있을 수 있습니다.

2. 이미지가 불규칙한 크기로 표시됨

이미지의 크기는 슬라이더 문제가 있는 경우 고려해야 할 가장 중요한 요소 중 하나입니다. 슬라이더 플러그인이 몇 가지 훌륭한 작업을 수행할 수 있지만 자르기 및 조정이 솔루션마다 다를 수 있기 때문입니다.

슬라이더의 이미지가 로드되지만 제대로 보이지 않는 경우 높이와 너비를 조사하십시오. 구성 설정 내에서 슬라이더에 대해 설정한 크기와 일치해야 합니다.

Soliloquy 구성 설정.

대부분의 경우 이러한 치수를 유지하거나 이미지 크기를 두 배로 늘릴 수 있습니다. 예를 들어 1,000×500 픽셀인 슬라이드의 경우 2,000×1,000 픽셀로 이동할 수 있습니다. 리소스 낭비처럼 보일 수 있지만 파일 크기에 미치는 영향은 최소화됩니다.

대신 픽셀을 단일 공간에 '이중'으로 압축하는 고화질 버전의 이미지를 제공합니다. 이것은 혼란스럽게 들릴 수 있지만 크기를 두 배로 늘리면 화면에서 더 선명한 이미지를 생성할 수 있습니다.

또한 Soliloquy의 기능을 사용하여 도움을 줄 수도 있습니다. WordPress 슬라이더 플러그인에는 업로드한 이미지를 중앙에 배치하고 크기를 조정하는 방법이 포함되어 있습니다. 소스에서 이미지에 대한 올바른 치수를 설정하고 싶지만 Soliloquy의 기능을 사용하면 이미지의 일관성을 높일 수 있습니다.

여백 설정과 슬라이더가 이미지를 자르는지 여부를 확인할 수도 있습니다.

슬라이더 거터 설정.

이런 일이 발생하고 이에 대해 알지 못하면 예상한 결과가 나타나지 않을 때 종종 좌절하게 됩니다.

3. 슬라이더 플러그인은 사이트 성능에 영향을 미칩니다

느린 사이트 속도는 웹사이트에 여러 문제를 일으킬 수 있습니다. 이는 사용자 경험(UX)에 가장 큰 영향을 미치며 검색 엔진 최적화(SEO)에도 영향을 미칠 수 있습니다. 느린 웹 사이트는 사용자를 외면할 것입니다. 트래픽이 적고 이탈률이 높다는 것은 콘텐츠가 SERP(검색 엔진 결과 페이지) 아래로 미끄러진다는 것을 의미합니다.

WordPress 슬라이더 플러그인은 다음과 같은 여러 가지 이유로 속도 저하의 근본 원인이 될 수 있습니다.

  • 사용하는 이미지가 너무 큽니다. 페이지에 추가하는 각 이미지는 페이지의 전체 크기를 증가시킵니다. 페이지 크기가 클수록 로드 시간이 더 오래 걸립니다. 이미지를 업로드하기 전에 최적화하고 최대한 간결하게 유지하는 것이 좋습니다.
  • 슬라이더 플러그인은 최적의 코드베이스를 사용하지 않습니다. 나중에 이것에 대해 더 말할 것이 있지만 열악한 WordPress 슬라이더 플러그인은 표준 이하의 결과를 생성합니다.
  • 너무 많은 특수 효과 및 전환을 사용하고 있습니다. 큰 이미지를 사용하는 것과 마찬가지로 슬라이더에 추가하는 모든 종소리와 휘파람은 크기를 증가시킵니다.

첫 번째 단계는 이미지를 최적화하고 '멋진' 수의 전환을 사용하여 슬라이드 로드 시간에 영향을 줄 수 있는지 확인하는 것입니다. 이것들이 제자리에 있으면 슬라이더 플러그인 자체를 볼 수 있습니다.

일부 플러그인은 기본적으로 다른 플러그인보다 성능이 더 좋습니다. 예를 들어 Soliloquy를 포함하여 5가지 다른 WordPress 슬라이더 플러그인에 대한 빠른 테스트를 수행했습니다. 각 슬라이더는 동일한 이미지를 사용했으며 페이지 로드 시간, 최종 페이지 크기 및 수행된 HTTP 요청 수에 대한 측정값을 기록했습니다.

후자는 플러그인 코드가 얼마나 최적화되었는지 알려주는 백엔드 메트릭입니다. 결과는 다음과 같습니다.

슬라이더 플러그인 페이지 로드 시간 요청 페이지 크기
혼잣말 1.34초 26 945KB
니보 슬라이더 2.12초 29 1MB
유성 2.32초 27 1.2MB
슬라이더 혁명 2.25초 29 1MB
레이어 슬라이더 2.12초 30 975KB

우리의 WordPress 슬라이더 플러그인인 Soliloquy는 세 영역 모두에서 이 콘테스트에서 우승했습니다. 여기서 요점은 이미지와 슬라이더 프리젠테이션을 최적화하면 플러그인 선택이 사이트의 성능 매니폴드에 영향을 미칠 수 있다는 것입니다.

4. 로딩 애니메이션에서 슬라이더가 '멈춤'

이미지가 로드되지 않는 이전 문제와 달리 WordPress 슬라이더가 전혀 로드되지 않을 수 있습니다. 이미지와 관련하여 따라야 할 명확한 경로가 있지만 로드에 실패한 슬라이드는 더 심각한 문제를 나타냅니다.

여기서 첫 번째 단계는 이미지를 다시 확인하여 이미지가 충분히 작고 손상되지 않았는지 확인하는 것입니다. 이것을 손에 넣으면 다른 플러그인을 볼 수 있습니다.

연결이 표시되지 않을 수 있지만 로드되지 않는 슬라이드는 사이트 내부에 있는 일부 코드 간에 충돌이 있음을 나타낼 수 있습니다. 따라서 사이트의 모든 플러그인을 비활성화하고 슬라이더를 활성화된 상태로 두는 것이 좋습니다.

이것을 확인하고 슬라이더가 예상대로 로드되면 다른 플러그인에 문제가 있는 것입니다. 여기에서 슬라이더와 각각의 다른 플러그인을 차례로 활성화하여 슬라이더와 충돌하는 플러그인을 확인합니다.

WordPress 플러그인 페이지.

문제의 플러그인을 찾으면 다음과 같은 결정을 내릴 수 있습니다.

  • 먼저 플러그인이 워크플로에 필수적인지 여부를 결정합니다. 그렇지 않은 경우 안전하게 비활성화하고 제거할 수 있습니다.
  • 플러그인이 필수인 경우 다른 플러그인을 찾고 싶을 수도 있습니다. WordPress 플러그인 디렉토리에는 무료로 수천 개의 플러그인이 있으며, 잠시 후 사이트를 정상 상태로 되돌리기 위한 대안을 설치할 수 있습니다. 물론 장기적으로 보다 영구적인 솔루션을 연구하고 싶을 수도 있습니다.
  • 충돌하는 플러그인의 개발자에게 연락하여 문제를 알릴 수도 있습니다. 그들이 패치를 발행하거나 문제에 대한 수정 사항을 안내할 수 있습니다.

플러그인을 테스트하고 교체해야 하기 때문에 작동하지 않는 WordPress 슬라이더에 직면할 수 있는 최악의 문제일 수 있습니다. 그러나 영향을 미치는 다른 기술적인 문제가 있을 수 있습니다. 이에 대해서는 다음에 논의하겠습니다.

5. 사이트 또는 슬라이더 플러그인에 기술적인 문제가 있습니다.

목록의 다른 범주에 속하지 않는 문제가 있을 수 있습니다. 이러한 경우 진단할 수 없는 기술적인 문제가 발생합니다.

첫 번째 전화 포트는 개발자에게 연락하여 문제에 대해 논의하는 것입니다. 플러그인과 작동 방식에 대해 잘 알고 있기 때문에 연락할 수 있는 가장 좋은 사람들이 될 것입니다.

그러나 WordPress 슬라이더 플러그인의 원인인 사이트에 문제가 있을 수 있습니다. 예를 들어:

  • 죽음의 백색 스크린. 이것은 플러그인이나 테마의 문제인 경우가 많으며 불가능한 것은 아니지만 해결하기 어려운 문제 중 하나입니다.
  • WordPress 다중 사이트 네트워크 문제. 경우에 따라 설치에 네트워크 활성화 옵션을 사용하면 플러그인이 제대로 작동하지 않을 수 있습니다. 대신 개별 사이트에 슬라이더를 설치하고 거기에서 작업하고 싶을 것입니다.

슬라이더 문제의 원인으로 무언가가 눈에 띄면 반드시 해결하십시오. 그러나 대부분의 경우 개발자에게 문의하여 수정 사항을 확인하고 싶을 것입니다.

최고의 성능을 위해 고품질 WordPress 슬라이더 플러그인을 선택하십시오

이미지 슬라이더의 경우 항상 플러그인을 사용해야 합니다. WordPress와 플러그인은 함께 사용되지만 여전히 사이트에 추가 코드를 추가하고 있음을 기억하십시오. 따라서 적합한 WordPress 슬라이더 플러그인을 선택하고 싶을 것입니다. 사이트에서 슬라이더와 관련된 문제가 발생하면 플러그인 자체에 문제가 있을 수 있습니다.

Soliloquy는 수천 명의 만족스러운 사용자와 훌륭한 가격을 제공하는 빠르고 직관적이며 강력한 WordPress 슬라이더 플러그인입니다.

Soliloquy 플러그인.

사용자 정의 편집기 패널을 통해 몇 분 만에 아름답고 반응이 빠르고 매혹적인 슬라이더를 만들 수 있습니다. 다른 슬라이더 플러그인보다 Soliloquy를 선택해야 하는 많은 이유가 있지만 다음은 몇 가지 눈에 띄는 기능입니다.

  • 드래그 앤 드롭 비주얼 편집기를 사용하여 슬라이더를 만들 수 있습니다.
  • 설정 시간을 단축하는 데 도움이 되는 다양한 테마 중에서 선택할 수 있습니다.
  • 동적 콘텐츠가 포함된 슬라이더를 만들 수 있으므로 Soliloquy가 제공해야 하는 기능을 활용하면서 손을 떼지 않고 접근할 수 있습니다.
  • Soliloquy에는 오른쪽 클릭 비활성화와 같이 사용자가 귀하의 콘텐츠를 다운로드하지 못하도록 하는 기능이 있습니다.

우리는 Soliloquy가 이미 얼마나 빠른지 주목했으며, 그 중 일부는 플러그인의 코드베이스와 관련하여 일반적인 관행을 사용하는 것입니다. 또한 필요할 때마다 도움을 드릴 수 있는 전폭적인 지원 팀이 있습니다.

결론

WordPress 슬라이더를 사용하면 정적이고 지루한 페이지를 사이트의 작업을 동적으로 표시할 수 있습니다. 그러나 슬라이더에 문제가 있는 경우 진단하기 어려울 수 있습니다. 당신이 할 수 있는 진출이 많고 상황이 나빠지기 전에 할 수 있는 것도 많습니다.

이 게시물을 진행하는 동안 WordPress 슬라이더가 작동하지 않는 여러 문제를 살펴보고 해결 방법을 보여주었습니다. 예를 들어 이미지가 얇고 올바른 치수로 설정되어 있는지 확인하십시오. 또한 적절한 슬라이더 플러그인(예: Soliloquy)을 선택하면 기술적인 고려 사항이 WordPress 슬라이더가 작동하지 않는 요인이 되지 않는다는 것을 알게 될 것입니다.

이 가이드가 마음에 든다면 Facebook과 Twitter에서 팔로우하고 이 페이지 오른쪽에 있는 뉴스레터를 구독하여 더 많은 무료 WordPress 팁과 리소스를 확인하세요!