Бывают случаи, когда вы хотите встроить PDF-файл в свое сообщение или страницу:
- Автор книги может захотеть раздать читателям бесплатный экземпляр.
- Чтобы добавить каталоги товаров на свой сайт.
- Чтобы поделиться своими творениями в формате PDF со своими клиентами.
- Вы можете запустить туристическое агентство и захотеть показать маршрут туристических пакетов.
Но есть проблема !
Хотя WordPress позволяет вставлять аудио, видео и, конечно же, изображения, встраивать файлы PDF в ваши сообщения и страницы невозможно. Эта функция недоступна в настоящее время, возможно, она будет добавлена в будущем.
Если вы хотите добавить PDF-файл, вы можете загрузить файл, используя опцию Добавить медиа, вставьте его, и ссылка на этот файл будет добавлена на вашу страницу. И ваши посетители смогут скачать его или просмотреть файл в веб-браузере, когда покинут ваш сайт.
Но что, если вы хотите встроить PDF-файлы в свои статьи и позволить своим посетителям просматривать их, не покидая вашего веб-сайта? Есть ли этому решение?
Короткий ответ YES.
Итак, в этом посте мы покажем вам, как вы можете встроить файл PDF в свои записи или страницы WordPress. Прежде чем начать, вам, вероятно, потребуется создать хорошо отформатированный и аккуратный документ PDF с помощью редактора PDF. Затем вы будете готовы добавить его в свои статьи с помощью плагина или без него.
Но раньше, если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге
Тогда вернемся к тому, почему мы здесь.
Как добавить PDF-файл с помощью плагина
Есть много плагинов, которые вы можете использовать для добавления PDF-файла в свою запись WordPress.
Однако мы будем использовать Плагин WordPress PDF Embedder. Это Плагин Wordpress бесплатно, который доступен в каталоге плагинов WordPress. Лучшее в этом плагине то, что он использует javascript для выполнения своей работы, а не сторонний сервис или iframe.
Шаг 1. Установите плагин Embedder PDF
Войдите в свою панель управления WordPress и перейдите в меню Расширения> Добавить поиск PDF Embedder в поле поиска. Как только вы найдете плагин, просто установите и активируйте его. Вы также можете ознакомиться с нашим пошаговым руководством по установке плагина WordPress.
Шаг 2: настройте плагин
Хотя вы можете начать встраивать свои PDF-файлы после установки этого плагина, вы можете сначала изменить настройки, чтобы они выглядели современно. Для этого перейдите в Настройки> Вставить PDF на левой боковой панели панели инструментов WordPress.
Бесплатная версия этого плагина позволяет вам изменять следующее:
- Ширина и высота - Вы можете изменить ширину и высоту средства просмотра PDF. Он принимает целочисленные значения (в пикселях) или Макс (Ширина 100%).
- Расположение бара Инструменты - панель инструментов этого средства просмотра PDF позволяет вашей аудитории увеличивать или возвращаться и переходить на следующую или предыдущую страницу. Вы можете разместить панель инструментов сверху, снизу или и там, и там.
- Наведите курсор на панель инструментов - Вы можете выбрать, хотите ли вы, чтобы панель инструментов была видна только при наведении курсора мыши на документ.
Теперь это универсальные настройки. Но что, если вы хотите изменить настройки для определенного файла? Что ж, вы можете сделать это с помощью шорткодов. Вот пример:
[pdf-embedder url = "http://yoursite.com/wp-content/uploads/2019/01/April.pdf» width = "500" панель инструментов '"верхняя" панель инструментов исправлена "на"]
В приведенном выше примере ширина установлена на 500 пикселей, расположение панели инструментов установлено вверху, а панель инструментов будет фиксированной. Вы также можете установить панель инструментов внизу и фиксированную панель инструментов в конце.
Этот плагин также имеет премиум-версию, которая предлагает такие функции, как кнопка загрузки, счетчики просмотра и загрузки, непрерывная прокрутка страниц и ссылки, открываемые в новом окне.
Шаг 3. Вставьте PDF-файл в свое сообщение или страницу
Как только вы закончите с настройками, вы можете приступить к работе. Теперь независимо от того, используете ли вы классический редактор или редактор Гутенберга, вы можете легко использовать этот плагин для достижения желаемого результата.
Если вы используете классический редактор, встраивание файла PDF аналогично встраиванию изображения или видео.
Сначала создайте новое сообщение или откройте существующее, а затем нажмите кнопку Добавьте медиа.Загрузите файл PDF, нажмите кнопку Вставить публикация и к вашему сообщению будет добавлен шорткод.
Вот и все - теперь вы можете предварительно просмотреть свой пост, чтобы проверить, правильно ли работает этот плагин.
Что о Гутенберг редактор ? Ну, плагин Embedder PDF поставляется с определенным блоком. Итак, создайте новую публикацию и нажмите на значок Добавить блок. Затем найдите блок Встроить PDF и выберите его.
Наконец, нажмите на блок, чтобы выбрать (или загрузить) ваш PDF-файл, и ваша работа будет сделана.
Вот конечный результат, какой бы редактор вы ни использовали:
Некоторые популярные плагины для просмотра PDF-файлов
Хотя Плагин Wordpress PDF Embedder хорошо справляется со своей задачей, всегда полезно иметь несколько альтернатив. Итак, позвольте мне поделиться некоторыми WordPress плагины премия Программа просмотра PDF в произвольном порядке:
1. DK PDF Generator
Создание PDF-версий ваших сообщений и обмен ими в сообществах обмена может быть отличным вариантом для управление движением.
Le Плагин Wordpress Премиум DK PDF Generator позволяет вам легко выбирать страницы, сообщения, а также пользовательские типы сообщений, которыми можно поделиться или загрузить в формате PDF.
Смотрите нашу статью на 30 вещи, чтобы сделать на вашем блоге после их публикации
С их помощью вы даже можете добавить обложку и оглавление (с интерактивными ссылками) в ваш файл PDF.
скачать | Демонстрация | веб-хостинг
2. Каталог продукции в формате PDF для WooCommerce
Это очень полезный премиальный плагин WordPress от WooCommerce, который поможет вам загрузить полный список продуктов из вашего интернет-магазина в формате PDF.
Этот плагин поставляется с пятью шаблонами PDF по умолчанию, но вы можете создать свой собственный в соответствии с вашими потребностями с помощью простого HTML и CSS.
Читайте также наш 9 WordPress плагины для управления каталог товаров
Он также предоставляет вам возможность создания и вставки шорткода для добавления кнопок загрузки PDF в любую статью или страницу.
скачать | Демонстрация | веб-хостинг
3. Публикация в WordPress в социальных сетях и печать постов в плагин pdf
Этот премиум плагин WordPress выходит эксклюзивные плагины для обмена WordPress в социальных сетях, самый простой и оптимизированный с замечательными функциями, которые вы увидите, посмотрев на его демонстрацию. Он предлагает множество функций, таких как полный доступ к записи блога или веб-странице в любой социальной сети и их загрузка в формате PDF.
С помощью этого плагина WordPress вы сможете легко перенаправлять посетителей сайта в свои учетные записи в социальных сетях и увеличить свое присутствие на них.
скачать | Демонстрация | веб-хостинг
Как добавить PDF-файл без плагина
Что ж, если вы один из тех, кто все еще ищет решения без плагинов, то этот раздел для вас. Мы определенно можем добавить PDF-файл в сообщения и страницы WordPress, не устанавливая еще один плагин.
Идея проста: вам нужно загрузить файл PDF в свою учетную запись Google Drive, а затем использовать код iframe, чтобы встроить этот файл на свой веб-сайт. Хотя этот метод безопасен, единственная проблема в том, что он использует фреймы.
шаг 1 : Перейти к Google Drive и войдите в свою учетную запись (вам просто нужно зарегистрировать учетную запись Gmail, чтобы получить gratuitement 15 ГБ места).
шаг 2 : Загрузите PDF-файл, который хотите встроить в свой пост WordPress. Для этого нажмите на Модерн на левой боковой панели вашей учетной записи Google Диска, нажмите Импортировать файл и загрузите файл со своего компьютера.
шаг 3 : Как только файл будет загружен на ваш Google диск, дважды щелкните по нему, чтобы просмотреть файл. Теперь нажмите на 3 вертикальные точки (Дополнительные действия) в правом верхнем углу и выберите Открыть в новом окне.
шаг 4 : В новом окне нажмите Дополнительные действия (значок 3 точки по вертикали в правом верхнем углу) и щелчок доля.
шаг 5 : Откроется всплывающее окно с названием «Поделиться с людьми и группами» и «Получить ссылку». Нажмите здесь на Редактировать для всех, у кого есть ссылка в разделе «Получить ссылку». Это сделано для того, чтобы любой, у кого есть ссылка на файл PDF, мог его просмотреть. Если вы этого не сделаете, файл останется закрытым и не будет виден аудитории вашего сайта.
Вы должны увидеть следующее подтверждение:
Когда это будет сделано, нажмите Готовые.
шаг 6 : Настало время получить код для встраивания, который мы будем использовать в нашем посте. Чтобы получить это, нажмите еще раз на Больше действий, выберите Интегрировать элемент.
шаг 7 : Откроется всплывающее окно, в котором можно скопировать код iframe.
шаг 8 : Перейдите в панель управления WordPress и создайте или отредактируйте сообщение или страницу, на которые вы хотите встроить файл PDF. Если вы используете классический редактор, просто перейдите на вкладку Текст и вставьте код:
Чтобы Редактор Гутенберга, вам нужно добавить новый блок, выполнить поиск пользовательского HTML и, наконец, добавить код iframe в пользовательский блок HTML:
шаг 9 : Вот и все: теперь просмотрите сообщение или страницу, чтобы проверить файл PDF.
Резюме
WordPress позволяет прикреплять файлы PDF, но не встраивать их. Однако в этом руководстве эта проблема устранена. Он показывает, как вы можете встраивать свои PDF-файлы в свои сообщения или страницы, как ваши изображения и видео, с использованием или без использования плагина WordPress.
Откройте для себя также несколько премиальных плагинов WordPress
Вы можете использовать другие WordPress плагины чтобы придать современный вид и оптимизировать обработку вашего блога или веб-сайта.
Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.
1. Резервное копирование и восстановление
Резервное копирование и восстановление это премиум плагин WordPress, который поможет вам планировать резервное копирование вашего сайта на локальный сервер или на другие облачные серверы, такие как Dropbox, Google Drive и Amazon S3. Таким образом, вы сможете восстановить весь сайт, включая базу данных, из существующих точек восстановления одним щелчком мыши.
Также будет возможна загрузка вашего веб-сайта, базы данных и всех ваших резервных копий. Этот плагин также поможет вам управлять процессами резервного копирования и восстановления простым, безопасным и надежным способом.
Его функции включают в себя: полное резервное копирование веб-сайта, резервное копирование Amazon S3, Google Drive, Dropbox, менеджер дискового пространства, автоматическое удаление старых резервных копий, полное восстановление вашего сайта, поддержка мультисайтаИ т.д. ...
скачать | Демонстрация | веб-хостинг
2. Желтый карандаш: визуальный редактор стилей CSS
Yellow Pencil - это редактор визуальных стилей, который можно использовать с любой темой, чтобы персонализировать свой веб-сайт за считанные минуты (шрифты, цвета, анимация и многое другое…).
Этот премиальный плагин WordPress будет создавать стили CSS в фон пока вы играете с цветами, как в игру, она предназначена как для начинающих, так и для опытных пользователей.
Узнайте также наш Плагины 5 WordPress показывать уведомления
Знания в области кодирования не требуются. Однако в плагине WordPress есть хороший редактор CSS для тех, кто любит кодировать. Вы можете писать код в реальном времени с помощью этого редактора и настраивать свой CSS.
скачать | Демонстрация | веб-хостинг
3. Quack Chat Live Chat Система
Шарлатанский чат — это Расширение WordPress премиум, который легко интегрируется с вашим сайтом и предлагает удобный интерфейс для ваших клиентов. Это онлайн-чат, которым можно пользоваться с любого компьютера или мобильного устройства.
В качестве функциональных возможностей он предлагает среди прочего: поддержка мгновенных уведомлений через сообщения или электронные письма, система звуковых уведомлений, автоматическое архивирование (история) чатов, удобная панель управления, настраиваемое окно чата, автоматическое настраиваемое приветственное сообщение, поддержка автоматической прокрутки на странице чата и т.п ...
скачать | Демонстрация | веб-хостинг
Рекомендуемые ресурсы
Узнайте о других рекомендуемых ресурсах, которые помогут вам создать и управлять своим сайтом.
- Как добавить капельный контент на сайт WordPress
- Как очистить кеш в WordPress
- 10 плагинов WordPress WooCommerce для использования в своем блоге
- Плагины 6 WordPress для конвертации валюты в блог
Заключение
Вот ! Это все для этого урока. Мы надеемся, что эта статья помогла вам встраивать файлы PDF в WordPress.. Не стесняйся поделиться с друзьями в ваших любимых социальных сетях.
Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов по созданию интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress.
Если у вас есть предложения или замечания, оставьте их в нашем разделе Комментарии.
...
