Общее описание плагина PDF Flipbook
Иногда возникает необходимость добавить pdf файл на страницу сайта. Это может быть прайс-лист, каталог или инструкция.
По умолчанию WordPress не имеет встроенного механизма для отображения файлов формата pdf. Ниже приведен простой и быстрый способ, как добавить pdf файл на страницу сайта и разместить его так, чтобы просмотр файла был удобен для пользователя.
В размещении pdf файла на сайте WordPress я рекомендую использовать плагин PDF Flipbook, 3D Flipbook WordPress – DearFlip.
3D Flipbook предоставляет возможность удобного просмотра PDF-файлов и изображений на страницах сайта. Плагин может преобразовать плоские изображения и PDF-файлы в интерактивные и реальные книги (флипбуки). С отображением содержимого, перелистыванием страниц, увеличением/уменьшением отображения, возможностью скачать файл себе на компьютер,
Плагин имеет базовую версию и расширенную версию.
Базовая версия – бесплатная. В базовой версии можно добавить pdf файл в виде флипбука как непосредственно на страницу, так и во всплывающем окне (лайтбокс). Лайтбокс рекомендован для страниц с несколькими pdf файлами.
Пример размещения прайс-листа компании с использованием базовой версии плагина приведен ниже:

В расширенной версии добавлены всплывающие лайтбоксы по нажатию кнопки и ссылкаи, возможность перехода по ссылке внутри pdf файла, возможность связи с Google Analytics и многие другие улучшения. Но, по-моему, в большинстве случаев функционала бесплатной версии вполнедостаточно.
Рассмотрю порядок работы с плагином, чтобы добавить pdf файл на страницы сайта.
к оглавлению ↑Установка плагина
Чтобы установить плагин на WordPress: зайдите в админпанель сайта и выберите пункт меню “Плагины” – > “Добавить новый”. В открывшемся окне поиска по ключевому слову наберите PDF Flipbook.
В результатах поиска увидите плагин PDF Flipbook, 3D Flipbook WordPress – DearFlip. Установите и включите его.

Как добавить pdf файл на страницу сайта
После активации плагин создает дополнительный пункт в административном меню WordPress: dFlip Books. В этом меню можно создать новую книгу, куда нужно добавить pdf файл.

При создании новой книги после нажатия кнопки “Add New Book” вы попадаете на экран настройки книги.
Ключевое в настройках – в поле PDF File указать адрес файла, который добавит pdf файл в книгу.

Если вы будете использовать всплывающее окно (лайтбокс) – то в поле PDF Thumbnail Image укажите изображение, при нажатии на которое будет отображаться книга.
После публикации справа вверху в разделе Shortcode появится возможность скопировать шорткод, который можно вставить на любую страницу сайта. Шорткод в базовой версии может быть только 2 видов: для непосредственного отображения pdf-файла (Normal) и для отображения во всплывающем окне (Thumbnail).
Вот так все просто.
Остальные вкладки на экране как Layout и Outline позволяют настроить детали отображения и взаимодействие с файлом. Как цвет фона, размеры контейнера и т.д. Пробуйте, экспериментируйте,

Вывод
Плагин PDF Flipbook 3D Flipbook WordPress DearFlip достаточно функционален в бесплатной версии, чтобы быстро добавить pdf файл на любую страницу сайта WordPress.
Комментируйте, задавайте вопросы, делитесь статьей в социальных сетях.
Удачи.
Александр Коваль
Александр, спасибо за статью! Отличное решение. Реализовал у себя (https://family-books.art/portfolio/). Подскажите, а какой оптимальный вес должен быть у загружаемого ПДФ? Мне на страницу «Портфолио» нужно загрузить не менее 6-ти файлов ПДФ и далее пополнять новыми кейсами. Как это может повлиять на скорость страницы/сайта? Спасибо!
Пожалуйста.
Конечно, чем меньше размер файла — тем быстрее будет загружаться страница.
Пробуйте, и если на ваш взгляд будет медленно — то настраивайте загрузку пдф файлов в всплывающем окне по нажатию на картинку.
Спасибо! Буду разбираться!