Пошаговое руководство по встраиванию PDF-файла в вашу веб-страницу WordPress
Хотите встроить PDF в свой пост WordPress? Возможно, у вас есть новый продукт, и вы хотите поделиться его каталогом со своими читателями, или статья, которая прольет больше света на ваш пост в блоге. Независимо от цели или содержания вашего файла PDF, встраивание его в вашу страницу WordPress или пост — это отличный способ поделиться своим контентом с посетителями вашей веб-страницы. Вы можете позволить им прочитать, распечатать или загрузить файл в зависимости от того, насколько доступным вы хотите его сделать.
Мы рассмотрим два простых и быстрых способа загрузки файлов PDF на вашу веб-страницу WordPress или в пост. Эти методы — бесплатная версия плагина PDF Embedder и вариант без плагинов, где загрузка включает использование Google Drive. Эти методы довольно просты в реализации, как вы увидите в пошаговой иллюстрации, которая будет представлена ниже.
Встраивание PDF-файлов с помощью плагинов WordPress
Если вы новичок в WordPress и хотите встроить PDF-файлы на свою страницу или в пост, этот маршрут — ваш лучший выбор, потому что это простой и быстрый вариант. Хорошо еще и то, что большинство из них бесплатны. Существует несколько доступных плагинов для встраивания вашего PDF-файла; каждый вариант имеет какую-то уникальную функцию, которую он предлагает. Вот доступные плагины для вашего использования:
- Бесплатная версия PDF Embedder: Этот плагин позволяет вам загружать ваши PDF-файлы и вставлять их прямо на ваш веб-сайт.
- Встроенный просмотрщик PDF-файлов (бесплатная версия): Этот инструмент позволяет вам встраивать PDF-файл в вашу медиатеку или даже со стороннего сайта через oEmbed.
- Google Drive Embedder (бесплатная версия): Этот плагин позволяет вам получить доступ к вашим документам Google Drive прямо из панели управления WordPress. С помощью этого маршрута вы можете встроить ваши файлы PDF прямо в вашу страницу WordPress или пост.
- Просмотрщик PDF-файлов для WordPress (премиум-версия): Это платный вариант, потому что он поставляется с набором замечательных функций для вашего использования. Некоторые из этих функций включают Google Analytics, расширенный контроль над отображением и мощную панель администратора среди многих других замечательных опций.
Из всех этих вариантов, указанных выше, лучшим, что мы бы рекомендовали вам использовать, является PDF Embedder. Мы советуем вам использовать его, потому что это не только бесплатный плагин, он позволяет вам загружать и встраивать ваши файлы PDF прямо в любую страницу или запись на вашем сайте WordPress. Еще одна замечательная вещь в нем заключается в том, что он использует JavaScript для встраивания, что позволяет вам настраивать внешний вид документа в соответствии с вашим стилем.
Кроме того, еще одна хорошая вещь в этом плагине заключается в том, что ваш сервер обрабатывает JavaScript. Таким образом, ваш компьютер не подвергается какой-либо потенциальной угрозе со стороны стороннего сервера.
Вот как будут отображаться PDF-файлы на вашей веб-странице при использовании PDF Embedder:
Как видите, вы можете настроить внешний вид вашего PDF-файла на своей веб-странице.
Ниже приведена пошаговая инструкция по установке плагина PDF Embedder и его использованию.
1-й шаг: установите плагин PDF Embedder на свой веб-сайт
Для этого перейдите в раздел «Плагины» на панели администратора WordPress, щелкните по нему и выберите «Добавить новый».
Когда вы туда попадете, вы ищете PDF Embedder в функции поиска плагинов. Когда вы доберетесь до него, выберите кнопку «Установить сейчас», затем «Активировать». Этот шаг установит плагин PDF Embedder на ваш сайт и подготовит его к использованию.
2-й шаг: Настройте параметры плагина PDF Embedder:
На панели инструментов WordPress перейдите в Настройки > PDF Embedder. Это приведет вас на страницу настроек вашего PDF Embedder.
В бесплатной версии PDF Embedder вам предоставлены ограниченные возможности. Они включают:
- Настройки ширины и высоты: в бесплатной версии PDF Embedder вы можете задать ширину и высоту вашего PDF-файла по своему усмотрению. Если у вас нет определенной ширины и высоты, с которыми вы хотите работать, ваш внедренный файл будет отображаться в своем исходном размере.
- Наведение курсора на панель инструментов: при использовании этого плагина у вас есть возможность сделать так, чтобы панель инструментов появлялась при наведении курсора на PDF-файл или оставалась видимой постоянно.
- Расположение панели инструментов: Вы также можете выбрать, где отображать панель инструментов. Она может быть либо внизу, либо вверху вашей веб-страницы. Панель инструментов также дает пользователям возможность увеличивать или уменьшать масштаб файла PDF, а также перемещаться по страницам.
После настройки параметров в соответствии со своими предпочтениями не забудьте сохранить изменения, нажав кнопку «Сохранить изменения».
3-й шаг: загрузите и вставьте свой PDF-файл
Откройте веб-страницу или публикацию, где вы хотите отобразить файл. Перейдите и выберите Добавить медиа
Когда вы получите к нему доступ, перейдите в Загрузить файл > Выбрать файлы. Выберите PDF-документ из библиотеки вашего компьютера и загрузите его.
Когда вы добавите файл в свою библиотеку WordPress Media, выберите свой PDF-файл из загруженных элементов и нажмите «Вставить в публикацию».
Теперь в редакторе записей WordPress вы увидите шорткод вашего PDF-файла.
Вы можете опубликовать свой пост. На фронтенде вашего сайта WordPress будет отображаться PDF. Не забудьте сделать предварительный просмотр перед публикацией.
Встраивание PDF-файла в WordPress через Google Диск
Google Drive — это еще один способ встраивания PDF-файла в ваш сайт WordPress. Прежде всего, вам необходимо загрузить ваш PDF-документ на Google Drive, а затем, используя код iframe, вы можете вставить файл на свой сайт. Файл PDF, встроенный в ваш сайт WordPress через Google Drive, будет выглядеть следующим образом при отображении:
Встраивание PDF-файла в WordPress через Google Диск
Вот как встроить PDF-файл в WordPress с помощью Google Диска.
1-й шаг: Загрузите ваш PDF-файл в ваш аккаунт Google Drive, если он у вас есть. Вы можете создать его, если у вас его нет. Перейдите в New > File Upload, затем выберите PDF-файл на вашем компьютере, чтобы загрузить его.
PDF-файл на WordPress
2-й шаг: сделайте PDF-файл доступным для совместного использования
На панели меню, расположенной в правом верхнем углу, есть три пунктирные линии. Нажмите на нее и выберите «открыть в новом окне».
Когда он откроется, перейдите к трем точкам и нажмите «Поделиться». Затем появится всплывающее окно. Выберите «Получить ссылку для общего доступа», чтобы ваши читатели могли просматривать ваш PDF-файл публично.
Вы можете отключить копирование, загрузку или печать вашего файла. Выберите кнопку «Дополнительные параметры» и отметьте «Отключить параметры загрузки, печати и копирования для комментаторов и зрителей». Затем нажмите «Готово».
HTML в WordPress
3-й шаг: вставьте HTML в WordPress
На Google Диске выберите три точки и нажмите «Встроить элемент». Во всплывающем окне отобразится HTML-код, который вы можете скопировать.
Перейдите в WordPress, откройте веб-страницу, на которой вы хотите отобразить PDF, и измените вид на текстовый. Затем вы можете вставить скопированный HTML-код, просмотреть и опубликовать пост.
Два метода встраивания PDF-документов в WordPress, обсуждаемые здесь, являются одинаково хорошими вариантами. Выбор за вами, какой из них вам больше нравится. Вы можете выбрать любой метод в зависимости от вашего стиля и того, как вы хотите, чтобы PDF-файл отображался для ваших пользователей или читателей.
