Могут быть случаи, когда вы захотите встроить PDF-файл в свое сообщение или страницу:
- Автор книги может захотеть дать читателям бесплатную копию.
- Добавить каталоги продукции на ваш сайт.
- Чтобы поделиться своими проектами в формате PDF с клиентами.
- Возможно, вы управляете туристическим агентством и хотите показать маршрут турпакетов.
Но есть проблема!
Несмотря на то, что WordPress позволяет встраивать аудио, видео и, конечно, изображения, встроить PDF-файлы в ваши записи и страницы невозможно. Эта функция недоступна до сих пор, возможно, она будет добавлена в будущем.
Если вы хотите добавить файл PDF, вы можете загрузить файл, используя опцию «Добавить медиафайл», вставить его, и ссылка на этот файл будет добавлена на вашу страницу. И ваши посетители могут скачать его или просмотреть файл в веб-браузере, когда покидаете ваш сайт.
Но что, если вы хотите встроить PDF-файлы в свои сообщения и позволить посетителям видеть их, не покидая ваш сайт? Есть ли решение для этого? Краткий ответ: да.
Итак, в этом посте я покажу вам, как вы можете встроить PDF-файл в ваш пост или страницу WordPress. Прежде чем начать, вы, вероятно, захотите создать аккуратный и хорошо отформатированный PDF-документ с помощью PDF Editor. Тогда вы готовы добавить его в свои сообщения с или без использования плагина. Начнем.
Как встроить PDF-файл с помощью плагина
Есть много плагинов, которые вы можете использовать, чтобы добавить файл PDF в ваш пост WordPress.
Однако мы будем использовать плагин под названием PDF Embedder. Это бесплатный плагин, который доступен в каталоге плагинов WordPress. Лучшее в этом плагине то, что он использует JavaScript для своей работы, а не какой-либо сторонний сервис или фреймы.
Шаг 1: Установите плагин PDF Embedder
Войдите в свою панель управления WordPress и перейдите на Плагины> Добавить новый, Сейчас поиск PDF Embedder в поле поиска. Как только вы найдете плагин, просто установите его и активируйте. Просто, не правда ли?
Шаг 2: настроить плагин
Хотя вы можете начать встраивать PDF-файлы после установки этого плагина, вы можете сначала изменить настройки, чтобы встроенные файлы выглядели лучше. Чтобы открыть страницу конфигурации для этого дополнения, перейдите на Настройки> PDF Inserter с левой боковой панели вашей панели WordPress.
Бесплатная версия этого плагина позволяет изменить следующее:
- Ширина и высота – Вы можете изменить ширину и высоту просмотра 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 Embedder поставляется с определенным блоком. Поэтому создайте новый пост и нажмите на значок «Добавить блок». Затем найдите блок PDF Embedder и выберите его.
Наконец, нажмите на блок, чтобы выбрать (или загрузить) файл PDF, и ваша работа завершена.
Вот окончательный результат, независимо от того, какой редактор вы используете:
Популярные плагины для просмотра PDF
Хотя плагин PDF Embedder хорошо работает, всегда есть несколько альтернатив. Позвольте мне теперь поделиться некоторыми бесплатными и платными плагинами для просмотра PDF, в произвольном порядке:
Просмотрщик PDF для WordPress
WordPress PDF Viewer – это плагин для просмотра PDF, который продается на CodeCanyon. Это полностью адаптивный и совместимый с несколькими браузерами плагин. Этот плагин позволяет включать или отключать такие параметры, как печать, загрузка, масштабирование, просмотр страницы и обмен в социальных сетях. Вы также можете использовать Google Analytics с WordPress для отслеживания количества посетителей, читающих ваши PDF-файлы.
Google Drive Embedder
Google Drive Embedder – это бесплатный плагин, который позволяет вам получить доступ к вашему Google Диску с панели управления WordPress и вставлять PDF, документы Word или электронные таблицы в ваше сообщение или страницу. Однако, чтобы использовать этот плагин, вы также должны установить Логин Служб Google: цель этого плагина – подключить ваш Диск Google к вашему сайту WordPress.
Algori PDF Viewer
Ищете плагин Gutenberg для встраивания файлов PDF? Вы можете попробовать плагин Algori PDF Viewer. Этот бесплатный плагин совместим со всеми веб-браузерами, такими как Google Chrome, Firefox, Safari, Opera и Internet Explorer 11. Он позволяет загружать несколько файлов на одной странице и поддерживает режим презентации.
Real3D FlipBook WordPress Плагин
Как следует из названия, Real3D FlipBook – это отзывчивый и тактильный 3D-модуль для флипбуков для отображения PDF-файлов и изображений. Он был разработан с использованием HTML5 и не требует использования Flash. Вы можете настроить такие параметры, как скорость панорамирования, звук панорамирования, уровень масштабирования и угол наклона камеры. Этот плагин также совместим с лайтбоксом и полноэкранным режимом.
Вставьте еще документ
Embed Any Document Plus – это уникальный плагин, который позволяет легко загружать и вставлять файлы документов (PDF, Word, PPT, Excel и т. Д.) На веб-сайты WordPress. Плагин добавляет кнопку «Добавить документ» над визуальным редактором. Откроется всплывающее окно EAD Plus, где вы сможете выбрать шрифт для вашего документа. Он также тесно интегрирован с облачными сервисами Google Drive, Dropbox и Box.com. Вы можете оставаться на своем сайте WordPress, загружать файлы в облачные сервисы и встраивать их прямо оттуда.
После загрузки или выбора документа, который вы хотите встроить, у вас также будет возможность выбрать, какую службу документов вы хотите включить в свой файл. Плагин автоматически распознает формат файла и предложит зрителю. Зрители могут обрабатывать файлы с максимальным размером от 5 до 8 МБ. Для более крупных файлов разработчики рекомендуют загрузить их на Google Drive и вставить их оттуда.
Как встроить PDF-файл без плагина
Ну, если вы один из тех, кто всегда ищет решения без плагина, тогда этот раздел для вас. Конечно, мы можем встроить PDF-файл в посты и страницы WordPress, не устанавливая другой плагин.
Идея проста: вам нужно загрузить PDF-файл в свою учетную запись Google Drive, а затем использовать код iframe для встраивания этого файла на свой сайт. Хотя этот метод безопасен, единственная проблема заключается в том, что он использует iframes.
Шаг 1: Перейдите на Google Drive и войдите в свою учетную запись.
Шаг 2Загрузите файл PDF, который вы хотите вставить в свой пост WordPress, здесь. Для этого нажмите «Создать» на левой боковой панели учетной записи Google Диска, выберите «Загрузить файлы» и загрузите файл с локального компьютера.
Шаг 3: После того, как файл был загружен на ваш диск, дважды щелкните по нему, чтобы просмотреть файл. Теперь нажмите на 3 вертикальные точки (Дополнительные действия) в правом верхнем углу и выберите Открыть в новом окне.
Шаг 4: В новом окне нажмите «Другие действия» (3 вертикальные точки в правом верхнем углу) и выберите «Поделиться».
Шаг 5: Откроется всплывающее окно «Поделиться с другими». Здесь, нажмите на ссылку Получить, чтобы поделиться; он должен убедиться, что любой, у кого есть ссылка на файл PDF, сможет его увидеть. Если вы этого не сделаете, файл останется закрытым и не будет виден аудитории вашего сайта.
Шаг 6: Если вы не хотите, чтобы ваши посетители загружали или распечатывали файл, а также отключили функцию копирования текста, нажмите «Дополнительно» в том же всплывающем окне. Установите флажок «Очистить параметры загрузки, печати и копирования для комментаторов и зрителей» и нажмите «Готово».
Шаг 7Сейчас самое время получить код для встраивания, который мы будем использовать в нашем посте. Чтобы получить это, снова нажмите Дополнительные действия, выберите Вставить элемент и скопируйте код из iframe.
Шаг 8: Перейдите на панель управления WordPress и создайте или отредактируйте сообщение или страницу, куда вы хотите встроить PDF-файл. Теперь, если вы используете Классический редакторпросто перейдите на вкладку «Текст» и вставьте код:
по Гутенберг редакторВам необходимо добавить новый блок, выполнить поиск пользовательского HTML-кода и, наконец, добавить код iframe в пользовательский HTML-блок:
Шаг 9Теперь все, предварительно просмотрите ваш пост или страницу, чтобы проверить встроенный PDF-файл.
Сноска о том, как встраивать PDF-файлы в WordPress
WordPress позволяет создавать ссылки на файлы PDF, но не встраивать их. Тем не менее, этот учебник решает эту проблему. Он показывает, как вы можете встраивать свои PDF-файлы в ваши посты или страницы, как ваши изображения и видео, с использованием или без использования плагина.
Вы когда-нибудь встраивали файл PDF на свой сайт, используя любой из этих методов? У вас есть альтернативный плагин и вы думаете, что он лучше, чем упомянутые в этой статье? Дайте мне знать ваши мысли в разделе комментариев.
