게시물이나 페이지에 PDF 파일을 삽입하려는 경우가 있습니다.

  • 책 저자는 독자에게 무료 사본을 제공 할 수 있습니다.
  • 웹 사이트에 제품 카탈로그를 추가합니다.
  • PDF 형식의 창작물을 고객과 공유합니다.
  • 여행사를 운영하고 관광 패키지의 여정을 표시하고 싶을 수 있습니다.

하지만 문제가 있습니다! 

WordPress를 사용하면 오디오, 비디오 및 이미지를 포함 할 수 있지만 게시물 및 페이지에 PDF 파일을 포함 할 수는 없습니다. 이 기능은 현재 사용할 수 없습니다. 향후 추가 될 수 있습니다.

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

그러나 기사에 PDF 파일을 포함하고 방문자가 웹 사이트를 떠나지 않고도 볼 수 있도록하려면 어떻게해야합니까? 이것에 대한 해결책이 있습니까?

짧은 대답은 YES.

따라서이 게시물에서는 WordPress 게시물 또는 페이지에 PDF 파일을 포함하는 방법을 보여줍니다. 시작하기 전에 PDF 편집기를 사용하여 형식이 좋고 깔끔한 PDF 문서를 만들어야 할 것입니다. 그러면 플러그인을 사용하거나 사용하지 않고 기사에 추가 할 준비가 된 것입니다. 

그러나 이전에 WordPress discover를 설치 한 적이 없다면 워드 프레스 블로그 7 단계를 설치하는 방법 et 어떻게 찾아 설치하고 블로그에 워드 프레스 테마를 활성화하려면 

그런 다음 왜 우리가 여기 있는지 다시 돌아옵니다.

플러그인으로 PDF 파일을 추가하는 방법

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

그러나 우리는 WordPress PDF Embedder 플러그인. 이 인 워드 프레스 플러그인 WordPress 플러그인 디렉토리에서 사용할 수 있는 무료입니다. 이 플러그인의 가장 좋은 점은 제XNUMX자 서비스나 iframe이 아닌 자바스크립트를 사용하여 작업을 수행한다는 것입니다.

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

WordPress 대시 보드에 로그인하고 메뉴로 이동합니다. 확장> 추가 수색 PDF 베더 검색 창에서. 플러그인을 찾으면 설치하고 활성화하십시오. WordPress 플러그인 설치 방법에 대한 단계별 가이드를 확인할 수도 있습니다.

WordPress 플러그인 설치 PDF 임 베더 Blogpascher

2 단계 : 플러그인 구성

이 플러그인을 설치하면 PDF 파일을 포함 할 수 있지만 먼저 설정을 변경하여 현대적으로 보이도록 할 수 있습니다. 이렇게하려면 다음으로 이동하십시오.  설정> PDF 포함 WordPress 대시 보드의 왼쪽 사이드 바에서

매개 변수 설정 PDF 임 베더 Blogpascher

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

  • 너비와 높이 -PDF 뷰어의 너비와 높이를 변경할 수 있습니다. 정수 값 (픽셀 단위) 또는 최대 (폭 100 %).
  • 바 위치 도구-이 PDF 뷰어의 도구 모음을 사용하면 청중이 확대하거나 뒤로 돌아가 다음 또는 이전 페이지로 이동할 수 있습니다. 툴바는 상단, 하단 또는 둘 다에 배치 할 수 있습니다.
  • 툴바 위로 마우스를 가져갑니다. -문서를 마우스로 가리 켰을 때만 툴바를 표시할지 여부를 선택할 수 있습니다.

이제 이것이 보편적 인 설정입니다. 그러나 특정 파일의 설정을 변경하려면 어떻게해야합니까? 숏 코드의 도움으로 그렇게 할 수 있습니다. 다음은 예입니다.

[pdf-embedder url = "http://yoursite.com/wp-content/uploads/2019/01/April.pdf»width ="500 "toolbar '"top "toolbar 고정"on "]

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

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

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

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

당신이 사용하는 경우 클래식 편집기, PDF 파일을 포함하는 것은 이미지 또는 비디오의 경우와 유사합니다.

먼저 새 게시물을 작성하거나 기존 게시물을 열고 버튼을 클릭하십시오. 미디어를 추가합니다.PDF 파일을 업로드하고 버튼에서 삽입을 클릭합니다. 출판, 게시물에 단축 코드가 추가됩니다.

고전적인 워드 프레스 편집기를 추가하는 방법 Blogpascher Media

그게 다입니다. 이제이 플러그인이 제대로 작동하는지 확인하기 위해 게시물을 미리 볼 수 있습니다.

이건 어떤가요 구텐베르크 편집자 ? 음, Embedder PDF 플러그인은 특정 블록과 함께 제공됩니다. 새 간행물을 만들고 아이콘을 클릭하십시오. 블록 추가. 그런 다음 블록을 찾으십시오. 엠베더 PDF 선택하십시오.

구텐베르크 blogpascher 워드 프레스 편집기를 추가하는 방법

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

사용하는 편집기에 관계없이 최종 결과는 다음과 같습니다.

디스플레이 뷰어 PDF 임 베더 Blogpascher

인기있는 PDF 뷰어 플러그인

비록 워드 프레스 플러그인 PDF Embedder는 좋은 일을 하며, 항상 몇 가지 대안이 있는 것이 좋습니다. 이제 일부를 공유하겠습니다. 워드 프레스 플러그인  프리미엄 PDF 뷰어 (특정 순서 없음) :

1. DK PDF 생성기

게시물의 PDF 버전을 작성하고 커뮤니티 공유에서 공유하는 것이 교통 관리.

Dk PDF 생성기

Le 워드 프레스 플러그인 프리미엄 DK PDF 생성기를 사용하면 PDF로 공유하거나 다운로드할 수 있는 페이지, 게시물 및 사용자 정의 게시물 유형을 쉽게 선택할 수 있습니다.

에 대한 기사를 참조하십시오 30 블로그 게시물이 게시 된 후 할 일들

이를 통해 PDF 파일에 표지 및 목차 (대화식 링크 포함)를 추가 할 수도 있습니다.

다운로드 | 데모 | 웹 호스팅

2. WooCommerce 용 PDF 제품 카탈로그

WooCommerce의 매우 유용한 프리미엄 WordPress 플러그인으로, 온라인 상점에서 PDF 형식으로 전체 제품 목록을 다운로드하는 데 도움이됩니다.

워드 프레스 용 PDF 뷰어

이 플러그인에는 XNUMX 가지 기본 PDF 템플릿이 제공되지만 간단한 HTML 및 CSS를 사용하여 필요에 따라 직접 만들 수 있습니다.

또한 우리를 읽으십시오 9 워드 프레스 플러그인 제품 카탈로그를 관리 할 수

또한 짧은 기사 작성 및 삽입 옵션을 제공하여 기사 나 페이지에 PDF 다운로드 버튼을 추가 할 수 있습니다.

다운로드 | 데모 | 웹 호스팅

3. WordPress 소셜 공유 및 pdf 플러그인으로 게시물 페이지 인쇄

이 프리미엄 워드 프레스 플러그인은 떠나고 있습니다 독점적 인 WordPress 소셜 공유 플러그인, 가장 간단하며 데모를 참조하여 볼 수있는 뛰어난 기능으로 최적화되었습니다. 모든 소셜 네트워크에서 블로그 게시물 또는 웹 페이지의 전체 공유 및 PDF 형식으로 다운로드와 같은 많은 기능을 제공합니다.

Wordpress 소셜 공유 및 PDF 페이지 플러그인 인쇄 페이지 게시물

이 워드 프레스 플러그인을 사용하면 웹 사이트 방문자를 소셜 미디어 계정으로 쉽게 리디렉션하고 당신의 존재를 증가 후자에 관해서.

다운로드 | 데모 | 웹 호스팅

플러그인없이 PDF 파일을 추가하는 방법

글쎄, 당신이 여전히 플러그인이없는 솔루션을 찾고 있다면이 섹션이 당신을위한 것입니다. 다른 플러그인을 설치하지 않고도 WordPress 게시물 및 페이지에 PDF 파일을 확실히 추가 할 수 있습니다.

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

1 단계 : 이동 Google 드라이브 계정에 로그인합니다 (Gmail 계정에 가입하면 무료로 15GB의 공간).

2 단계 : WordPress 게시물에 삽입 할 PDF 파일을 업로드합니다. 그렇게하려면 누보 Google 드라이브 계정의 왼쪽 사이드 바에서 파일 가져 오기를 클릭하십시오. 컴퓨터에서 파일을 업로드합니다.

파일 가져 오기 Google 드라이브 Blogpascher

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

새 창 열기 Google 드라이브 Blogpascher

4 단계 : 새 창에서 추가 작업 ( 3 개의 수직 포인트 오른쪽 상단 모서리) 및 클릭 공유하기.

Google 드라이브 blogpascher

5 단계 : "사람 및 그룹과 공유"및 "링크 가져 오기"라는 팝업이 열립니다. 여기를 클릭하십시오 링크가있는 모든 사용자에게 수정 "링크 받기"섹션에서 이는 PDF 파일 링크가있는 모든 사용자가 볼 수 있도록하기위한 것입니다. 그렇지 않으면 파일이 비공개로 유지되고 웹 사이트 청중에게 보이지 않습니다.

사람들 그룹 공유 Blogpascher

다음 확인이 표시되어야합니다.

링크 받기 Google Drive Blogpascher

완료되면 완성.

6 단계 : 이제 게시물에서 사용할 소스 코드를 가져올 때입니다. 이를 얻으려면 다시 클릭하십시오. 더 많은 행동, 선택 요소 통합.

요소 구글 드라이브 blogpascher 통합 1

7 단계 : iframe 코드를 복사 할 수있는 팝업 창이 열립니다.

Google 드라이브 복사 코드 통합

8 단계 : WordPress 대시 보드로 이동하여 PDF 파일을 삽입 할 게시물 또는 페이지를 만들거나 편집합니다. 사용하는 경우 클래식 편집기, 텍스트 탭으로 이동하여 코드를 붙여 넣으십시오.

클래식 편집기 코드 붙여 넣기 Blogpascher

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

개인화 된 HTML 삽입 구텐베르크 편집기 Blogpascher

9 단계 : 그게 다입니다. 이제 게시물이나 페이지를 미리보고 PDF 파일을 확인하세요.

요약

WordPress에서는 PDF 파일을 첨부 할 수 있지만 포함 할 수는 없습니다. 그러나이 자습서에서는이 문제를 해결합니다. WordPress 플러그인을 사용하거나 사용하지 않고 이미지 및 비디오처럼 PDF 파일을 게시물 또는 페이지에 포함하는 방법을 보여줍니다.

프리미엄 워드 프레스 플러그인도 만나보세요  

당신은 다른 것을 사용할 수 있습니다 워드 프레스 플러그인 현대적인 외관을 제공하고 블로그 또는 웹사이트의 처리를 최적화합니다.

우리는 여기에 당신을 도울 수있는 프리미엄 WordPress 플러그인을 제공합니다.

1. 백업 및 복원

백업 및 복원 당신을 도울 프리미엄 WordPress 플러그인입니다 웹 사이트 백업 예약 로컬 서버 또는 Dropbox, Google Drive 및 Amazon S3와 같은 다른 클라우드 서버에. 따라서 한 번의 클릭으로 데이터베이스를 포함한 전체 웹 사이트를 기존 복원 지점에서 복원 할 수 있습니다.

백업 및 복원

웹 사이트, 데이터베이스 및 모든 백업을 다운로드 할 수도 있습니다. 이 플러그인은 또한 간단하고 안전하며 신뢰할 수있는 방법으로 백업 및 복원 프로세스를 관리하는 데 도움이됩니다.

그 기능은 다음과 같습니다 : 전체 웹 사이트 백업, Amazon S3 백업, Google 드라이브, 드롭 박스, 디스크 공간 관리자, 오래된 백업의 자동 삭제, 웹 사이트의 완전한 복원, 다중 사이트 지원등 ...

다운로드 | 데모 | 웹 호스팅

2. 노란 연필 : 비주얼 CSS 스타일 편집기

Yellow Pencil은 모든 테마와 함께 사용하여 몇 분 만에 웹 사이트를 개인화 할 수있는 비주얼 스타일 편집기입니다 (글꼴, 색상, 애니메이션 등…).Yellowpencil 비주얼 CSS 스타일 편집기 플러그인 워드 프레스

이 프리미엄 워드 프레스 플러그인은 CSS 스타일을 만들 것입니다 배경 마치 게임처럼 색상을 가지고 놀면서 초보자와 숙련 된 사용자 모두를 위해 설계되었습니다.

또한 우리의 발견 5 플러그인 워드프레스(WordPress) 알림을 표시

코딩 지식이 필요하지 않습니다. 그러나 WordPress 플러그인에는 코딩을 좋아하는 사람들을위한 좋은 CSS 편집기가 있습니다. 이 편집기로 실시간으로 코딩하고 CSS를 사용자 지정할 수 있습니다.

다운로드 | 데모 | 웹 호스팅

3. ck 채팅 라이브 채팅 시스템

퀵챗은 워드프레스 플러그인 귀하의 웹사이트와 쉽게 통합되고 고객에게 사용자 친화적인 인터페이스를 제공하는 프리미엄. 모든 컴퓨터나 모바일 기기에서 사용할 수 있는 온라인 채팅입니다.

워드 프레스 용 Quack Chat 라이브 도움말 지원 시스템

기능으로서 다음과 같은 기능을 제공합니다. 메시지 또는 이메일을 통한 즉각적인 알림 지원, 음성 알림 시스템, 채팅 자동 보관 (기록), 사용자 친화적 인 제어판, 사용자 지정 가능한 채팅 창, 자동 및 사용자 지정 가능한 인사말 메시지, 채팅 페이지에서 자동 스크롤 지원 등 ...

다운로드 | 데모 | 웹 호스팅

추천 자료

웹 사이트 구축 및 관리에 도움이되는 기타 권장 리소스에 대해 알아보십시오.

결론

여기 ! 이 튜토리얼은 끝났습니다. 이 기사가 WordPress에 PDF 파일을 포함하는 데 도움이 되었기를 바랍니다.주저하지 마십시오 좋아하는 소셜 네트워크에서 친구들과 공유

그러나 상담 할 수도 있습니다 우리의 자원, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요한 경우에 대한 가이드를 참조하십시오. 워드 프레스 블로그 제작.

제안이나 의견이 있으면 섹션에 남겨주세요 commentaires.

...