Как встроить PDF на сайт WordPress — Мария Кассаева

Как встроить PDF на сайт WordPress

JotForm

WordPress позволяет загружать самые разные типы контента, включая видео, изображения и аудиофайлы. К сожалению, работа с PDF не так проста. Поэтому, если вам интересно, как встроить PDF в WordPress, мы вам поможем. По умолчанию при загрузке PDF-файла на страницу или пост WordPress будет отображаться ссылка, которую можно использовать для загрузки файла или открытия его в новой вкладке браузера. Однако то, что WordPress не имеет встроенной функции для встраивания PDF-файлов, не означает, что это невозможно. С правильным инструментом это на самом деле простая задача. В этом посте мы расскажем о возможностях встраивания PDF-файлов.

Можно ли встроить PDF в WordPress

Если вам интересно, можно ли вставить PDF в WordPress, то ответ — да. Однако это невозможно сделать так же, как с другими типами мультимедиа и контента, такими как изображения и видео. Когда вы используете кнопку «Добавить медиа» или блок «Изображение» в редакторе WordPress, вы можете загрузить только файл PDF. Этот файл будет представлен в виде ссылки, по которой посетители могут либо щелкнуть, чтобы загрузить файл PDF, либо открыть его в новой вкладке браузера.

Хотя в некоторых случаях это подходит, в других случаях вам может понадобиться встроить PDF-файл в реальный пост или страницу WordPress. Не беспокоитесь. Есть несколько способов сделать это. Самый простой способ — использовать плагин, такой как PDF Embedder. Другой вариант, если вы не хотите использовать плагин, встроить PDF-файл с помощью кода iframe. Последний требует еще нескольких шагов, но это эффективный метод, если вы не хотите устанавливать плагин на свой сайт. В этом посте мы покажем вам, как использовать оба эти метода.

Как встроить PDF на сайт WordPress

Как мы уже упоминали, самый быстрый и эффективный способ встраивания PDF-файла в пост или страницу WordPress — это использовать плагин. Этот метод позволяет настроить внешний вид PDF и упростить загрузку файлов. Давайте посмотрим, как встроить PDF в WordPress, выполнив три простых шага.

Шаг 1. Загрузите и установите плагин PDF Embedder

Вы можете выбрать из нескольких плагинов PDF, но мы рекомендуем PDF Embedder.

PDF Embedder

Обладая более чем 200 000 активных установок и рейтингом 4,5 / 5,0 в каталоге WordPress, этот плагин позволяет загружать и встраивать файлы PDF так же просто, как добавлять изображения. Он также встраивает PDF-файлы, используя только JavaScript, устраняя необходимость во фреймах или сторонних приложениях. Это означает, что вы получаете больше гибкости, настройки и контроля над внешним видом ваших документов.

Для начала перейдите в раздел «Плагины» > «Добавить новый» на панели инструментов WordPress и выполните поиск «PDF Embedder».

install pdf embedder

Выберите «Установить сейчас», а затем «Активировать». Кроме того, вы можете скачать плагин из каталога плагинов WordPress, а затем загрузить его на свой сайт, выбрав Плагины > Добавить новый > Загрузить плагин > Выбрать файл.

Шаг 2. Настройка параметров плагина

После того, как вы установили PDF Embedder, следующий шаг — настроить его параметры. Это помогает гарантировать, что ваши PDF-файлы выглядят так, как вы хотите. Чтобы найти страницу настроек плагина, перейдите в «Настройки» > «PDF Embedder».

Settings PDF Embedder

Под пунктом «Настройки просмотра по умолчанию» вы можете изменить ширину и высоту просмотра PDF.

width and height of the PDF viewer

Вы также можете решить, где будет расположена панель инструментов средства просмотра PDF, и будет ли она постоянно отображаться. Когда вы закончите настраивать эти параметры, сохраните изменения. Тогда вы готовы встроить свой PDF в WordPress.

Шаг 3: Вставьте свой PDF в ваш пост или страницу WordPress

Если вы используете классический редактор, вы можете встроить свой PDF в WordPress так же, как вы разместили изображение. После того, как вы откроете страницу WordPress или публикацию, в которую хотите встроить PDF, нажмите кнопку «Добавить медиафайл».

Add Media button

Затем выберите вкладку «Загрузить файл», затем файл PDF и нажмите «Вставить в сообщение». Это добавит шорткод к сообщению. Чтобы увидеть, как PDF-код будет выглядеть на передней панели, нажмите «Предварительный просмотр» в верхнем правом углу экрана редактирования.

Если вы используете более новый редактор блоков, плагин PDF Embedder поставляется с пользовательским блоком. Чтобы найти его, нажмите значок + в записи или на странице, чтобы добавить новый блок. В текстовом поле найдите и выберите «PDF Embedder».

add a new block

Выбрав файл PDF для загрузки, вы заметите, что справа есть несколько вариантов. Там вы можете настроить размеры и настройки панели инструментов (как вы делали в Шаге 2).

Если вы хотите сохранить универсальные настройки, вы можете оставить эти разделы как есть. В противном случае ваши изменения здесь переопределят их.

universal settings

Опять же, вы можете просмотреть изменения, чтобы увидеть, как PDF будет отображаться в интерфейсе вашего сайта.

preview the changes

Если вы довольны своим PDF-файлом, сохраните и опубликуйте свои изменения.

Как вставить PDF в WordPress без плагина

Некоторые люди по возможности избегают добавления новых плагинов на свои сайты WordPress, чтобы максимизировать производительность. Таким образом, вы можете спросить себя: «Как мне вставить PDF в WordPress без плагинов?». К счастью, вы все еще можете вставлять PDF в посты и страницы WordPress без использования плагина. Для этого сначала нужно загрузить PDF-файл на Google Диск. Если у вас еще нет учетной записи Google, вы можете создать ее быстро и легко. Затем из своей учетной записи Google Drive вы можете загрузить свой PDF-файл, нажав кнопку «Создать».

Google Drive New button

Нажмите «Загрузить файл», выберите файл PDF и нажмите «Открыть». После загрузки файла вы можете предварительно просмотреть его, дважды щелкнув по нему.

На экране предварительного просмотра выберите три вертикальные точки в верхнем правом углу, затем выберите «Открыть в новом окне».

Open in new window

В новом окне еще раз нажмите на точки, а затем вставьте элемент.

Embed item

Откроется окно «Вставить элемент» и отобразится ваш код iframe. Скопируйте код:

iframe code

Затем перейдите на страницу WordPress или пост, где вы хотите встроить PDF. Если вы используете классический редактор, щелкните вкладку «Текст» и вставьте код. Если вы используете редактор блоков, добавьте новый пользовательский блок HTML и вставьте туда код.

new Custom HTML block

Вы можете просмотреть PDF-файл в интерфейсе, чтобы увидеть, как он будет выглядеть. Когда вы закончите, сохраните изменения, и все готово.

Часто задаваемые вопросы

На этом этапе у вас должно быть четкое понимание того, как вставить PDF-файл на страницу или пост WordPress, как с плагином, так и без него. Тем не менее, есть некоторые часто задаваемые вопросы, которые мы хотим адресовать тем, у кого есть более конкретные проблемы.

Как встроить документ в WordPress?

Пока что мы рассмотрели, как встроить PDF-файл в страницы и посты WordPress. Однако могут возникнуть ситуации, когда вы захотите встроить текстовый документ, например, Word Doc. Лучший способ сделать это — использовать плагин, такой как Embed Any Document.

Embed Any Document

Этот бесплатный инструмент позволяет легко загружать и вставлять документы. Он поддерживает различные типы файлов, в том числе созданные в Microsoft Word, Excel и PowerPoint, а также файлы Adobe Illustrator (.ai) и текстовые (.txt). После того как вы установите и активируете плагин на своем сайте WordPress, он автоматически поместит кнопку «Добавить документ» в классический редактор или добавит пользовательский блок документа в редактор блоков.

Как встроить заполняемый PDF в сайт WordPress?

Если вам интересно, как встроить PDF-файл в WordPress, который выполняет функцию заполняемой формы, одним из самых простых способов является использование такого инструмента, как JotForm.

JotForm

Этот конструктор форм PDF позволяет создавать собственные заполняемые формы PDF, используя шаблоны или импортируя свои собственные. Вы можете скачать заполняемый PDF или вставить его на свой сайт WordPress с помощью кода.

На вкладке «Опубликовать» редактора PDF JotForm находится список сторонних платформ. Когда вы нажимаете на значок WordPress.org, JotForm отображает код скрипта.

script code

Скопируйте и вставьте этот код в текстовый редактор вашего поста или страницы WordPress. Затем ваши пользователи могут заполнить форму в передней части вашего сайта. После того, как они отправят его, вам отправят копию данных в формате PDF по электронной почте.

Как встроить отправляемую PDF-форму в WordPress?

Процесс встраивания отправляемой формы PDF в WordPress такой же, как и для заполняемых форм. Однако, если вы не хотите использовать JotForm, вы также можете использовать премиальный плагин, такой как Gravity Forms.

Gravity Forms

Этот популярный плагин для построения форм стоит от $ 59 и может быть использован для создания ваших собственных форм. Однако, чтобы превратить вашу форму в отправляемый PDF, вам также понадобится подключаемый модуль Gravity PDF, который является расширением Gravity Forms.

Как встроить небольшое изображение моего PDF в WordPress?

Возможно, вы не хотите вставлять весь ваш PDF-файл в WordPress, но вместо этого хотите добавить небольшое изображение или миниатюру. Это полезно, если вы хотите включить первую страницу или обложку книги или документа, чтобы посетители могли просмотреть ее перед загрузкой файла.

Для этого вы можете использовать плагин, такой как PDF Thumbnails, премиум-надстройка для плагина PDF Embedder. Этот плагин будет автоматически генерировать фиксированные изображения ваших файлов PDF в вашей медиатеке WordPress. У вас будет возможность использовать миниатюры в качестве рекомендуемых изображений для определенных сообщений или в виде интерактивных миниатюр, которые можно использовать для загрузки ваших PDF-файлов.

Как встроить PDF в WordPress без принудительной загрузки?

Вы можете встроить PDF в WordPress без принудительной загрузки, используя любой из методов, которые мы упоминали ранее в этой статье. Целью встраивания PDF в WordPress является то, что посетителям не обязательно загружать файл или открывать ссылку в новой вкладке браузера, чтобы просмотреть его. Например, если вы встраиваете свой PDF в WordPress через плагин PDF Embedder или используете код, загрузка не будет принудительной. Поэтому, пока вы встраиваете PDF-файл с плагином или без него, посетители могут получить к нему доступ без предварительной загрузки.

Заключение

Знание того, как разместить PDF на странице или посте WordPress, поможет вам сделать ключевые документы и ресурсы доступными для ваших посетителей. Тем не менее, встроенная функциональность WordPress ограничена, поэтому вы не можете отобразить полный PDF прямо на своем веб-сайте.

Как мы уже видели, PDF-файл можно встроить в WordPress несколькими способами. Одним из способов является использование плагина, такого как PDF Embedder. Другой способ — загрузить его в свою учетную запись Google Диска, а затем скопировать и вставить код iframe в свой пост или страницу WordPress. С правильными инструментами вы даже можете встраивать заполненные и отправляемые формы PDF на ваш сайт. После того, как вы добавили файлы PDF на свой сайт WordPress, важно убедиться, что документы правильно поддерживаются и обновляются, а также инструменты, которые вы используете для управления ими. 

Если вам нужен функциональный сайт на Вордпресс, обращайтесь ко мне.