Встраивание PDF, электронных таблиц и других типов документов в сообщения блога WordPress

Приветствуем вас! Сегодня мы рассмотрим, как встраивать PDF, электронные таблицы и другие типы документов в свои записи в блоге WordPress. WP поставляется с мощным редактором контента и позволяет легко вставлять видео, твиты, аудио и другие форматы мультимедиа, используя блоки для встраивания. Однако невозможно встроить файлы, такие как PDF, электронные таблицы и другие документы. Итак, начнем.

Из этой статьи вы узнаете:

Добавление PDF в сообщения без плагина

Встраивание PDF в сообщения с помощью плагина Embed PDF Viewer

Встраивание Microsoft Word, электронных таблиц и других документов в WordPress

Встраивание презентаций SlideShare

Как встроить документы из Google Drive

Добавление PDF в сообщения без плагина

По умолчанию WordPress не предлагает полную опцию вставки документов PDF, тем не менее, вы можете добавить их в качестве ссылок. Эта опция полезна, если вы не хотите добавлять плагин на свой сайт. Просто добавьте блок «Файл» в свой пост или страницу, а затем загрузите файл PDF.

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

У вас также есть возможность показать или скрыть кнопку загрузки и выбрать, будет ли она ссылаться на сам файл или на страницу вложения. Вы можете использовать этот метод для загрузки документов Microsoft Word, электронных таблиц Excel и презентаций PowerPoint.

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

Встраивание PDF в сообщения с помощью плагина Embed PDF Viewer 

Сначала вам нужно установить и активировать плагин Embed PDF Viewer. После того, как плагин активирован, просто создайте новый пост или отредактируйте существующий, чтобы встроить PDF-документ. На экране редактирования поста нажмите на значок «Добавить новый блок» и выберите блок PDF в разделе «Вставки».

После этого вы можете загрузить PDF-файл в свое сообщение.

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

Как только вы закончите настройку, просто сохраните ваш пост и просмотрите его на своем сайте.

Встраивание Microsoft Word, электронных таблиц и других документов в WordPress

Упомянутый выше плагин позволяет только вставлять файлы PDF на ваш сайт. Если вы хотите встроить другие типы документов, таких как Microsoft Word, электронные таблицы Excel, презентации PowerPoint и т.д, то вам нужно использовать другой плагин.

Во-первых, вам нужно установить и активировать плагин Embed Any Document. Затем создать новый пост или открыть существующий. После этого добавьте блок «Документ» в разделе «Вставки».

После этого вам нужно нажать на кнопку «Добавить документ».

Далее вы можете загрузить документ или добавить его URL.

Выбрав документ, вы увидите параметры для настройки встраивания. Вам необходимо просмотреть их и нажать кнопку «Вставить».

Документ мы встроили, теперь можно просмотреть параметры отображения документа снова на панели параметров блока с левой стороны.

Сохраните ваш пост и просмотрите его на своем сайте.

Встраивание презентаций SlideShare

Чтобы встроить презентацию SlideShare в запись блога, создайте новую запись или отредактируйте существующую. Затем нажмите на значок «Добавить новый блок» и добавьте блок «SlideShare» в область редактирования сообщения.

Затем вам необходимо посетить веб-сайт SlideShare и скопировать ссылку на презентацию, которую вы хотите встроить. После этого вставьте ссылку в блок SlideSharе и нажмите кнопку «Вставить».

Презентацию мы вставили, теперь можно просмотреть параметры блока на левой стороне и сохранить свой пост.

Как встроить документы из Google Drive

В приведенных выше примерах мы рассмотрели, как добавить PDF и другие документы с вашего локального компьютера. Однако многие пользователи в настоящее время используют Google Drive для создания и хранения документов (особенно владельцы малого бизнеса).

Подобно Microsoft Word, Excel Sheets и презентациям PowerPoint, Google Drive также позволяет создавать документы, презентации и другие онлайн-документы.

Если вы создали документы на Google Диске, то вы можете легко встроить эти файлы в свои записи с помощью метода iFrame. Чтобы встроить документ Google в WordPress, сначала необходимо открыть документ в браузере. После этого перейдите в меню «Файл» и нажмите «Опубликовать в Интернете».

После этого появится новое всплывающее окно. Вам нужно выбрать опцию «Вставить» и затем нажать кнопку «Опубликовать».

После этого вам предоставят код для встраивания iFrame. Скопируйте код.

Затем вам нужно создать новый пост или отредактировать существующий, чтобы встроить документ Google. В своем редакторе сообщений добавьте пользовательский блок HTML, чтобы вставить код для встраивания.

Как только пользовательский блок HTML будет добавлен, вставьте код, который вы скопировали ранее.

Вам может понадобиться добавить параметры высоты и ширины в код. Просто добавьте параметры в код iframe следующим образом:

<iframe src="https://docs.google.com/document/d/e/2PACX-1vQXyRM7bAOY2Em38yYkFKDlFwMp7tlofsdfdgeGDFg4lVkv_9HB_5WbGLwfMScaGQmDf34mIH/pub?embedded=true" width="550" height="600"></iframe> <iframe src="https://docs.google.com/document/d/e/2PACX-1vQXyRM7bAOY2Em38yYkFKDlFwMp7tlofsdfdgeGDFg4lVkv_9HB_5WbGLwfMScaGQmDf34mIH/pub?embedded=true" width="550" height="600"></iframe> 

После этого вы можете сохранить свое сообщение, а затем просмотреть его на своем веб-сайте. Теперь вы можете использовать этот метод для встраивания других документов из вашей учетной записи Google Drive в WordPress. Ну что, у нас на этом все. Всем пока!

С уважением Вячеслав и Валерия!