Как встроить PDF-файл в свой WordPress (Elementor + Divi)

Rifat Divi Tutorials Dec 9, 2023

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

Разобьем процесс на несколько довольно простых шагов.

Загрузите PDF в свою медиатеку WordPress.

Начните с открытия панели управления вашего веб-сайта WordPress. Перейдите в «Медиа», затем нажмите «Добавить новый».

Затем загрузите PDF-файл в Медиатеку. После завершения загрузки щелкните миниатюру PDF-файла, чтобы получить доступ к опции «Сведения о вложении». Скопируйте ссылку на ваш PDF-файл.

Создавайте потрясающие сайты

С лучшим бесплатным конструктором страниц Elementor

Начать сейчас

Встроить PDF-файл через Elementor

Сначала откройте редактор Elementor и начните создавать новую страницу. Затем вы можете перетащить любой виджет, который работает со ссылками на странице. Например, мы попробовали с виджетом «Текстовый редактор».

Теперь вы можете встроить ссылку в любой текст и вставить скопированную ссылку PDF-файла в поле ссылки.

И вот! PDF-файл прекрасно интегрирован. Мы надеемся, что теперь вы можете легко добавить любой PDF-файл в свой блог WordPress с помощью плагина Elementor. И если вы хотите использовать что-то другое, кроме Elementor, вы можете это сделать.

3 плагина для встраивания PDF в WordPress

Помимо Elementor, существуют и другие плагины WordPress, которые помогут вам встроить PDF-файл в ваш блог WordPress.

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

PDF Viewer для WordPress — один из самых продаваемых плагинов для чтения PDF-файлов премиум-класса для WordPress на Codecanyon (более 5100 продаж) с 2014 года. С помощью этого плагина WordPress вы можете отображать и вставлять PDF-файлы вашего веб-сайта WordPress с помощью современного PDF-ридера и FlipBook. Используйте его для любых PDF-файлов, таких как электронные книги, счета-фактуры, листовки, документация, резюме и т.д.

Ключевая особенность

  • Автоматический поиск ссылок в формате PDF
  • Переводимый
  • Полностью настраиваемый просмотрщик PDF-файлов
  • Встроить PDF с помощью расширенной программы просмотра
  • Многофункциональная панель администратора
  • Поделитесь PDF-файлом в социальных сетях
  • Отправить ссылку другу по электронной почте
  • Включить/отключить обмен информацией в социальных сетях
  • Просмотрщик брендов с вашим логотипом
  • Логотип ссылается на главную страницу вашего сайта.
  • 4 шорткода с множеством параметров.
  • Шорткод для просмотра PDF-файла в любой публикации/странице
  • Шорткод для добавления текстовой ссылки на ваш PDF-файл в любую публикацию/страницу.
  • Полностью адаптивный просмотрщик PDF-файлов.

Плагин dFlip PDF FlipBook для WordPress

Хотите, чтобы чтение PDF-файлов приносило вам удивительные впечатления? dFlip Flipbook — это Wordpress премиум-класса, который предоставляет вашим читателям потрясающий 3D-флипбук со звуковым эффектом. Создать флипбук в формате PDF легко, используя только ссылку PDF. Его дизайн отзывчив и оптимизирован для Wordpress. Помимо файлов PDF, изображения также можно использовать для создания флипбука с изображениями. Следует отметить, что этот плагин был продан уже 4800 раз.

Ключевая особенность

  • Удобный пользовательский интерфейс
  • Флипбук PDF и изображений
  • Звуковые эффекты
  • Адаптивный макет
  • 3D-эффект
  • Простота в использовании. Опции и конфигурация.
  • Умный запасной вариант CSS Flipbook
  • Реалистичная анимация

iPages Flipbook для WordPress

iPages — это плагин WordPress, аналог предыдущего плагина, который позволит вам создать программу просмотра PDF-файлов в вашем блоге WordPress с уникальной 3D-анимацией переворота. Этот легкий плагин поможет вам создавать отличные интерактивные цифровые флипбуки HTML5. Автор утверждает, что с помощью этого плагина проще создавать медиакниги для своего сайта.

Ключевая особенность

  • 3 режима рендеринга книги
  • 2 источника данных – PDF и изображения
  • 2 темы – светлая и темная.
  • Несколько экземпляров
  • Миниатюры
  • Контур – закладки
  • Навигация с помощью клавиатуры
  • Многоуровневый зум
  • Кнопки «Поделиться»
  • Полноэкранный режим
  • Кнопка загрузки
  • Прогрессивная загрузка PDF

Вставить PDF-файл через Divi

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

Чтобы добавить сегмент просмотра PDF-файлов на свой веб-сайт Divi, вам необходим плагин. Вы можете использовать любой предмет из вышеперечисленных.

Чтобы отображать PDF-файлы на вашем веб-сайте WordPress с помощью Divi Builder , необходимо установить Divi PDF Viewer . Этот плагин — ценный инструмент, который упрощает демонстрацию PDF-файлов. Обязательно приобретите и установите плагин на свой веб-сайт, и вы будете всего в нескольких шагах от включения средства просмотра PDF-файлов в свой Divi Builder.

Показать PDF с помощью программы просмотра Divi PDF

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

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

Модуль ссылок для просмотра PDF-файлов

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

Модуль изображений для просмотра PDF-файлов

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

Модуль списка/сетки для просмотра PDF-файлов

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

Представление в виде списка идеально подходит для отображения более длинных документов, а представление в виде сетки упрощает поиск и фильтрацию PDF-файлов.

Заключение

Это все, что касается этого урока! С сегодняшнего дня встраивание PDF-файла в ваш блог WordPress не будет для вас секретом. Сделайте себе одолжение и протестируйте решение, которое вас интересует больше всего.

Divi WordPress Theme