Построить красивые веб-сайты WordPress, используя Divi и Divi Builder

Как использовать Средство Просмотра PDF Для Elementor

Blair2004 Элиментар. May 28, 2021

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

В сегодняшнем уроке мы сосредоточимся на плагине, который выполняет эту работу и называется "Просмотрщик PDF Для Elementor".

Давайте начнем.

Загрузите И Установите Плагин PDF Viewer Для Elementor

Первым шагом является загрузка и установка плагина с вашей панели мониторинга. Вы можете выполнить эту задачу непосредственно с панели мониторинга, перейдя к плагинам и используя имя "Просмотрщик PDF для Elementor".

Скачать Divi Лучшая тема WordPress

Самая популярная тема WordPress в мире и Ultimate Page Buildress Page Builder

Скачать Divi

Это очень простой плагин, который не нуждается в настройке. Нет необходимости напоминать вам, что при установке WordPress у вас должно быть активировано Элементор.

Редактирование/Создание Страницы С Помощью Elementor Для Встраивания PDF-Файла

Теперь мы создадим или отредактируем существующую страницу с помощью Elementor. Как только программа просмотра PDF для Elementor будет включена, вы увидите два новых компонента, добавленных к основным элементам Elementor.

Как вы можете видеть, плагин добавляет 2 новых элемента в Elementor, но когда вы должны использовать один из них. Вот что мы выясним ниже.

Когда Использовать Элемент Просмотра PDF

Элемент "Просмотр PDF" позволяет добавить iframe, который использует предварительный просмотр Google Docs для использования ссылки на ваш PDF-документ.

Вам просто нужно будет указать URL-адрес или загрузить файл на свои носители. Вы также можете настроить размер предварительного просмотра и выравнивание.

Хотя это решение работает довольно хорошо, у него есть некоторые недостатки :

  • Это не работает, если ваш блог WordPress размещен локально
  • Он полагается на внешний веб-сайт, который может перестать работать
  • Загрузка PDF может быть медленной

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

Когда использовать PDFjs Viewer

Второй элемент, добавленный этими плагинами, - это PDFjs Viewer. Как следует из названия, это решение основано на использовании Javascript для встраивания вашего PDF-документа. Решения имеют те же настройки, что и предыдущий элемент, но имеют то преимущество, что работают локально.

Здесь вы можете выбрать только файлы с вашего носителя, чтобы вставить их в формате PDF. Это решение также имеет некоторые недостатки :

  • If не будет работать, если браузер не выполняет Javascript (большинство современных браузеров запускают Javascript)
  • Включите больше файлов для загрузки и, возможно, больше запросов к серверу.

Примеры предварительного просмотра PDF

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

Предварительный просмотр с помощью средства просмотра PDF элементов

этот предварительный просмотр является приемлемым и предлагает в нижней части кнопки навигации, которые будут полезны для навигации по страницам.

Предварительный просмотр с помощью PDFjs Viewer

"Просмотрщик PDFjs" также предлагает кнопки навигации, но включает в себя кнопку поиска, отсутствующую в предыдущем предварительном просмотре.

Другие Плагины Для Встраивания PDF-файлов в WordPress

Если этот плагин не совсем то, что вы ищете, то, вероятно, следующие плагины могут быть решением, которое вы ищете.

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

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

Основные характеристики

  • Включение/отключение социального обмена
  • Включить/Отключить Опцию Печати
  • Включить/Отключить Опцию Загрузки
  • Включение/Выключение режима презентации
  • Включить/Отключить Функцию Поиска
  • Включение/Выключение Регулируемого Логотипа

  • Шорткод для добавления текстовой ссылки в ваш PDF-файл на любом посте/странице
  • Полностью адаптивный просмотрщик PDF
  • Стиль и настройка всех элементов.
  • Совместимость С большинством браузеров
  • Быстрый и плавный Пользовательский интерфейс

PDF Embed - плагин для просмотра PDF WordPress

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

Основные характеристики

  • Родной виджет
  • Совместимость С Премиальными Темами
  • Доступен Шорткод
  • Редактор WordPress Guttenberg
  • Поддерживается визуальный композитор

Встраиватель PDF

С помощью PDF Embedded вы можете загружать PDF-файлы и вставлять их прямо на свой сайт, это так же просто, как добавлять изображения! PDF-файлы будут автоматически увеличены до их естественного размера и формы или заполнят доступную ширину, если они слишком большие. При желании вы можете установить ширину, и высота будет рассчитана автоматически. Форма будет пересчитываться всякий раз, когда пользователь изменяет размер страницы.

Этот плагин поставляется с премиум-версия, который имеет больше функций.

Резюме

Какое из следующих решений вы будете использовать? У вас есть какие-нибудь рекомендации? Дайте нам знать в комментариях. Не забудьте следить за нами в наших аккаунтах в социальных сетях: Facebook и Твиттер.