WordPress просмотр doc файлов

Просмотр .pdf .xls и .doc файла прямо на сайте

Давеча столкнулся с необходимостью вставить просмотр .pdf файла прямо на сайте под CMS WordPress клиента (Прайс-лист).

Сделать подобное можно при помощи различных плагинов, но я предпочел вариант без плагина и с выводом на сайте через шорткод. В качестве обработчика выступает Google Docs.

Представленный ниже код аналогично позволит вывести и файлы .xls, .doc. Т.е. данное решение универсально.

Код не мой и свободно гуляет по сети. Смотрите на результат его работы.

Ваш браузер не поддерживает фреймы

Если файл не подгрузится, то отобразится соответствующее сообщение и ссылка на «Скачать». Т.е. в любом случае посетитель сайта получит информацию. Не подгрузиться может из-за периодических глюков обработки самим Google, либо при большом объеме файла ваш сервер может отдать ошибку.

Посетитель сможет листать страницы, если их несколько, приближать/удалять, а так же вывести в полноэкранном режиме.

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

Переходим к внедрению просмотрщика pdf, xls и doc на ваш сайт. Открываем файл functions.php (лежит в папке с шаблоном на хостинге) и сразу после переходим на новую строку, где вставляем следующий код:

Сейчас мы создали шорткод. Чтобы отобразился файл pdf на сайте, необходимо ссылку на этот файл разместить внутри такого шорткода (вставляете в свою статью или на страницу):

Обратите внимание где указана ссылка на файл. Так же здесь вы можете задать ширину (width) и высоту (height) блока, чтобы гармонично вписать в страницу.

Если высота и ширина у вас будет всегда одного размера, то можно избавить себя от подбора цифр. Модифицируем немного код просмотрщика:

Соответственно, отображать на странице будем уже так:

А теперь немного упростим себе жизнь. Если помните, то раньше уже научились добавлять в панель редактирования статьи свои кнопки. Статья Как выделить текст жирным, курсивом и подчеркиванием без стандартных тегов HTML. Теперь останется внедрить свою кнопку, которая будет выглядеть так:

Либо так, в случае с уже заданными параметрами высоты и ширины:

Соответственно, название шорткода pdfview вы можете заменить на свое в нужных местах кода. Аналогично и в названии ссылки панели форматирования. Это на случай, если вам понадобится отображать .xls или .doc.

На этом все. Побольше вам целевого трафика.

Источник

Document Viewer for Office

Описание

View Microsoft Word, Excel, Powerpoint, more… files in WordPress using shortcode.

If you have Office documents on your website or blog that you want your readers to view even if they don’t have Office installed? Would you rather view a document before downloading it? To give your audience a better experience, try the Office Web Viewer.

Wanna see how it works? Click Here To see demo

Some Benefits

• Works perfectly in computers, tablets, and mobile phones.
• You don’t need to convert Office files for the web (e.g., PDF, HTML).
• Anyone can view Office files from your website or blog, even if they don’t have Office.

Pro Features

• Choose Document From Google Drive
• Choose Document From OneDrive
• Choose Document From Dropbox
• View Document by Google Doc Viewer
• Disable/Enable Pop-out
• Show/Hide File Name in Top
• Show/Hide Download Button on Top
• Disbale/Enable Right Click

How It Works

Your Document will be embed in your site , blog via a iframe which is service of Office Web Viewer

This plugin use Office Web Viewer service of Microsoft Read More About Office Web viewer

Скриншоты

• Sidebar menu
• Add new Doc / Configure Viewer
• ShortCode
• Output / Frontend preview
• Frontend preview of a excel File

Блоки

Этот плагин предоставляет 1 блок.

• Document Viewer for Office

Установка

This section describes how to install the plugin and get it working.

1. Upload plugin-directory to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Use shortcode in page, post or in widgets.
4. ` in your templates

Часто задаваемые вопросы

Which type of document can I embed using that plugin?

Microsoft Word, Excel, And Powerpoint Document

What should be the file extension to work perfectly with that plugin?

‘.ppt’ ‘.pptx’ ‘.doc’, ‘.docx’, ‘.xls’, ‘.xlsx’

I Would like to support Your Project what is the best way to support ?

Thanks for your interest. You can donate any amount by visiting Here

Источник

Просмотр .xls и .doc файлов (документов office) прямо на сайте WordPress.

Я уже писал о том как вставить на сайт документ .pdf в статье Просмотр .pdf файла прямо на сайте .

Сегодня же хочу написать о том, что подобным методом можно реализовать просмотр .xls и .doc файлов (документов Microsoft Office) на вашем сайте. В общем тема такая:

Онлайн просмотр файлов xls, онлайн просмотр файлов doc.

или: «как вставить документ на сайт».

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

Так как-же реализовать просмотр .xls и .doc файлов (документов office) прямо на сайте WordPress? Так-же как и с .pdf. В качестве обработчика выступает Google Docs.

Вот у нас есть 2 тестовых документа: тестовый лист эксель , тестовый PDF

Ссылки активны, можете посмотреть результаты работы просмотрщика от Google кликнув по ним. Если вас устроит подобный вариант отображения документов, то для реализации подобного достаточно загрузить ваш файл через меню вордпресса > добавить медиафайл, а затем к ссылке на файл добавить http://docs.google.com/viewer?url=

То есть ссылка на ваш файл будет следующего вида: http://docs.google.com/viewer?url=http://info-business.pro/wp-content/uploads/2015/03/testovyy-list-yeksel.xlsx

Если же вы хотите просматривать документы непосредственно в фрейме на страницы вашего сайта, тогда вам необходимо пойти путем, описанным в статье Просмотр .pdf файла прямо на сайте, то есть добавить в functions.php вашей темы (шаблона вордпресс) следующие строки:

а далее на той странице, на которой вы хотите вывести ваш документ, вставить шоткод

ну только ссылка на документ будет конечно ваша ))

Более подробна работа с этим шорткодом описана в статье, которую я уже упоминал: Просмотр .pdf файла прямо на сайте .

Если же вы не планируете постоянно работать с документами Microsoft Office, а, скажем так, сия акция — разовая, то вам конечно нецелесообразно добавлять в движок шорткод. Достаточно в редакторе страницы, переключившись в режим «текст» вставить в нужное место вот такое:

Результат:
Ваш браузер не поддерживает фреймы
или вот:
Ваш браузер не поддерживает фреймы
Параметры фрейма (ширина, высота) подбирать придется к вашему сайту и вашему документу. И обязательно вставлять сей код в режиме текст!

Но есть одно НО.

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

Но на любую хитрую, как известно, есть свой способ с резьбой )))

Альтернатива: официальный, свой собственный просмотрщик Office: Office Web Viewer

Находится он по адресу: https://products.office.com/ru-ru/office-online/view-office-documents-online

Что такое Office Web Viewer?

Это служба, создающая ссылки Office Web Viewer, которые открывают файлы Word, PowerPoint или Excel в браузере без необходимости их загрузки. Вы легко можете превратить ссылку загрузки в ссылку Office Web Viewer и использовать ее на своем сайте или в своем блоге (например, для файла с рецептами, слайд-шоу из фотографий, меню или шаблона бюджета).

К преимуществам Office Web Viewer относится следующее:

• Вам не требуется конвертировать файлы Office в интернет-формат (например, PDF или HTML).
• Любой пользователь даже при отсутствии Office может просматривать файлы Office с вашего сайта или из вашего блога.
• Эта служба помогает поддерживать интерес к вашему веб-сайту или блогу, так как читатели не загружают файлы и остаются в браузере.
• Одна ссылка пригодна для использования как на компьютерах, так и планшетных ПК и мобильных телефонах.
• Это идеальный онлайн просмотр файлов xls, онлайн просмотр файлов doc

Как пользоваться? Просто ))

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

Вот вам пример просмотра документа

Вполне приличный способ, если Вас устроит просмотр документа в новом (отдельном) окне (вкладке).

Если документ нужен во фрейме, идем вышеописанным путем:

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

Источник

Блог про блоги от Дмитрия Донченко

Как показать PDF, Word, Excel, PowerPoint в WordPress

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

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

После установки и активации плагина, в разделе «Параметры» у вас должен появится новый пункт, который называется GDE Settings.

В настройках вы можете указать размеры просмотрщика документа:

Нажмите для увеличения

а также настроить параметры ссылки, для скачивания документа:

Нажмите для увеличения

Теперь собственно попробуем создать новую запись и отобразить в ней PDF файл с помощью Google Docs. В новой записи нажимаем на кнопку загрузки файлов, и загружаем наш PDF файл на сервер, после чего мы сможем скопировать ссылку на этот файл:

Нажмите для увеличения

В новой записи, пишем следующий код:

Нажмите для увеличения

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

Нажмите для увеличения

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

Спонсором сегодняшнего обзора, является сервис мониторинга обменников webmoney, данный сервис пригодится всем, кому часто приходится производить обмен Webmoney например с WMR в WMZ или в любых других направлениях.

Почитать еще

Комментарии: 15 Напишите свой комментарий!

1. Тима Написал(а):
   21.06.2011 — 5:25 пп

А если вставить excel таблицу с формулами, на странице можно будет менять значение полей для того, чтобы можно было что-то посчитать? Например, использовать этот плагин как калькулятор

Dmitriy Donchenko Написал(а):
22.06.2011 — 9:48 дп

Я думаю что нет, потому как документ отображается только в режиме просмотра. Но в принципе у вас есть возможность попробовать это 🙂 и сообщить о результате в комментариях.

Тима Написал(а):
22.06.2011 — 1:33 пп

Честно говоря, вообще не получилось вставить excel на страницу — плагин активировал, вставил в запись и на том месте куда вставил ничего нет. Делал на локал хосте, может быть на хостинге заработает…

А есть какие-нибудь решения, чтобы вставить в wordpress калькулятор? Очень желательно, чтобы ставил по формулам из excel..

Тима Написал(а):
22.06.2011 — 2:39 пп

Получилось вставить в блог, но там таблица только визуально отображается… Вопрос про калькулятор остается открытым 🙂

Dmitriy Donchenko Написал(а):
22.06.2011 — 3:49 пп

Мне кажется это не совсем правильно, использовать Excel через просмотрщик, чтобы отображать калькулятор на странице блога, вы не пробовали искать в репозитории плагинов что нибудь более подходящее? Например вот это?

Тима Написал(а):
22.06.2011 — 4:33 пп

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

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

Анатолий Написал(а):
25.06.2011 — 6:55 пп

Не совсем правильный подход!

Dmitriy Donchenko Написал(а):
30.06.2011 — 7:54 дп

Анатолий, можете рассказать о более правильном подходе, с радостью выслушаю.

Владимир Написал(а):
27.06.2011 — 11:30 дп

хороший плагин, мне помог !
спасибо.

Василий Написал(а):
15.07.2011 — 9:38 дп

Спасибо за этот плагин. Тоже давно искал.

Александр Написал(а):
15.07.2011 — 12:33 пп

Актуально! А то через стандартную панель криво получается!

Евгений Написал(а):
23.11.2011 — 6:11 пп

Здорово, мне это очень пригодится

Kirill Написал(а):
18.03.2012 — 5:19 пп

Все сделал по инструкции, но pdf не отображается, пишет «Веб-сайт не позволяет отображать своё содержимое во фрейме. Оно должно отображаться в отдельном окне.» Что я сделал не так?

Алексей Написал(а):
27.03.2015 — 4:47 пп

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

Google Doc Embedder

Олександр Написал(а):
10.08.2016 — 3:05 пп

Оставьте комментарий Ваш шанс быть услышанным!

Подпишитесь на обновления:

ИЛИ получайте обновления блога в свой почтовый ящик, просто введите свой email здесь:

Источник