Как обеспечить отображение в полном размере встроенных AI-буклетов: пошаговое руководство

Мы рады поделиться важным улучшением качества жизниобновлением для пользователейинструмента создания AI-буклетов. В мире цифрового издательства презентация имеет решающее значение. Ранее пользователи иногда сталкивались с проблемами, когда встроенные буклеты частично обрезались из-за настроек высоты просмотра по умолчанию. Мы рады сообщить, что эта проблема полностью решена.

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

Обновление: что изменилось?

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

Решение:

• Автоматическая настройка: Теперь рамка буклета автоматически настраивается для отображения всей книги.
• Больше не будет обрезки: Обновленная логика кода внедрения гарантирует, что буклет правильно помещается в контейнер вашего веб-сайта безручной настройки размера.
• Профессиональный результат:Независимо от того, вы просматриваетепросмотррассказ, корпоративный документ илипрезентацию, опыт теперь единообразен и качественный.

Пошаговое руководство: создание и внедрение вашего буклета

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

Шаг 1: Получите доступ к инструменту создания цифровых книжек с помощью ИИ

Перейдите к инструменту создания цифровых книжек с помощью ИИ. Эта платформа позволяет превратить сырые идеи в интерактивные цифровые книги мгновенно.

Шаг 2: Введите свои требования

Чтобы создать ваш контент, укажите необходимые данные:

1. Тема: Укажите основную тему вашей книги.
2. Описание: Добавьте краткое описание или конкретные детали, которые вы хотите включить.
3. Параметры: Установите желаемое количество страниц, язык и художественный стиль иллюстраций.

Шаг 3: Создать и проверить

Нажмите, чтобы создать. ИИ создаст контент и макет. Проверьте книжку, чтобы убедиться, что текст и изображения соответствуют вашим ожиданиям.

Шаг 4: Получите код вставки

Как только вы будете довольны, найдите опциюПоделиться или Вставить опции.

Примечание: Вам больше не нужно вручную рассчитывать соотношения сторон или устанавливать конкретные параметры высоты, чтобы избежать обрезки. Новая система сама обрабатывает эту проверку за вас.

Шаг 5: Разместите код на вашем сайте

Скопируйте предоставленный фрагмент HTML и вставьте его в редактор HTML вашего блога (WordPress, Wix, Squarespace и т.д.) или в код вашего собственного сайта. Опубликуйте страницу, чтобы увидеть результат.

Руководство по оптимальной вставке

Хотя обновление берёт на себя основную работу с размерами, соблюдение этих рекомендаций гарантирует наилучший пользовательский опыт:

• Ширина контейнера: Убедитесь, что HTML-контейнер (div) на вашем сайте, куда вы вставляете код, имеет гибкую ширину (например, 100%). Книжка заполнит доступную ширину и автоматически подстроит высоту, чтобы сохранить соотношение сторон.
• Адаптивность для мобильных устройств: Протестируйте вставленную страницу на мобильном устройстве. Обновление в полном размере особенно полезно в этом случае, поскольку оно предотвращает обрезание нижних кнопок навигации книжки мобильными браузерами.
• Минимальная настройка стилей Избегайте добавления overflow: hidden свойства CSS к непосредственному родительскому контейнеру книжки, поскольку это теоретически может конфликтовать с новой логикой автоматического масштабирования.

Примеры: До и после

Чтобы визуализировать влияние этого обновления, рассмотрите следующие сценарии:

Сценарий «До»

Фрагмент кода (устаревшее поведение):
Внедрение могло по умолчанию использовать фиксированную высоту (например, 500 пикселей). Если сгенерированная книга имела формат А4, нижние 20% страницы — часто содержащие номера страниц или текст внизу — были бы обрезаны, что требовало бы от пользователя прокрутки внутри iframe.

Сценарий «После» (текущий)

Поведение:
Внедрение определяет размер документа. Если книга требует 800 пикселей высоты для полного отображения при текущей ширине, рамка автоматически расширяется до 800 пикселей.

• Результат: Читатель видит полную обложку, весь текст и стрелки навигации, не требуя взаимодействия с полосами прокрутки.
• Преимущество: Бесшовная интеграция, которая выглядит как естественная часть вашего веб-сайта, а не как ограниченное окно.

Чек-лист: Проверка внедрения книжек

Используйте этот чек-лист, чтобы убедиться, что ваше внедрённое содержимое полностью использует новое обновление:

• [ ] Внедрите заново устаревшее содержимое: Если у вас есть старые книжки, внедрённые с обрезанным видом, попробуйте обновить код внедрения из инструмента, чтобы применить новую логику полного размера.
• [ ] Проверьте ширину контейнера: Убедитесь, что макет вашего веб-сайта позволяет внедрению минимум 600–800 пикселей ширины для наилучшей читаемости.
• [ ] Проверьте полную видимость: Загрузите свою страницу и убедитесь, что нижняя часть книжки (включая номера страниц) видна без прокрутки.
• [ ] Протестируйте взаимодействие: Нажмите на анимации поворота страниц, чтобы убедиться, что рамка остаётся стабильной во время переходов.
• [ ] Проверка на мобильных устройствах: Откройте страницу на смартфоне, чтобы убедиться, что отображение полного размера отображение корректно масштабируется для вертикальных экранов.

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

• Visual Paradigm Flipbook Maker – создавайте интерактивные цифровые книжки: Мощный онлайн-инструмент, который позволяет пользователям преобразовывать документы в интерактивные, визуально привлекательные книжки с реалистичными эффектами переворачивания страниц.
• Узнайте, как создавать книжки с помощью Visual Paradigm: Образовательный ресурс, который сопровождает пользователей на всех этапах создания динамических книжек с использованием интуитивно понятных инструментов Visual Paradigm.
• Создайте свою книжку с помощью Visual Paradigm – пошаговое руководство: Подробное руководство, помогающее пользователям быстро создавать профессионально выглядящие книжки из PDF-файлов и других документов с помощью онлайн-платформы Visual Paradigm.
• Быстрое руководство по созданию книжек – сообщество Visual Paradigm: Дружелюбное для новичков руководство от сообщества Visual Paradigm, которое сопровождает пользователей по основным шагам для начала создания книжек.
• Шаблоны и библиотека элементов для книжек – Visual Paradigm: Подобранный набор готовых шаблонов и элементов дизайна, ускоряющих создание книжек с единообразным, профессиональным стилем.
• Публикуйте свои документы в виде интерактивных книжек – Visual Paradigm: Ознакомьтесь с тем, как Visual Paradigm позволяет публиковать отчёты, брошюры и презентации в виде увлекательных книжек для обмена в интернете и на мобильных устройствах.
• Книги пользователей сообщества – Visual Paradigm: Центр для пользовательского контента и руководств, созданных сообществом, включая обучающие материалы по книжкам, лучшие практики и реальные примеры использования.
• Повысьте свою цифровую присутственность с помощью инструмента создания книжек Visual Paradigm: Публикация в блоге, в которой подчёркивается, как книжки повышают вовлечённость и профессионализм при распространении цифрового контента во всех отраслях.
• Инструмент создания книжек: революция в интерактивном контенте: Познавательная публикация в блоге, в которой рассматривается, как инструмент создания книжек от Visual Paradigm превращает статические документы в погружающие, интерактивные опыты.
• Самостоятельно размещаемая книжка-презентация: преобразуйте документы в интерактивные презентации: Преобразуйте PDF-файлы и документы в увлекательные, интерактивные слайд-шоу книжек с полным контролем и настройкой через самостоятельное размещение.
• Почему инструмент создания книжек Visual Paradigm Online выделяется: Обзор уникальных функций и преимуществ инструмента создания книжек Visual Paradigm Online, идеально подходящего для создания интерактивных отчётов и презентаций KPI.