Elementor용 PDF 뷰어 사용 방법

Blair Jersyer Oct 19, 2021

Elementor에 PDF 문서를 포함하는 방법을 찾고 있다면 올바른 위치에 있습니다. 링크를 추가하여 이 작업을 수행하는 방법을 이미 공유했지만 여기에서는 Elementor를 사용하여 WordPress 블로그에 PDF 문서를 포함하는 방법을 살펴보겠습니다.

오늘의 자습서에서는 " Elementor용 PDF 뷰어 "라는 작업을 수행하는 플러그인에 중점을 둘 것입니다.

시작하자.

Elementor용 플러그인 PDF 뷰어 다운로드 및 설치

첫 번째 단계는 대시보드에서 플러그인을 다운로드하여 설치하는 것입니다. 플러그인으로 이동하고 "PDF Viewer For Elementor"라는 이름을 사용하여 대시보드에서 이 작업을 직접 수행할 수 있습니다.

놀라운 웹사이트 만들기

최고의 무료 페이지 빌더 Elementor와 함께

지금 시작

이것은 구성이 필요하지 않은 매우 간단한 플러그인입니다. WordPress 설치에서 Elementor를 활성화해야 함을 상기시킬 필요가 없습니다.

PDF를 포함하기 위해 Elementor로 페이지 편집/만들기

이제 Elementor를 사용하여 기존 페이지를 만들거나 편집합니다. Elementor용 PDF 뷰어가 활성화되면 Elementor의 기본 요소에 두 개의 새로운 구성 요소가 추가된 것을 볼 수 있습니다.

보시다시피 플러그인은 Elementor에 2개의 새로운 요소를 추가하지만 언제 그 중 하나를 사용해야 하나요? 그것이 우리가 아래에서 알아낼 것입니다.

PDF 뷰어 요소를 사용하는 경우

"PDF 뷰어" 요소를 사용하면 Google 문서 미리보기를 사용하여 PDF 문서에 대한 링크를 사용하는 iframe을 추가할 수 있습니다.

URL을 제공하거나 미디어에 파일을 업로드하기만 하면 됩니다. 미리 보기 및 정렬의 크기를 구성할 수도 있습니다.

이 솔루션은 잘 작동하지만 몇 가지 단점이 있습니다.

  • WordPress 블로그가 로컬로 호스팅되는 경우 작동하지 않습니다.
  • 작동을 멈출 수 있는 외부 웹사이트에 의존합니다.
  • PDF를 로드하는 것이 느릴 수 있습니다.

PDF를 표시하기 위해 외부 서비스를 사용해도 괜찮다면 이 솔루션이 적합합니다.

PDFjs 뷰어를 사용하는 경우

이 플러그인에 의해 추가된 두 번째 요소는 PDFjs 뷰어입니다. 이름에서 알 수 있듯이 이 솔루션은 PDF 문서를 포함하기 위해 Javascript를 사용합니다. 솔루션에는 이전 요소와 동일한 설정이 있지만 로컬에서 작업할 수 있다는 이점이 있습니다.

여기에서는 미디어에서 PDF로 포함할 파일만 선택할 수 있습니다. 이 솔루션에는 몇 가지 단점도 있습니다.

  • 브라우저가 Javascript를 실행하지 않으면 작동하지 않는 경우(대부분의 최신 브라우저는 Javascript를 실행함)
  • 다운로드할 더 많은 파일과 서버에 대한 잠재적으로 더 많은 요청을 포함합니다.

PDF 미리보기 예

다음은 Elementor용 PDF 뷰어에서 추가한 두 요소의 미리보기가 어떻게 보이는지 보여줍니다.

요소 PDF 뷰어로 미리보기

이 미리보기는 허용되며 페이지를 탐색하는 데 유용한 하단 탐색 버튼을 제공합니다.

PDFjs 뷰어로 미리보기

"PDFjs 뷰어"도 탐색 버튼을 제공하지만 이전 미리보기에서 누락된 검색 버튼을 포함합니다.

WordPress에 PDF를 포함하는 다른 플러그인

이 플러그인이 당신이 찾고 있는 것이 아니라면 아마도 다음 플러그인이 당신이 찾고 있는 솔루션일 것입니다.

워드프레스용 PDF 뷰어

WordPress용 PDF 뷰어는 2014년부터 CodeCanyon에서 사용할 수 있는 WordPress용 프리미엄 PDF 리더 플러그인입니다. 이 플러그인을 사용하면 최신 PDF 리더 및 FlipBook으로 WordPress 웹사이트의 PDF 파일을 표시하고 포함할 수 있습니다.

주요 특징들

  • 소셜 공유 활성화/비활성화
  • 인쇄 옵션 활성화/비활성화
  • 다운로드 옵션 활성화/비활성화
  • 프레젠테이션 모드 활성화/비활성화
  • 찾기 옵션 활성화/비활성화
  • 활성화/비활성화 로고 조정 가능

  • 게시물/페이지의 pdf 파일에 대한 텍스트 링크를 추가하는 단축 코드
  • 완전 반응형 PDF 뷰어
  • 모든 항목을 스타일 지정하고 사용자 정의하십시오.
  • 대부분의 브라우저와 호환
  • 빠르고 부드러운 사용자 경험

PDF Embed - 워드프레스 PDF 뷰어 플러그인

Elfsight PDF Embed는 웹사이트 페이지에 PDF 파일을 표시하는 간단한 방법을 추가합니다. 몇 번의 클릭만으로 문서가 사이트에 게시되어 사용자가 문서를 보고 다운로드할 수 있습니다.

주요 특징들

  • 네이티브 위젯
  • 프리미엄 테마와 호환
  • 사용 가능한 단축 코드
  • 워드프레스 구텐베르크 편집기
  • 비주얼 작곡가 지원

PDF 임베더

PDF Embedded를 사용하면 PDF를 업로드하고 사이트에 바로 포함할 수 있습니다. 이미지를 추가하는 것만큼 쉽습니다! PDF는 자연스러운 크기와 모양에 맞게 자동으로 크기가 조정되거나 너무 큰 경우 사용 가능한 너비를 채웁니다. 선택적으로 너비를 설정할 수 있으며 높이는 자동으로 계산됩니다. 사용자가 페이지 크기를 조정할 때마다 모양이 다시 계산됩니다.

이 플러그인은 더 많은 기능을 갖춘 프리미엄 버전 과 함께 제공됩니다.

요약

다음 중 어떤 솔루션을 사용하시겠습니까? 추천할 사항이 있습니까? 의견에 알려주십시오. 소셜 미디어 계정인 Facebook 및 Twitter에서 팔로우하는 것을 잊지 마십시오.