Как добавить DearFlip для создания флипбука в WordPress

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

Вот как вы можете добавить DearFlip на свой сайт WordPress и создать флипбук:

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

1.1 Зайдите в панель управления WordPress

1. Войдите в панель управления WordPress.

1.2 Установите плагин

1. На приборной панели WordPress перейдите в раздел Плагины > Добавить новый.
2. В строке поиска введите “DearFlip – 3D Flipbook WordPress”.
3. Как только вы найдете плагин, нажмите кнопку Установить сейчас, а затем Активировать.

Шаг 2: Настройте параметры DearFlip

2.1 Доступ к настройкам DearFlip

1. После активации плагина в левой боковой панели появится новое меню DearFlip.
2. Перейдите в раздел DearFlip > Настройки.

2.2 Настройте основные параметры

1. На странице настроек вы можете настроить поведение и дизайн флипбуков по умолчанию. К числу параметров, которые можно настроить, относятся:
   • Режим перелистывания страниц: Выберите режим перелистывания одной или двух страниц.
   • Настройки управления: Включите или отключите такие опции, как масштабирование, полноэкранный режим и элементы управления навигацией.
   • Внешний вид: Установите цвет фона и включите реалистичные звуковые эффекты перелистывания страниц.

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

Шаг 3: Создание новой флипбука

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

3.1 Загрузите файл флипбука (PDF или изображения)

1. Перейдите в DearFlip > Добавить новый.
2. Введите название флипбука.
3. В раскрывающемся списке Источник выберите PDF (чтобы загрузить PDF-файл) или Изображение (чтобы создать флипбук с помощью серии изображений).

3.2 Загрузите PDF-файл или изображения

• Для PDF-файлов: Нажмите на кнопку “Загрузить PDF” и выберите PDF-файл с вашего компьютера. После загрузки DearFlip автоматически сгенерирует флипбук из вашего PDF-файла.
• Для изображений: Нажмите на кнопку “Загрузить изображения” и выберите изображения, которые вы хотите включить в флипбук. Порядок, в котором вы загрузите изображения, будет соответствовать порядку, в котором они появятся в флипбуке.

3.3 Настройка флипбука

1. После загрузки вы можете настроить внешний вид и поведение флипбука, в том числе:
   • Ширина/высота страницы: Настройка размера страниц.
   • Настройки отображения: Включите или отключите масштабирование, элементы управления навигацией или полноэкранный режим.
   • Автопереворот: При желании настройте автоматическое перелистывание страниц флипбука через определенные промежутки времени.

3.4 Публикация флипбука

1. Когда вы будете довольны настройками флипбука, нажмите кнопку Опубликовать, чтобы сохранить флипбук.

Шаг 4: Добавьте флипбук на страницу или в пост

Теперь, когда флипбук создан, вы можете вставить его на любую страницу или пост вашего сайта WordPress.

4.1 Скопируйте шорткод флипбука

1. После публикации флипбука вы увидите шорткод, отображаемый на странице создания флипбука (он будет выглядеть как [dflip id=”123″]).
2. Скопируйте этот шорткод.

4.2 Добавьте флипбук на страницу или в пост

1. Перейдите в меню Страницы > Добавить новый (или Посты > Добавить новый).
2. В редакторе WordPress вставьте шорткод в блок, где будет отображаться флипбук.
   • Если вы используете классический редактор, просто вставьте шорткод в редактор контента.
   • Если вы используете редактор блоков Gutenberg, добавьте блок Shortcode и вставьте шорткод в этот блок.
3. После добавления шорткода нажмите “Опубликовать”, чтобы сделать страницу или пост активным.

Шаг 5: Просмотр и настройка флипбука

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

Дополнительные советы по настройке:

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

Заключение

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