✅ Новости WEB и WordPress, темы, плагины. Здесь мы делимся советами и лучшими решениями для веб-сайтов.

Как встроить PDF в WordPress с плагином и без него

278

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

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

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

  • Из СМИ
  • Использование Google Диска для встраивания PDF

Оба метода быстрые и помогут вам встроить файл PDF в WordPress. Мы также объясним, как встроить PDF в WordPress без плагина.

Как встроить запись WordPress с помощью плагина

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

WordPress предоставляет вам определенные параметры встраивания, но пока не позволяет встраивать PDF-файлы.

Добавить PDF-файл:

  • Опция СМИ
  • Добавить файл
  • Создать ссылку на файл

Теперь его можно просмотреть либо в виде загрузки, либо в отдельном веб-браузере.

Пожалуйста, смотрите ниже 7 простых шагов, используя первый вариант плагина для встраивания PDF в WordPress.

Встроить плагин просмотра PDF

Как встроить PDF в WordPress с плагином и без него

Шаг 1: Установите/активируйте подключаемый модуль Embed PDF Viewer.

Шаг 2: Вставьте PDF-документ: создайте новый пост/отредактируйте активный.

Шаг 3: Находясь на экране редактирования, выберите (Вставить значок нового блока).

Как встроить PDF в WordPress с плагином и без него

Шаг 4: Выберите блок PDF под разделом «Встраивание».

Как встроить PDF в WordPress с плагином и без него

Шаг 5: Загрузите новый PDF-файл из библиотеки мультимедиа или добавьте из URL-адреса).

Шаг 6: Найдите и щелкните файл, который вы внедрили; теперь вы должны увидеть файл в своем посте.

Как встроить PDF в WordPress с плагином и без него

После выполнения 6 шагов, используя варианты блоков слева, вы можете при необходимости вставить CSS, а также изменить размер встроенной области.

Как встроить PDF в WordPress с плагином и без него

Шаг 7: СОХРАНИТЕ публикацию и просмотрите ее на своем веб-сайте.

PDF-эмбеддер

Как встроить PDF в WordPress с плагином и без него

Это бесплатный плагин, который применяет JavaScript и предлагается в каталоге плагинов WordPress. Выполните 2 шага ниже, чтобы установить бесплатную версию этого плагина для встраивания PDF в WordPress.

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

Как встроить PDF в WordPress с плагином и без него

Шаг 1: Перейдите на панель инструментов вашего WordPress — Плагины, а затем добавьте новый.

Шаг 2: Найдите PDF Embedder (установите и активируйте плагин).

Шаг 3 (необязательно): измените ширину и высоту средства просмотра PDF.

Как встроить PDF в WordPress с плагином и без него

Шаг 4 (дополнительно) Расположение/наведение панели инструментов: — Используется для масштабирования средства просмотра PDF и смены страниц.

Как встроить PDF в WordPress с плагином и без него

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

Шаг 5 (необязательно) Измените настройку только для определенного файла: используйте короткие коды. Просмотрите наш пример ниже.

Как встроить PDF в WordPress с плагином и без него

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

Создайте новый пост/измените текущий — нажмите кнопку «Добавить медиафайл» — «Загрузить PDF-файл» — кнопка «Вставить в пост». (Шорткод появится в вашем сообщении).

Встраивание PDF в WordPress (плагин не требуется)

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

Встраивание PDF без плагина с помощью раздела «Медиа»

Как встроить PDF в WordPress с плагином и без него

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

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

Чтобы предоставить своим посетителям эту возможность без использования плагина, выполните следующие действия:

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

  • Найдите сообщение, которое вы хотите встроить в PDF

Как встроить PDF в WordPress с плагином и без него

  • Выберите опцию «Добавить медиа».
  • Перейдите на вкладку «Загрузить файлы».
  • Выберите «выбрать файл», чтобы загрузить PDF-файл в медиагалерею WordPress.

Как встроить PDF в WordPress с плагином и без него

  • Предварительный просмотр, вернувшись к своему сообщению

Некоторые люди предпочитают использовать редактор Gutenberg, который также требует загрузки файла PDF.

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

Как встроить PDF в WordPress с плагином и без него

Вы также можете использовать блок изображений . Чтобы вставить файл PDF с помощью этого метода, сначала нажмите кнопку медиатеки, чтобы загрузить файл. Если вы выберете опцию «вставить в сообщение», на вашей странице появится ссылка, по которой посетители смогут просмотреть или загрузить файл.

Теперь, чтобы встроить PDF-файл в публикацию, посетите Медиатеку, скопируйте URL-адрес загруженного файла.

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

Не стесняйтесь играть с шириной и высотой, чтобы настроить размер.

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

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

Как встроить PDF в WordPress с плагином и без него

  • Выберите любое место в связанном тексте
  • Нажмите кнопку «Изменить» (значок карандаша).
  • Нажмите кнопку параметров ссылки (значок шестеренки).

Как встроить PDF в WordPress с плагином и без него

  • Отметьте «Открыть ссылку в новой вкладке» и нажмите «Обновить».
  • Обновите сообщение, чтобы завершить действие.

Как встроить PDF в WordPress с помощью Google Диска

Как встроить PDF в WordPress с плагином и без него

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

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

  • Создайте учетную запись Google или используйте существующую.
  • Добавьте свой PDF-файл в Google Документы

Как встроить PDF в WordPress с плагином и без него

  • После загрузки просто дважды щелкните файл, и он должен открыться.
  • В раскрывающемся меню с  тремя точками откройте файл в отдельном окне.

Как встроить PDF в WordPress с плагином и без него

Перейдите в отдельное окно, используйте то же меню и нажмите «Поделиться». Вы должны увидеть всплывающее окно под названием «Поделиться с другими».

Как встроить PDF в WordPress с плагином и без него

  • Выберите Получить ссылку для общего доступа. Как только вы это сделаете, ваш PDF-файл будет виден всем.

Как встроить PDF в WordPress с плагином и без него

После открытия PDF-файла снова щелкните значок с тремя точками и на этот раз выберите «Поделиться».

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

Наконец, выберите  ГОТОВО.

Эй, а вы знали, что данные тоже могут быть красивыми?

wpDataTables может сделать это таким образом. Есть веская причина, по которой это плагин WordPress №1 для создания адаптивных таблиц и диаграмм.

Как встроить PDF в WordPress с плагином и без него

Фактический пример wpDataTables в дикой природе

И очень легко сделать что-то вроде этого:

  1. Вы предоставляете данные таблицы
  2. Настройте и настройте его
  3. Опубликовать в посте или на странице

И это не только красиво, но и практично. Вы можете создавать большие таблицы, содержащие до миллионов строк, или вы можете использовать расширенные фильтры и поиск, или вы можете сделать их редактируемыми.

«Да, но я просто слишком люблю Excel, а на веб-сайтах ничего подобного нет». Да, есть. Вы можете использовать условное форматирование, как в Excel или Google Sheets.

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

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

Мы также написали о нескольких связанных темах, таких как встраивание Excel в html, как скрыть избранное изображение в сообщении WordPress, как определить, является ли сайт WordPress, как удалить WordPress из cPanel, как оптимизировать доставку CSS в WordPress. и как создать веб-сайт, подобный Amazon.

Источник записи: wpdatatables.com

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