WordPress에 PDF 파일을 포함하는 방법

WordPress에 PDF 파일을 포함하는 방법

게시물이나 페이지에 PDF 파일을 포함하고 싶을 때가 있습니다.


  • 책 저자는 독자에게 무료 사본을 제공 할 수 있습니다..
  • 웹 사이트에 제품 카탈로그를 추가하려면.
  • 클라이언트와 디자인을 PDF 형식으로 공유하려면.
  • 여행사를 운영 중이고 여행 패키지 일정을 표시하려고 할 수 있습니다..

그러나 문제가 있습니다!

WordPress에서는 오디오, 비디오 및 물론 이미지를 포함 할 수 있지만 게시물과 페이지에는 PDF 파일을 포함 할 수 없습니다. 이 기능은 지금까지 사용할 수 없습니다. 나중에 추가 될 수 있습니다..

PDF 파일을 추가하려는 경우 다음을 사용하여 파일을 업로드 할 수 있습니다. 미디어 추가 옵션을 입력하면 해당 파일에 대한 링크가 페이지에 추가됩니다. 방문자는 웹 사이트를 떠나 웹 브라우저에서 파일을 다운로드하거나 파일을 볼 수 있습니다.

그러나 게시물에 PDF 파일을 포함시키고 방문자가 웹 사이트를 떠나지 않고 볼 수있게하려면 어떻게해야합니까? 그에 대한 해결책이 있습니까? 짧은 대답은 예입니다.

이 게시물에서는 WordPress 게시물 또는 페이지에 PDF 파일을 포함하는 방법을 보여줍니다. 시작하기 전에 아마 형식을 사용하여 잘 정돈 된 PDF 문서를 만들고 싶을 것입니다. PDF 편집기. 그런 다음 플러그인을 사용하거나 사용하지 않고 게시물에 추가 할 수 있습니다. 시작하자.

플러그인으로 PDF 파일을 포함하는 방법

WordPress 게시물에 PDF 파일을 추가하는 데 사용할 수있는 많은 플러그인이 있습니다.

그러나 우리는라는 플러그인을 사용합니다 PDF 엠 베더. WordPress Plugin 디렉토리에서 사용 가능한 무료 플러그인입니다. 이 플러그인의 가장 좋은 점은 자바 스크립트를 사용하여 타사 서비스 또는 iframe이 아닌 작업을 수행한다는 것입니다..

1 단계 : PDF Embedder 플러그인 설치

워드 프레스 대시 보드에 로그인하여 플러그인> 새로 추가. 이제 검색 PDF 엠 베더 검색 창에 플러그인을 찾으면 설치하고 활성화하십시오. 간단하지 않습니까??

PDF Embedder 플러그인 설치

2 단계 : 플러그인 설정

이 플러그인을 설치 한 후에 PDF 파일 포함을 시작할 수 있지만 먼저 포함 된 파일이 더 좋아 보이도록 설정을 수정할 수 있습니다. 이 플러그인의 설정 페이지를 열려면 설정> PDF Embedder 워드 프레스 대시 보드의 왼쪽 사이드 바에서.

PDF Embedder 설정

이 플러그인의 무료 버전을 사용하면 다음을 변경할 수 있습니다.

  • 폭과 높이 – PDF 뷰어의 너비와 높이를 수정할 수 있습니다. 정수 값 (픽셀)을 허용하거나 최대 (폭 100 %).
  • 툴바 위치 –이 PDF 뷰어의 도구 모음을 사용하면 청중이 확대 또는 축소하여 다음 또는 이전 페이지로 이동할 수 있습니다. 툴바를 위, 아래 또는 둘 다에 둘 수 있습니다.
  • 툴바 호버 – 문서 위에 마우스를 올릴 때만 도구 모음을 표시할지 여부를 선택할 수 있습니다..

이제 이것들은 보편적 인 설정입니다. 그러나 특정 파일의 설정을 변경하려면 어떻게해야합니까? 짧은 코드를 사용하여 그렇게 할 수 있습니다. 예를 들면 다음과 같습니다.

[pdf-embedder url =”http://yoursite.com/wp-content/uploads/2019/01/April.pdf”width =”500 ″ toolbar =”top”toolbarfixed =”on”]

위의 예에서 너비는 500px로 설정되고 툴바 위치는 상단으로 설정되며 툴바는 고정됩니다. 도구 모음을 아래쪽으로 설정하고 도구 모음을 고정으로 해제 할 수도 있습니다.

이 플러그인에는 다운로드 버튼, 트랙 뷰 및 다운로드, 연속 페이지 스크롤 및 새 창에서 링크 열기와 같은 기능을 제공하는 프리미엄 버전도 있습니다..

3 단계 : 게시물 또는 페이지에 PDF 파일 포함

설정이 완료되면 더티 작업을 시작할 수 있습니다. 이제 클래식 편집기를 사용하든 구텐베르크 편집기를 사용하든이 플러그인을 사용하여 원하는 결과를 쉽게 얻을 수 있습니다.

당신이 사용하는 경우 클래식 에디터, PDF 파일을 포함시키는 것은 이미지 나 비디오에서하는 것과 유사합니다.

우선 새 게시물을 만들거나 기존 게시물을 연 다음 미디어 추가 단추. 이제 PDF 파일을 업로드하고 게시물에 삽입 버튼을 누르면 짧은 코드가 게시물에 추가됩니다.

PDF 파일 포함 Classic Editor

이제 끝났습니다. 이제 게시물을 미리보고 제대로 작동하는지 확인할 수 있습니다..

이건 어떤가요 구텐베르크 편집자? PDF Embedder 플러그인에는 특정 블록이 있습니다. 새 게시물을 작성하고 블록 추가 아이콘을 클릭하십시오. 다음으로 검색 PDF 엠 베더 차단하고 선택.

PDF 파일 포함 구텐베르크 편집기

마지막으로 블록을 클릭하여 PDF 파일을 선택하거나 업로드하면 작업이 완료됩니다..

어떤 편집기를 사용하든 최종 결과는 다음과 같습니다.

임베디드 PDF 파일 최종

인기있는 PDF 뷰어 플러그인

PDF Embedder 플러그인은 잘 작동하지만 항상 다른 대안을 사용하는 것이 좋습니다. 이제 특정 순서없이 무료 및 프리미엄 PDF 뷰어 플러그인을 공유하겠습니다.

워드 프레스 용 PDF 뷰어

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

정보 및 다운로드

3900 개 이상의 판매량을 기록한 WordPress 용 PDF 뷰어는 CodeCanyon의 판매용 PDF 뷰어 플러그인입니다. 완벽하게 반응하고 브라우저 간 호환되는 플러그인입니다. 이 플러그인을 사용하면 인쇄, 다운로드, 확대 / 축소, navigation 페이지 탐색 및 소셜 공유와 같은 옵션을 활성화하거나 비활성화 할 수 있습니다. WordPress에서 Google 웹 로그 분석을 사용하여 PDF를 읽는 방문자 수를 추적 할 수도 있습니다..

구글 드라이브 엠 베더

Google 드라이브 엠 베더 플러그인

Google Drive Embedder는 WordPress 대시 보드에서 Google 드라이브에 액세스하여 PDF, Word 문서 또는 스프레드 시트를 게시물이나 페이지에 포함시킬 수있는 무료 플러그인입니다. 그러나이 플러그인을 사용하려면 설치해야합니다 Google Apps 로그인 또한 –이 플러그인의 목적은 Google 드라이브를 WordPress 사이트에 연결하는 것입니다..

알고리즘 PDF 뷰어

Algori PDF 뷰어 플러그인

PDF 파일 포함을위한 Gutenberg 블록 플러그인을 찾고 계십니까? Algori PDF Viewer 플러그인을 사용해 볼 수 있습니다. 이 무료 플러그인은 Chrome, Firefox, Safari, Opera 및 Internet Explorer 11과 같은 모든 웹 브라우저와 호환됩니다. 한 페이지에 여러 파일을로드하고 프리젠 테이션 모드를 지원합니다.

Real3D FlipBook 워드 프레스 플러그인

Real3D FlipBook 워드 프레스 플러그인

정보 및 다운로드

이름에서 알 수 있듯이 Real3D FlipBook은 PDF 및 이미지를 표시하는 반응 형 터치 친화적 인 3D 플립 북 플러그인입니다. HTML5를 사용하여 개발되었으며 Flash를 사용할 필요가 없습니다. 플립 속도, 플립 사운드, 줌 레벨 및 카메라 각도와 같은 설정을 사용자 정의 할 수 있습니다. 이 플러그인은 라이트 박스 및 전체 화면 모드도 지원합니다.

모든 문서 플러스 포함

모든 문서 플러스 포함

정보 및 다운로드

Embed Any Document Plus는 WordPress 웹 사이트에 쉽게 문서 파일 (PDF, Word, PPT, Excel 등)을 쉽게 업로드하고 포함 할 수있는 일종의 플러그인 중 하나입니다. 플러그인은 비주얼 편집기 위에 ‘문서 추가’버튼을 추가합니다. 그러면 문서 소스를 선택할 수있는 EAD Plus 팝업이 열립니다. 또한 Google Drive, Dropbox 및 Box.com 클라우드 서비스와 긴밀하게 통합되어 있습니다. WordPress 사이트에 머물면서 클라우드 서비스에 파일을 업로드하고 바로 거기에 포함시킬 수 있습니다.

문서를 업로드하거나 선택한 후 포함시키려는 경우 파일을 포함시키려는 문서 서비스를 선택할 수있는 옵션도 제공됩니다. 플러그인은 파일 형식을 자동으로 인식하고 뷰어를 제안합니다. 뷰어는 최대 5-8MB 크기의 파일을 처리 할 수 ​​있습니다. 더 큰 파일의 경우 개발자는 파일을 Google 드라이브에 업로드하고 거기에 포함시키는 것이 좋습니다.

플러그인없이 PDF 파일을 포함하는 방법

글쎄, 당신은 항상 플러그인없이 솔루션을 찾고있는 사람들 중 하나라면,이 섹션은 당신을위한 것입니다. 아직 다른 플러그인을 설치하지 않고도 WordPress 게시물 및 페이지에 PDF 파일을 포함시킬 수 있습니다..

아이디어는 간단합니다. PDF 파일을 Google 드라이브 계정에 업로드 한 다음 iframe 코드를 사용하여 해당 파일을 사이트에 포함시켜야합니다. 이 방법은 안전하지만 유일한 문제는 iframe을 사용한다는 것입니다..

1 단계: 이동 구글 드라이브 계정에 로그인하십시오.

2 단계: WordPress 게시물에 포함 할 PDF 파일을 여기에 업로드하십시오. 그렇게하려면 새로운 Google 드라이브 계정의 왼쪽 사이드 바에서 파일 업로드, 로컬 컴퓨터에서 파일을 업로드.

Google 드라이브 파일 업로드

3 단계: 파일이 드라이브에 업로드되면 파일을 두 번 클릭하여 파일을 미리 봅니다. 이제 오른쪽 상단 모서리에있는 3 개의 수직 점 (추가 작업)을 클릭하고 새창에서 열기.

4 단계: 새 창에서 추가 작업 (오른쪽 상단 모서리에있는 3 개의 수직 점)을 클릭하고 공유를 선택하십시오..

Google 드라이브 PDF 공유

5 단계:“다른 사용자와 공유”라는 팝업이 열립니다. 여기를 클릭하십시오 공유 가능한 링크 받기 – 이것이하는 일은 PDF 파일 링크가있는 모든 사람이 볼 수있게하는 것입니다. 이 작업을 수행하지 않으면 파일이 비공개로 유지되어 웹 사이트 사용자에게 표시되지 않습니다.

공유 가능한 링크 받기

6 단계: 방문자가 파일을 다운로드하거나 인쇄하지 못하게하고 텍스트 복사 기능을 비활성화하지 않으려면 많은 동일한 팝업 창에서. “댓글 자와 시청자를위한 다운로드, 인쇄 및 복사 옵션 비활성화”라는 옵션을 선택하고 끝난.

Google 드라이브 PDF에서 다운로드 인쇄 사본 사용 안함

7 단계: 이제 게시물에서 사용할 소스 코드를 가져와야합니다. 이를 위해 추가 작업을 다시 클릭하고 임베드 항목, iframe 코드를 복사하십시오..

Google 드라이브 사본 삽입 코드

8 단계: WordPress 대시 보드로 이동하여 PDF 파일을 포함 할 게시물 또는 페이지를 작성하거나 편집하십시오. 지금, 당신이 사용하는 경우 클래식 에디터, 텍스트 탭으로 이동하여 코드를 붙여 넣으십시오.

클래식 에디터 텍스트 탭

에 대한 구텐베르크 편집자, 새 블록을 추가하고 맞춤 HTML을 검색 한 다음 마지막으로 맞춤 HTML 블록에 iframe 코드를 추가해야합니다.

맞춤 HTML 블록

9 단계: 이제 끝났습니다. 이제 게시물 또는 페이지를 미리보고 포함 된 PDF 파일을 확인하십시오..

WordPress에 PDF 파일을 포함하는 방법에 대한 미주

WordPress를 사용하면 PDF 파일에 연결할 수는 있지만 포함시킬 수는 없습니다. 그러나이 학습서는 해당 문제점을 해결합니다. 플러그인을 사용하거나 사용하지 않고 이미지 및 비디오와 같이 게시물이나 페이지에 PDF 파일을 포함하는 방법을 보여줍니다..

두 가지 방법 중 하나를 사용하여 웹 사이트에 PDF 파일을 삽입 한 적이 있습니까? 대체 플러그인을 염두에두고이 기사에서 언급 한 플러그인보다 낫다고 생각하십니까? 의견 섹션에서 당신의 생각을 알려주세요.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map