Pdf embedder не работает

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

С более чем 3900 продажами, программа просмотра PDF для WordPress — это продающий плагин для просмотра 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. Вы можете настроить такие параметры, как скорость переворачивания, звук переворачивания, уровень масштабирования и угол наклона камеры. Этот плагин также поддерживает лайтбокс и полноэкранный режим.

Как встроить 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-файл на свой сайт одним из двух способов? Вы имеете в виду альтернативный плагин и считаете, что он лучше, чем упомянутые в этой статье? Дайте мне знать ваши мысли в разделе комментариев.

Источник

9 плагинов для работы с PDF на WordPress

Формат PDF «де факто» уже стал стандартом для обмена документацией в корпоративной, да и не только, среде. Электронные книги в этом формате также очень популярны в интернете, поскольку обеспечивают высокое качество и структурирование материала. Загрузить PDF файл на сайт WordPress не представляет труда — с этим справится и стандартный загрузчик, достаточно нажать кнопку “Add Media” («Добавить Медиа»). А вот раскрыть всю мощь формата PDF, позволить посетителям просматривать PDF документы или генерировать уникальные, красочные и подготовленные к печати каталоги, формы, заказы и счета, при этом не устанавливая в браузер дополнительные плагины можно только при помощи дополнительных плагинов, которым мы и посвятим сегодняшний обзор.

Google Doc Embedder

Замечательный плагин, которым я сам пользуюсь в своих проектах. Он позволяет внедрять в веб-страницу документы PDF, MS Office и ряд других, таких как PSD (Adobe Photoshop) и DXF(Autodesk AutoCAD). От браузера пользователя не требуется наличие Flash или PDF-модулей — вся функциональность обеспечивается Google Docs Viewer. Необходимость сначала загружать эти файлы в Google Docs тоже отсутствует — достаточно, чтобы они находились в сети в любом доступном месте.

Стоимость: бесплатно (за адаптированную к мобильным устройствам версию придется заплатить от $20)

• Скачать

PDF viewer for WordPress

Высококачественный плагин премиум класса, работающий с PDF документами не хуже Adobe Reader. Имеет массу всевозможных функций, таких как загрузка, печать, зуммирование, отображение в режиме презентации и добавление собственного логотипа.

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

• Пример
• Скачать

GroupDocs Viewer

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

Правда, плагин работает только с документами, размещенными в облачном хранилище GroupDocs — вы не сможете использовать локальные файлы сервера.

И имейте в виду — сам плагин бесплатен, однако он использует Cloud API, доступ к которому предоставляется на платной основе (от $60 в месяц)

• Скачать

WooCommerce PDF Invoices & Packing Slips

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

Естественно, содержание и дизайн документов полностью настраиваемые, дизайн шаблонов выполняется при помощи HTML и CSS и ограничен только вашей фантазией.

Интерфейс плагина переведен на различные языки, в т.ч. русский и украинский.

• Скачать

Print Friendly and PDF Button

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

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

• Скачать

WordPress Backend Posts to PDF Plugin

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

• Пример
• Скачать

PDF Product Catalog for WooCommerce

PDF Product Catalog for WooCommerce «на лету» сгенерирует PDF-версию самого актуального, на текущий момент, каталога ваших товаров и предоставит его клиенту в наиболее эффектном и удобном виде. В состав плагина уже включены 5 шаблонов каталога, однако с помощью магии HTML и CSS можно создавать свои собственные и неповторимые шаблоны. А соответствующий шорткод добавит кнопку для загрузки каталога в любое нужное место страницы.

• Пример
• Скачать

PDF Image Generator

Если вы часто используете PDF в сообщениях блога, то этот плагин может быть очень вам полезен. Он создает изображение обложки pdf-файла в формате jpeg и использует его в качестве миниатюры указанного сообщения. Генерирует изображения трех размеров (1024×768, 300×225 и 150×150), оставляя, впрочем, возможность указать и произвольные размеры. Для работы использует библиотеки ImageMagick и GhostScript, поэтому прежде чем использовать PDF Image Generator стоит убедиться, что вы можете установить их на свой сайт.

• Скачать

Gravity PDF

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

• Скачать

Источник