워드프레스에 PDF를 삽입하는 방법은 무엇일까요? (간단한 3가지 방법)

워드프레스에 PDF 파일을 삽입하는 방법은 세 가지가 있습니다. 내장된 파일 블록, 전용 플러그인, 또는 Google Drive를 이용한 iframe 삽입입니다. 세 가지 방법 모두 코드를 수정할 필요 없이 5분 이내에 설정할 수 있습니다.

대부분의 워드프레스 사용자는 PDF 파일을 다운로드 가능한 파일로 업로드하지만, 페이지에 직접 표시할 수 있다는 사실을 모르는 경우가 많습니다. 워드프레스에 PDF를 올바르게 추가하는 방법은 방문자의 사이트 체류 시간을 늘리고 참여도를 높이며, 브로셔, 메뉴, 보고서 등 다운로드 없이 볼 수 있도록 하고 싶은 모든 문서에 효과적입니다. 지금부터 그 방법을 자세히 알아보겠습니다.

요약

• WordPress에서는 플러그인 없이 내장된 파일 블록을 사용하여 PDF 파일을 공유할 수 있습니다.

• 확대/축소, 탐색 및 다운로드 제어 기능을 갖춘 전문적인 뷰어를 사용하려면 PDF 임베드 플러그인을 사용하십시오.

• 용량이 크거나 외부 서버에 호스팅된 파일의 경우 Google Drive 또는 Dropbox의 iframe을 사용하세요.

• 페이지 로딩 속도 저하를 방지하려면 PDF 파일을 업로드하기 전에 항상 5MB 미만으로 압축하세요.

• 브라우저 렌더링 방식이 기기마다 다르므로 게시하기 전에 모바일 기기에서 임베드된 콘텐츠를 테스트하세요.

워드프레스에서 PDF 파일을 링크하는 대신 직접 삽입하는 이유는 무엇일까요?

PDF 링크를 걸면 새 탭에서 열리거나 다운로드가 시작됩니다. 반면 PDF를 임베드하면 방문자는 내 페이지 레이아웃 내에 머무르며 브랜드가 그대로 표시됩니다. 이러한 차이는 생각보다 훨씬 중요합니다.

대부분의 상황에서 임베딩이 더 나은 선택인 이유는 다음과 같습니다.

• 사용자 경험 향상: 방문자는 사이트를 떠나지 않고 문서를 읽을 수 있습니다. 새 탭이 열리거나 다운로드된 파일이 기기를 어지럽힐 필요가 없습니다.

• 참여도 향상: 임베디드 문서는 사용자의 페이지 체류 시간을 늘려 이탈률을 줄입니다.

• 더욱 강화된 제어: 사용하는 플러그인이나 방법에 따라 방문자가 문서를 다운로드, 인쇄 또는 보기만 할 수 있도록 허용할지 여부를 결정할 수 있습니다.

• SEO 이점: PDF 삽입 내용 주변의 페이지 콘텐츠, 제목, 그리고 맥락 설명은 Google에서 색인화할 수 있습니다. PDF 콘텐츠 자체는 검색 엔진이 읽기 어렵기 때문에, 보조 텍스트와 함께 삽입하면 페이지의 전반적인 관련성이 향상됩니다.

• 전문적인 프레젠테이션: 스타일이 적용되고 반응형 디자인을 갖춘 PDF 뷰어는 단순한 다운로드 링크보다 훨씬 더 세련된 느낌을 줍니다.

시작하기 전에 무엇이 필요할까요?

웹사이트에 PDF 파일을 삽입하기 전에 약간의 준비를 하면 시간을 절약하고 가장 흔한 문제를 예방할 수 있습니다. 편집기를 열기 전에 다음 간단한 체크리스트를 확인해 보세요.

• 압축된 PDF 파일: 느려집니다 페이지 로딩 속도가. 업로드하기 전에 Smallpdf 또는 iLovePDF를 사용하여 파일을 압축하세요. 인라인 뷰어의 경우 5MB 미만이 되도록 크기를 조정하는 것이 좋습니다.

• 워드프레스 편집기 접근 권한: PDF 파일이 표시될 페이지 또는 게시물에 대한 편집자 또는 관리자 권한이 필요합니다.

• WordPress에서 호스팅하는 경우: 미디어 라이브러리에 직접 업로드하고 블록 또는 플러그인에서 파일 URL을 참조하세요.

• 외부 호스팅: Google Drive, Dropbox 또는 다른 플랫폼을 사용하고 iframe이나 플러그인 단축 코드를 사용하여 파일을 가져옵니다.

• 다운로드 권한 결정: 방문자가 파일을 다운로드할 수 있는지 여부를 사전에 결정해야 합니다. 이는 어떤 방법과 플러그인을 선택할지에 영향을 미칩니다.

워드프레스에 PDF를 삽입하는 세 가지 방법은 무엇인가요?

워드프레스에서 PDF 파일을 불러오는 데는 세 가지 확실한 방법이 있습니다. 어떤 방법을 선택할지는 파일이 호스팅된 위치, 뷰어에 대한 제어 권한 필요 정도, 그리고 플러그인 설치 여부에 따라 달라집니다.

방법	가장 적합한 대상	플러그인 필요
파일 블록	빠른 삽입, 설정 불필요	아니요
PDF 삽입 플러그인	컨트롤 기능을 갖춘 전문가용 뷰어	예
iFrame 또는 Google Drive	외부 호스팅 또는 대용량 파일	아니요

방법 1: 워드프레스 파일 블록 사용 (플러그인 필요 없음)

워드프레스에서 PDF 파일을 업로드하고 표시하는 가장 빠른 방법은 구텐베르크 편집기의 내장 파일 블록을 이용하는 것입니다. 이 방법은 플러그인이 필요하지 않으며, 워드프레스 호스팅 사이트 5.0 이상 버전이 설치된

파일 블록은 방문자의 브라우저를 사용하여 페이지에 PDF 뷰어를 직접 표시하고 그 아래에 다운로드 버튼을 제공합니다.

파일 블록을 사용하여 PDF를 삽입하는 방법은 무엇입니까?

1. PDF 파일을 삽입하려는 페이지 또는 게시물을 엽니다.
2. 블록 편집기에서 더하기 아이콘을 클릭하고 '파일'을 검색한 다음 검색 결과에서 선택합니다.
3. 파일 블록을 선택한 다음 업로드를 클릭하여 PDF 파일을 추가하거나 미디어 라이브러리에서 선택하세요.
4. 업로드가 완료되면 오른쪽 블록 설정 패널에서 인라인 파일 보기를 켜세요.
5. 문서 길이에 맞게 뷰어 높이를 픽셀 단위로 조정하세요.
6. 저장하려면 '업데이트' 또는 '게시'를 클릭하세요.

PDF 파일은 브라우저에 내장된 PDF 뷰어를 사용하여 페이지 콘텐츠 내에 표시됩니다. 별도의 설정이 필요하지 않습니다.

파일 블록의 한계점은 무엇인가요?

내장된 파일 블록은 간단한 사용 사례에는 적합하지만, 이 방법을 사용하기 전에 알아두어야 할 몇 가지 제약 사항이 있습니다.

• 브라우저 종속성: 뷰어는 방문자의 브라우저에 따라 달라집니다. 일부 모바일 브라우저에서는 기본적으로 인라인으로 표시하는 대신 다운로드 프롬프트가 표시됩니다.

• 스타일 제어 불가: 뷰어의 모양, 도구 모음 또는 탐색 버튼을 사용자 지정할 수 없습니다.

• 항상 다운로드 버튼이 표시됩니다. 이 방법으로는 다운로드를 비활성화할 수 없습니다.

이러한 제한 사항 중 하나라도 사용 사례에 문제가 된다면, 방법 2가 모든 문제를 해결해 줍니다.

방법 2: PDF 삽입 플러그인 사용

PDF 삽입 전용 플러그인을 사용하면 확대/축소, 페이지 이동, 다운로드 권한 및 전체 화면 모드 제어 기능을 갖춘 세련된 디자인의 반응형 뷰어를 이용할 수 있습니다. 프레젠테이션과 제어 기능이 중요한 경우에 가장 적합한 옵션입니다.

워드프레스 PDF 삽입 플러그인 중 최고의 플러그인은 무엇인가요?

몇몇 플러그인이 이 기능을 잘 처리합니다. 다음은 현재 사용 가능한 가장 안정적인 옵션입니다.

• PDF 임베더: 깔끔하고 반응형 뷰어를 사용하여 PDF를 삽입하는 가볍고 유지 관리가 잘 된 플러그인입니다. 블록 또는 숏코드를 통해 작동합니다. 프리미엄 버전에는 확대/축소 컨트롤, 전체 화면 모드 및 페이지 이동 기능이 추가됩니다. 대부분의 웹사이트에 가장 적합한 종합적인 선택입니다.

• 모든 문서 삽입 가능: PDF, Word 문서, Excel 파일 및 PowerPoint 프레젠테이션을 지원합니다. Google Docs Viewer 또는 Microsoft Office Online을 렌더링 엔진으로 사용하여 대부분의 브라우저 및 모바일 호환성 문제를 해결합니다.

• Real3D FlipBook: 페이지 넘김 애니메이션이 포함된 잡지 스타일의 플립북 뷰어에 가장 적합한 옵션입니다. 시각적 표현이 중요한 브로셔, 카탈로그, 룩북에 이상적입니다.

PDF Embedder를 사용하여 PDF를 삽입하는 방법은 무엇입니까?

1. 플러그인 → 새 플러그인 추가로 이동하여 PDF Embedder를 검색하고 설치하세요.
2. 플러그인을 활성화하고 설정으로 이동하여 기본 너비와 높이를 구성하세요.
3. PDF 파일을 표시할 페이지 또는 게시물을 여세요.
4. 새 블록을 추가하고 PDF 임베더를 선택하거나, [pdf-embedder url=”PDF URL”]과 같은 단축 코드를 사용하세요
5. PDF 파일을 미디어 라이브러리에 업로드하고 파일 URL을 복사하세요.
6. URL을 블록 또는 숏코드에 붙여넣으세요.
7. 페이지를 미리 보기하여 뷰어가 올바르게 표시되는지 확인한 후 게시하세요.

뷰어는 사용자의 페이지에 표시되며, 설정에 따라 탐색 화살표, 페이지 카운터 및 선택적 확대/축소 컨트롤이 포함됩니다.

방법 3: iFrame 또는 Google Drive를 사용하여 PDF 삽입

워드프레스 외부(예: Google Drive 또는 Dropbox)에 호스팅된 PDF 파일을 삽입하려면 iframe이 가장 유연한 옵션입니다. 이 방법은 PDF 파일 크기 가 너무 커서 자체 서버에 호스팅할 수 없는 경우에도 효과적입니다.

Google Drive에서 PDF 파일을 삽입하는 방법은 무엇인가요?

1. PDF 파일을 구글 드라이브에 업로드하세요.
2. 파일을 마우스 오른쪽 버튼으로 클릭하고 'Google Docs로 열기'를 선택한 다음, 상단의 '파일' 메뉴로 이동하여 '웹에 게시'를 선택합니다.
3. '삽입'을 선택하고 제공된 iframe 코드를 복사하세요.
4. 워드프레스 편집기에서 사용자 정의 HTML 블록을 추가하세요.
5. iframe 코드를 블록 안에 붙여넣으세요.
6. 레이아웃에 맞게 코드의 너비와 높이 값을 조정하세요. 시작점으로는 width="100%" height="600"이 적합합니다.
7. 페이지를 게시하세요.

포함된 전체 문서를 볼 수 있으며 탐색 컨트롤이, Google에서 렌더링을 처리합니다.

Dropbox에서 PDF 파일을 삽입하는 방법은 무엇인가요?

1. PDF 파일을 드롭박스에 업로드하고 파일을 여세요.
2. '공유'를 클릭하고 직접 링크를 생성하세요.
3. URL의 쿼리 매개변수 dl=0을 raw=1로 변경하면 파일에 대한 직접 링크를 얻을 수 있습니다.
4. PDF 임베더 단축 코드에 이 URL을 사용하거나 사용자 지정 HTML 블록의 iframe src 속성에 붙여넣으세요.

iFrame 방식을 언제 사용해야 할까요?

여부라는 세 가지 요소에 따라 달라집니다. 플러그인 설치이 세 가지를 기준으로 결정하시면 됩니다.

• 외부 호스팅 파일: PDF 파일이 Google Drive, Dropbox 또는 다른 플랫폼에 저장되어 있고, 서버에 복제하고 싶지 않은 경우입니다.

• 파일 크기가 너무 큽니다. 해당 파일은 미디어 라이브러리에 저장하기에는 너무 크거나 호스팅 저장 용량 제한에 영향을 미칠 수 있습니다.

• 크로스 브라우저 호환성: 플러그인을 설치하지 않고 렌더링을 처리하려면 Google이 필요합니다.

• 자동 업데이트 문서: 를 수정할 필요 없이 내장된 버전에 자동으로 반영됩니다 WordPress 페이지.

올바른 방법을 어떻게 선택할까요?

임베드를 활성화하는 것은 작업의 절반에 불과합니다. 설정 방식은 페이지 로딩 속도, 모바일 환경, 그리고 검색 엔진이 주변 콘텐츠를 이해하는 데 직접적인 영향을 미칩니다.

이러한 실용적인 팁은 실제로 큰 도움이 됩니다.

• 파일 블록을 사용하세요: 빠르게 파일을 삽입해야 하고, PDF 파일 크기가 작으며, 다운로드 버튼이 보이는 기본 브라우저 뷰어를 사용해도 괜찮은 경우에 사용하세요.

• PDF 임베드 플러그인을 사용하세요: 전문적인 뷰어가 필요하거나, 다운로드를 비활성화하거나, 더 나은 읽기 환경을 위해 확대/축소 및 전체 화면 제어 기능이 필요한 경우입니다.

• iFrame 또는 Google Drive를 사용하세요. PDF 파일이 외부에 호스팅되어 있거나, 파일 크기가 크거나, 플러그인 없이 Google에서 브라우저 간 렌더링을 처리하도록 하려는 경우에 유용합니다.

워드프레스에 PDF를 삽입하는 팁

올바른 방법을 사용하더라도 몇 가지 문제는 정기적으로 발생합니다. 대부분은 원인을 파악하면 빠르게 해결할 수 있습니다. 어떤 문제를 살펴봐야 하는지, 그리고 각 문제를 신속하게 해결하는 방법을 알아보겠습니다.

• 업로드 전 압축: 용량이 큰 PDF 파일은 페이지 로딩 시간을 늘립니다. WordPress에 업로드하기 전에 Smallpdf 또는 iLovePDF를 사용하여 파일 크기를 5MB 미만으로 압축하세요.

• 콘텐츠에 맞는 높이를 설정하세요. 대부분의 짧은 문서에는 500~700픽셀 높이가 적합합니다. 긴 보고서의 경우, 800픽셀을 설정하면 편안하게 읽을 수 있는 충분한 공간이 확보됩니다.

• 게시하기 전에 모바일에서 테스트하세요: 모바일 기기의 PDF 뷰어는 예측할 수 없는 동작을 보일 수 있습니다. 모바일에서 PDF 파일을 테스트해보고, 모바일 환경이 좋지 않다면 뷰어 옆에 다운로드 링크를 추가하는 것을 고려해 보세요.

• 삽입된 내용 주변에 보충 콘텐츠를 작성하세요: 검색 엔진은 PDF 콘텐츠를 안정적으로 읽을 수 없습니다. SEO 및 접근성을 개선하기 위해 삽입된 내용 근처 페이지에 문서 내용에 대한 간략한 요약을 작성하십시오.

• 필요한 경우 다운로드 비활성화: PDF에 독점 콘텐츠 또는 민감한 콘텐츠가 포함된 경우 PDF Embedder Premium 또는 유사한 플러그인을 사용하여 다운로드 버튼을 비활성화하십시오.

워드프레스에 PDF를 삽입할 때 흔히 발생하는 문제점은 무엇인가요?

올바른 방법을 사용하더라도 몇 가지 문제가 정기적으로 발생합니다. 이러한 문제를 신속하게 해결하는 방법을 알려드리겠습니다.

• PDF가 인라인으로 표시되지 않는 경우: 파일 블록 설정에서 인라인 파일 보기가 활성화되어 있는지 확인하십시오. 플러그인을 사용하는 경우 파일 URL이 올바른지, PDF 파일에 공개적으로 접근할 수 있는지 확인하십시오.

• 모바일에서 빈 흰색 상자가 나타나는 경우: 이는 일반적으로 브라우저가 PDF를 인라인으로 렌더링하지 못하고 있음을 의미합니다. 모바일 호환성을 높이려면 '문서 삽입' 기능을 사용하거나 Google Drive iframe 방식을 사용해 보세요.

• PDF 로딩 속도가 매우 느린 경우: 파일 크기가 너무 큽니다. Smallpdf 또는 iLovePDF를 사용하여 압축한 후 다시 업로드하세요. 5MB가 넘는 파일은 페이지 로딩 속도를 눈에 띄게 저하시킬 수 있습니다.

• 다운로드 버튼이 사라지지 않습니다: 무료 파일 블록에는 항상 다운로드 버튼이 표시됩니다. 이 버튼을 제거하려면 PDF Embedder Premium 또는 이와 유사한 유료 플러그인이 필요합니다.

• iFrame에 로그인 화면이 표시되는 문제: Google Drive 파일이 공개로 설정되어 있지 않습니다. Drive로 이동하여 파일을 마우스 오른쪽 버튼으로 클릭하고 '공유'를 클릭한 다음, 임베드 코드를 복사하기 전에 액세스 권한을 '링크가 있는 모든 사용자'로 설정하세요.

결론

워드프레스에 PDF를 삽입하는 것은 필요에 맞는 방법을 알면 간단합니다. 간편한 삽입을 위해서는 파일 블록을, 전문적인 프레젠테이션 및 다운로드 제어를 위해서는 플러그인을, 용량이 크거나 외부 호스팅된 파일의 경우에는 iframe을 사용하세요.

어떤 방법을 선택하든, 먼저 파일을 압축하고, 게시하기 전에 모바일에서 테스트하고, SEO에 도움이 되도록 삽입된 내용 주변에 보조 텍스트를 추가하세요. 이 세 가지 단계만으로도 경쟁 페이지의 대부분 삽입 방식보다 훨씬 뛰어난 결과를 얻을 수 있습니다.

자주 묻는 질문