Как встраивать PDF-файлы в WordPress

3 min


Могут быть случаи, когда вы захотите встроить PDF-файл в свое сообщение или страницу:

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

Но есть проблема!

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

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

Но что, если вы хотите встроить PDF-файлы в свои сообщения и позволить посетителям просматривать их, не покидая ваш сайт? Есть ли какое-то решение для этого? Короткий ответ: да.

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

Как встроить PDF-файл с плагином

Есть много плагинов, которые вы можете использовать, чтобы добавить файл PDF в свой пост WordPress.

Однако мы будем использовать плагин PDF Embedder. Это бесплатный плагин, который доступен в каталоге плагинов WordPress. Самое лучшее в этом плагине – он использует javascript для своей работы, а не какой-либо сторонний сервис или фреймы.

Шаг 1: Установите плагин PDF Embedder

Войдите в свою панель управления WordPress и перейдите на Плагины> Добавить новый, Сейчас поиск PDF Embedder в поле поиска. Как только вы найдете плагин, просто установите и активируйте его. Просто, не правда ли?

Установить плагин PDF Embedder

Шаг 2: настройка плагина

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

Настройки PDF Embedder

Бесплатная версия этого плагина позволяет изменить следующее:

  • Ширина и высота – Вы можете изменить ширину и высоту просмотра PDF. Он принимает целочисленные значения (в пикселях) или Максимум (Ширина 100%).
  • Расположение панели инструментов – Панель инструментов этого средства просмотра PDF позволяет вашей аудитории увеличивать или уменьшать масштаб и переходить к следующей или предыдущей странице. Вы можете иметь панель инструментов сверху, снизу или оба.
  • Панель инструментов при наведении – Вы можете выбрать, хотите ли вы, чтобы панель инструментов была видна только при наведении курсора мыши на документ или нет.

Теперь это универсальные настройки. Но что, если вы хотите изменить настройки определенного файла? Ну, вы можете сделать это с помощью коротких кодов. Вот пример:

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

В приведенном выше примере ширина установлена ​​на 500 пикселей, расположение панели инструментов установлено наверх, и панель инструментов будет фиксированной. Вы также можете установить панель инструментов внизу и закрепить панель инструментов выключенной.

Этот плагин также имеет премиум-версию, которая предлагает такие функции, как кнопка загрузки, просмотр и загрузка треков, непрерывная прокрутка страниц и открытие ссылок в новом окне.

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

Как только вы закончите с настройками, вы можете начать делать грязную работу. Теперь, используете ли вы Classic Editor или Gutenberg Editor, вы можете легко использовать этот плагин для получения желаемого результата.

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

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

Вставить файл PDF Классический редактор

Вот и все – теперь вы можете просмотреть свой пост, чтобы проверить, работает ли он должным образом или нет.

Как насчет Гутенберг редактор? Ну, плагин PDF Embedder поставляется с определенным блоком. Поэтому создайте новый пост и нажмите на значок «Добавить блок». Далее ищем PDF Embedder заблокировать и выбрать его.

Вставить PDF-файл Gutenberg Editor

Наконец, нажмите на блок, чтобы выбрать (или загрузить) ваш файл PDF, и ваша работа завершена.

Вот окончательный результат, независимо от того, какой редактор вы используете:

Встроенный PDF-файл окончательно

Популярные плагины PDF Viewer

Хотя плагин PDF Embedder хорошо работает, всегда есть альтернативы. Итак, позвольте мне теперь поделиться некоторыми бесплатными и платными плагинами для просмотра PDF, в произвольном порядке:

Просмотрщик PDF для WordPress

Просмотрщик PDF для плагина WordPress

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

Google Drive Embedder

Плагин Google Drive Embedder

Google Drive Embedder – это бесплатный плагин, который позволяет вам получить доступ к вашему Google Диску с панели управления WordPress и вставлять PDF-файлы, документы Word или электронные таблицы в ваше сообщение или страницу. Однако, чтобы использовать этот плагин, вы также должны установить Логин Служб Google – его цель – подключить ваш Google Диск к вашему сайту WordPress.

Algori PDF Viewer

Algori PDF Viewer Плагин

Ищите блочный плагин Gutenberg для встраивания PDF-файлов? Вы можете попробовать плагин Algori PDF Viewer. Этот бесплатный плагин совместим с любыми веб-браузерами, такими как Google Chrome, Firefox, Safari, Opera и Internet Explorer 11. Он позволяет загружать несколько файлов на одной странице и поддерживает режим презентации.

Real3D FlipBook WordPress Плагин

Real3D FlipBook WordPress Плагин

Как следует из названия, Real3D FlipBook – это отзывчивый и удобный сенсорный плагин для 3D-флипбуков для отображения PDF-файлов и изображений. Он был разработан с использованием HTML5 и не требует использования Flash. Вы можете настроить такие параметры, как скорость переворачивания, звук переворачивания, уровень масштабирования и угол наклона камеры. Этот плагин также поддерживает лайтбокс и полноэкранный режим.

Как встроить PDF-файл без плагина

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

Идея проста – вам придется загрузить файл PDF в свою учетную запись Google Drive, а затем использовать код iframe для встраивания этого файла в свой сайт. Хотя этот метод является безопасным, единственная проблема заключается в использовании iframes.

Шаг 1: Перейдите на Google Drive и войдите в свою учетную запись.

Шаг 2Загрузите файл PDF, который вы хотите вставить в свой пост WordPress здесь. Для этого нажмите на новый на левой боковой панели вашего аккаунта Google Диска выберите Файл загружени загрузите файл с локального компьютера.

Загрузка файла с Google Диска

Шаг 3: Как только файл загружен на ваш диск, дважды щелкните по нему, чтобы просмотреть файл. Теперь нажмите на 3 вертикальные точки (Дополнительные действия) в правом верхнем углу и выберите Открыть в новом окне,

Шаг 4: В новом окне нажмите «Другие действия» (3 вертикальные точки в правом верхнем углу) и выберите «Поделиться».

Google Drive PDF поделиться

Шаг 5: Откроется всплывающее окно «Поделиться с другими». Здесь, нажмите на Получите доступную ссылку – то, что это делает, это гарантирует, что любой с ссылкой на файл PDF может просмотреть его. Если вы этого не сделаете, файл останется закрытым и не будет виден аудитории вашего сайта.

Получите доступную ссылку

Шаг 6: Если вы не хотите, чтобы ваши посетители загружали или распечатывали файл, а также отключили функцию копирования текста, нажмите на продвинутый в том же всплывающем окне. Установите флажок «Отключить параметры загрузки, печати и копирования для комментаторов и зрителей» и нажмите Готово,

Отключить загрузку печатной копии в Google Drive PDF

Шаг 7Теперь пришло время получить код для встраивания, который мы будем использовать в нашем посте. Чтобы получить это, снова нажмите на Дополнительные действия, выберите Вставить элементи скопируйте код iframe.

Google Drive скопировать код для вставки

Шаг 8Перейдите к своей панели управления WordPress и создайте или отредактируйте сообщение или страницу, где вы хотите встроить PDF-файл. Теперь, если вы используете Классический редакторпросто перейдите на вкладку «Текст» и вставьте код:

Вкладка «Текстовый редактор»

За Гутенберг редакторнеобходимо добавить новый блок, выполнить поиск пользовательского HTML и, наконец, добавить код iframe в блок пользовательского HTML:

Пользовательский блок HTML

Шаг 9: Вот и все – теперь просмотрите ваш пост или страницу, чтобы проверить встроенный файл PDF.

Сноска о том, как встраивать PDF-файлы в WordPress

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

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


0 Comments

Добавить комментарий