web builder 16 что нового
WYSIWYG Web Builder 16
WYSIWYG Web Builder 16WYSIWYG Web Builder
WYSIWYG Web BuilderИдеальный набор инструментов (Конструктор сайтов) для создания потрясающих сайтов.
Имеет инструменты как для начинающих, так и для профессиональных дизайнеров и разработчиков.
Особенности WYSIWYG Web Builder
Инструменты входа в систему/Защита паролем страницы.
Встроенная система управления контентом с множеством плагинов (гостевая книга, faq, загрузки, фотоальбом и т.д.).
Добавьте пользовательский HTML-код с помощью инструментов HTML.
События jаvascript: Отображение/скрытие объектов (с анимацией), таймеры, перемещение объектов, изменение стилей и т. Д.
JQuery Theme Manager, создайте свои собственные темы для встроенных виджетов пользовательского интерфейса jQuery.
Менеджер стилей (global styling, H1, H2, H3 и т. Д.).
Мастер-фреймы и мастер-объекты: повторное использование общих элементов на вашем сайте.
Условия и расчеты формы контейнера Flexbox и гибкой сетки Flexbox
Создавайте сайты HTML5 / CSS3 уже сегодня!
Тип документа HTML5 (оптимизированный вывод HTML5).
Поддержка HTML5 аудио/видео и YouTube HTML5.
Формы HTML5: проверка собственных форм, новые типы и параметры ввода, веб-хранилище.
HTML5 и поддерживают фигуры и другие инструменты рисования.
CSS3 @font-face. Используйте не веб-безопасные шрифты во всех современных браузерах.
CSS3 непрозрачность, радиус границы, тень коробки.
Градиенты CSS3. Добавьте классные градиентные эффекты, используя собственный CSS3 (без изображений).
Навигационное меню CSS3. Создавайте потрясающие меню без использования jаvascript или изображений.
CSS3 анимация и переходы. Включая поддержку 2D и 3D преобразований!
WYSIWYG Web Builder 16
WYSIWYG Web Builder 16, как настроить интерфейc.
Приветствую Вас, дорогие друзья!
От Вас поступило очень много вопросов по WYSIWYG Web Builder. Рубрику публикаций по конструктору я не закрывал, информация и видео будут. Чтобы не пропустить, подпишитесь на мой канал на youtube или станьте моим подписчиком, подписавшись на любой бесплатный курс. Время бежит, появляются новые программы, скрипты, конструктора. Это замечательно, т.к облегчает нашу жизнь. Сегодня обновил WYSIWYG Web Builder с 14 до 16 версии.
Что нового в WYSIWYG Web Builder 16.
WYSIWYG Web Builder 16 содержит более 200 новых функций и других улучшений.
— Новая функция: добавлена интеграция с Pixabay. Просматривайте тысячи бесплатных высококачественных изображений и видео с Pixabay прямо в WYSIWYG Web Builder.
— Новая функция: эффекты движения позволяют быстрее и проще реализовать эффекты прокрутки и анимацию входа. Он обеспечивает упрощенный интерфейс без необходимости иметь дело с событиями и переходами.
— Новая функция: добавлен объект «Морфинг-форма». Плавно трансформируйте две или более фигур, чтобы создавать потрясающие анимации на своем веб-сайте. Поддерживаются все встроенные формы, клипарт и библиотека значков. Вы даже можете переходить между значками из разных библиотек.
Анимация может запускаться автоматически (слайд-шоу), при наведении курсора, при прокрутке с помощью якорей или на основе текущего положения прокрутки (непрерывно).
— Новая функция: добавлены два новых инструмента CMS: «Редактируемый контент» и «Администратор редактируемого контента». Новые инструменты CMS были разработаны как простая и бесплатная альтернатива таким сервисам, как Cushy CMS и Surreal CMS.
Редактируемое содержимое можно использовать для определения одного или нескольких редактируемых разделов на странице. Эти разделы можно изменить онлайн с помощью инструмента «Администратор редактируемого контента».
На страницу можно добавить несколько разделов.
Установка базы данных не требуется, используется хранилище плоских файлов (без mySQL).
Страница с редактируемыми разделами не обязательно должна быть PHP, контент динамически загружается через javascript / ajax.
«Editable Content Admin» работает со всеми поддерживаемыми редакторами, такими как tinyMCS и summernote!
— Новая функция: добавлено свойство «Максимальное количество элементов» в меню CMS. Это определяет максимальное количество элементов для отображения в меню. Это может быть полезно, если вы хотите использовать CMS для веб-сайта, похожего на блог.
— Новая функция: добавлено свойство «Домашняя метка». Когда это установлено, в меню будет добавлена ссылка «Домой».
— Новая функция: добавлена возможность настраивать / переводить текст различных элементов (заголовки, кнопки).
— Новая функция: добавлено свойство «Список страниц» в CMS View. Это отображает список последних измененных страниц / сообщений. При нажатии на один из элементов загружается выбранная страница.
— Новая функция: добавлена опция «Популярные статьи» в CMS View. Это отображает список страниц с наибольшим количеством просмотров. При нажатии на один из элементов загружается выбранная страница.
— Новая функция: добавлена возможность отображать сообщения CMS в «Объект тикера новостной ленты». «Список страниц» отобразит страницы в том порядке, в котором они были обновлены в последний раз. «Популярные статьи» будут отображать страницы с наибольшим количеством просмотров.
— Новая функция: добавлена поддержка редактора Summernote. Summernote — это, простой, чистый и гибкий WYSIWYG-редактор с множеством опций, таких как таблицы, изображения, видео и т. Д.
— Новая функция: добавлен плагин «Блог». Это реализует базовый блог, который можно добавить на страницы CMS. Также существует «летняя» версия плагина с расширенными возможностями редактирования.
— Новая функция: добавлен плагин «Просмотры страниц». Отображает 10 самых популярных просмотров страниц в виде круговой или гистограммы.
— Новая функция: добавлена поддержка CMS в оверлейное меню, адаптивное меню и тематическое меню.
— Улучшено: скрытые страницы больше не отображаются в результатах поиска и в фиксированных представлениях CMS.
— Новая функция: добавлен новый объект «CMS Card». Это расширенная версия объекта Card, которую можно использовать как часть инструментов CMS. Карточки — это быстрый и простой способ различными способами отображать информацию на веб-сайте. Макет карточек гибкий, поэтому они отлично подходят для использования на адаптивных веб-сайтах.
С помощью нового объекта «CMS Card» вы можете отображать динамические данные из базы данных CMS в макете карты. Переменные используются, чтобы указать, какие данные вы хотите отобразить. Переменные можно использовать в любом месте карточки: заголовок, нижний колонтитул, текст, кнопки и даже в видео. Например, вы можете использовать поле «дополнительные данные» системы управления контентом в качестве URL-адреса видео YouTube. Каждая карточка на странице может отображать содержание отдельной статьи CMS.
— Новая функция: добавлена опция «Очистка кеша» для внешних файлов CSS и JS.
Для ускорения загрузки веб-браузеры предназначены для кэширования файлов CSS и JS. Кэшированные файлы хранятся на компьютере посетителя, поэтому при следующем посещении сайта эти файлы будут загружены быстрее. Однако это может вызвать проблемы, если вы внесли изменения на веб-сайт, но браузер по-прежнему загружает предыдущую (кэшированную) версию файлов. Когда включена очистка кеша, к путям файлов CSS и JS будут добавлены уникальные суффиксы. Это заставляет браузер повторно загружать код файлов с сервера.
— Новая функция: добавлена интеграция с социальным входом. С помощью социального входа пользователи могут входить на защищенные паролем страницы, используя существующую информацию из социальных сетей, таких как Facebook, Twitter, LinkedIn или Google, вместо того, чтобы создавать новую учетную запись для входа на ваш сайт.
WWB может хранить информацию о пользователе в базе данных, такую как адрес электронной почты, имя, веб-сайт и т. Д.
Интересует? Тогда смотрите видео.
Как видите, ничего сложного нет. Но, если правильно настроить свой рабочий стол, то работа будет приносить удовольствие, экономить наше время.
Если у Вас возникают вопросы по данному конструктору, пишите в комментариях или на эл.почту, ответом на любое письмо рассылки.
WYSIWYG Web Builder 16.0.5 и активация
WYSIWYG Web Builder 16.0.5 – свежая версия текстового редактора и конструктора Web-страниц с функцией просмотра результата работы в реальном времени. Она предоставляет возможность создавать html-страницы, оформлять их с помощью css, добавлять скрипты, плагины, аудиовизуальные элементы, компоненты для авторизации и совершения покупок, абсолютно не владея языком гипертекстовой разметки и не имея познаний в css. Это что, программа делает все за пользователя? Так и есть.
Простота и больше
Крякнутый Web Builder предоставляет все возможности и инструменты для быстрого создания интернет-страниц в визуальном режиме. Делается это просто: перетаскивается нужный компонент в нужное место и изменяются его параметры в графическом (оконном) виде, а программа в это время генерирует html-код для этого элемента с заданными аргументами.
Разнообразие элементов
Web Builder Rus совместим с системами:
Про количество поддерживаемых функций и технологий разработчики скромно говорят, что только в последней версии конструктора число таковых возросло на 150 штук, потому в их перечень входят все достижения в области сайтостроения. Это совместимость с соцсетями и видеосервисами, поддержка Flash, скриптовых языков, плагинов, AcriveX, Unity, Real Audio. Простота с функциональностью и заставляют новичков установить приложение на русском на ноутбуки и ПК.
В перечень встраиваемых элементов входят:
В каждой категории находятся десятки компонентов, имеющие свои настраиваемые параметры. Введенный лицензионный ключ активирует программу и откроет доступ ко всем этим функциям. Благодаря им можно создавать страницы практически любой сложности, не требующие программирования.
Подключаемые модули
Отдельно стоят различные редакторы, например, для создания анимации, библиотек, полосы новостей и прокрутки, слайд-шоу и всплывающих окон. Все это делается в отдельных окнах со своими инструментами. В версии без регистрации многие из них недоступны. После ввода кода активации также станут доступными графические эффекты (размытие, сепия, цветовая коррекция) и более 200 шаблонов готовых страниц.
Намного больше функций можно получить бесплатно, скачав Web Builder для компьютера на базе 32 bit либо 64 bit-ной Windows.
WYSIWYG Web Builder
Обзор
Содержание
Новое в WYSIWYG Web Builder v16
Очистка кеша (Cache Busting)
Новая функция: добавлена опция «Очистка кеша» (Cache Busting) для внешних файлов CSS и JS.
Чтобы ускорить загрузку, веб-браузеры предназначены для кэширования файлов CSS и JS. Кешированные файлы хранятся на компьютере посетителя, поэтому при следующем посещении сайта эти файлы будут загружены быстрее. Однако это может вызвать проблемы, если вы внесли изменения на веб-сайт, но браузер по-прежнему загружает предыдущую (кэшированную) версию файлов. Когда включена очистка кеша, к путям файлов CSS и JS будут добавлены уникальные суффиксы. Это заставляет браузер повторно загружать код файлов с сервера.
— Новая функция: добавлена возможность отключать CSS-анимацию и переходы для небольших экранов (см. CSS-анимация).
Повернуть (Rotate)
— Новая функция: добавлена возможность вращать (почти) все основные элементы. Например: строка, заголовок, баннер, медиа, навигация, элементы формы (кнопка, поле со списком, поле редактирования, текстовая область). Обратите внимание, что контейнеры, такие как формы, слои, сетки и т. Д., Не могут быть повернуты. (См. Работа с объектами)
Линия (Line)
— Новая функция: добавлено 16 новых стилей линий: стрелка, крест, шеврон, завиток, кривая, ромб, сердце, квадрат, звезды, волна, зигзаг и другие. Новое свойство «Растянуть» определяет горизонтальное масштабирование (в процентах) узора (См. Линия).
— Новая функция: добавлена возможность добавлять текст в строку.
— Новая функция: добавлена возможность добавлять иконку в строку.
Разделители формы (Shape Dividers)
— Новая функция: добавлена опция «Анимация входа» (‘Entrance Animation). Это будет анимировать разделитель, когда он прокручивается в область просмотра.
— Новая функция: добавлена опция «Предварительный просмотр» (Preview).
— Новая функция: добавлена кнопка «Поменять местами» (Swap) для быстрой замены верхнего и нижнего разделителей.
— Новая функция: добавлены 2 анимированных разделителя волн. Для крутых динамических волновых эффектов!
— Новая функция: добавлено 15 новых разделителей: равнина, волна1, волна2, кривая4, линия горизонта, графики (4x), пандус, пандус 3d, наклонный смешанный, пирамида 3d, вода 3d, стрелка 3d.
Тосты (Toasts)
— Новая функция: добавлена поддержка стандартных событий (onclick, onmouseover и т. Д.).
— Новая функция: добавлены специальные тосты. ‘show’ запускается сразу после вызова действия show. ‘shown’ запускается, когда тост становится видимым для пользователя. ‘hide’ запускается сразу после вызова действия hide. ‘hidden’ запускается, когда тост перестает быть скрытым от пользователя.
См. jQuery Toasts.
Блог (Blog)
— Улучшено: добавлены все стандартные параметры стиля фона и границ.
См. Блог.
Расширенная кнопка (Advanced Button)
— Новая функция: добавлена возможность использовать расширенную кнопку в качестве ссылки. URL-адрес ссылки можно задать в настройках «Ссылка» (Link). Это может быть полезно, если вы хотите создать кнопку многострочной ссылки.
См. Advanced Button
ZIP-архив
Улучшено: теперь используется ядро Unicode (по лицензии Chilkat Software).
— Новая функция: добавлена возможность защиты паролем сгенерированного zip-архива. Поддерживаемые методы шифрования: устаревшие (zip 2.0), 128-битный AES и 256-битный AES.
— Новая функция: добавлена возможность резервного копирования / архивирования / шифрования файла проекта только без изображений, видео и т. д.
Расширения (Extensions)
— Новая функция: WYSIWYG Web Builder теперь может автоматически загружать и устанавливать отсутствующие расширения при загрузке проекта. Сюда входят платные расширения (если они приобретены с тем же адресом электронной почты, что и ваша текущая лицензия).
— Новая функция: Extension Manager отображает значок уведомления для «Доступных обновлений» (Available Updates). Это указывает, сколько обновлений доступно.
— Новая функция: добавлена возможность отключать расширения. При отключении расширения оно остается установленным, но выгруженным. Это улучшит скорость загрузки и потребляет меньше памяти. Также есть возможность отключить / включить все расширения сразу.
— Новая функция: расширения слоев теперь могут использовать плавающие дочерние элементы и выравнивание. Эти параметры будут автоматически добавлены к свойствам расширения, если установлен флажок «Включить слой» (Enable layer) в конструкторе расширений.
— Улучшено: Extension Manager теперь включает поддержку обновлений платных расширений.
— Улучшено: при удалении расширения через Extension Manager также удаляются файлы pdf, wbx, uwbx, wbx64 и jpg (с тем же именем).
— Улучшено: настройки, связанные с расширениями, теперь имеют специальный раздел в диалоговом окне «Параметры» ( Options).
См. Расширения
Инструменты входа (Login Tools)
— Новая функция: добавлено свойство «Алгоритм хеширования» (‘Hash Algorithm). Это добавляет поддержку улучшенного хеширования паролей с использованием bcrypt (в качестве альтернативы для md5). Пароли будут обновлены автоматически, когда пользователь войдет в систему. Обратите внимание, что вам может потребоваться увеличить длину поля базы данных (до 127 или 255).
Инструменты входа: удалить учетную запись (Login Tools: Delete Account)
— Новая функция: добавлен объект «Удалить учетную запись» (Delete Account). Это позволяет пользователям удалить свою учетную запись. Этот вариант также называется отказом от подписки или отказом от рассылки.
Инструменты входа в систему: выход (Login Tools: Logout)
— Новая функция: добавлена возможность добавлять значок к кнопке выхода.
— Новая функция: добавлены стандартные параметры фона и границы. Это заменяет свойство типа «кнопка», которое поддерживает только сплошной фон и изображение.
— Новая функция: добавлено свойство «курсор». Указывает курсор мыши, который будет отображаться при наведении указателя на кнопку.
Инструменты входа: Вход (Login Tools: Signin)
— Новая функция: добавлена поддержка Math Captcha, RecaptchaV2, RecaptchaV3 и hCAPTCHA. Новые параметры можно настроить с помощью свойства «Настройки Captcha».
— Новая функция: добавлено свойство «Надежность пароля». Задает регулярное выражение для проверки надежности пароля.
См. Администрирование
Перейти в меню
— Улучшено: Оптимизирован сгенерированный код для Go Menu. Больше не требует jQuery. См. Виды панелей навигации
Оверлейное меню (Go Menu)
— Улучшено: оверлей теперь использует гибкий бокс для выравнивания.
— Улучшено: добавлено overflow-y, поэтому, если меню больше, чем область просмотра, пользователь может прокручивать вверх / вниз.
— Улучшено: добавлена возможность использовать несколько экземпляров оверлейного меню на странице.
— Новая функция: добавлено свойство направления (слева направо / справа налево).
— Новая функция: добавлено свойство «режим макета». Поддерживает «детализацию» или «расширяемость».
— Новая функция: добавлены переходы ссылок. Это добавляет возможность анимировать фон или границу пунктов меню. Включает 18 эффектов перехода
См. Виды панелей навигации
Меню пагинации (Pagination Menu)
— Новая функция: добавлена возможность отображать круглые предметы. Установите радиус границы на 500 и используйте отрицательное значение для правого отступа, чтобы добавить интервал между элементами.
См. Pagination
Тематическое меню (Themeable Menu)
— Новая функция: добавлено свойство ориентации для управления положением подменю: начало вверху, конец вверху, начало справа, конец справа, начало снизу, конец внизу, начало слева, конец слева
— Новая функция: добавлена возможность показывать подменю при «наведении» вместо «щелчка» (‘hover’ instead of ‘click’). Снимите флажок «Щелкните, чтобы открыть подменю».
— Новая функция: добавлено свойство расстояния между кнопками. Задает интервал между кнопками.
— Новая функция: добавлена поддержка scrollspy.
— Новая функция: добавлена поддержка аффикса.
— Новая функция: добавлена поддержка «выделения текущей страницы» (highlight current page).
— Новая функция: добавлена поддержка CMS. Это меню теперь также можно использовать как часть системы управления контентом WYSIWYG Web Builder.
См. Themeable Menu
Иконочные шрифты (Icon Fonts)
— Виджеты FontAwesome и Icon Fonts были объединены, что упростило переключение между библиотеками значков и уменьшило количество повторяющихся параметров.
— Новая функция: добавлена возможность установить библиотеку значков по умолчанию для галереи вставок ленты.
1. Выберите в свойствах библиотеку значков. 2. Удерживая нажатой клавишу SHIFT, нажмите «ОК». 3. Перезапустите приложение. Вы также можете обновить раздел реестра вручную: HKEY_CURRENT_USER \ Software \ Pablo Software Solutions \ WYSIWYG Web Builder 16 \ Defaults \ IconFont
См. Шрифты значков (Icons Fonts)
Блоки (Blocks)
Добавлен новый пакет блоков с 38 новыми блоками. Blocks Pack 7 доступен в разделе «Бесплатные дополнения» на веб-сайте: https://wysiwygwebbuilder.com/free_extras.html
Web builder 16 что нового
What is new in WYSIWYG Web Builder 16?
WYSIWYG Web Builder 16 has more than 200 new features/improvements!
Here’s an overview of some of the new features. Note: the screenshots are based on the BETA version. The final release may look slightly different. Besides screenshots there are also links to online examples and tutorials to demonstrate the new functionality.
— New feature: Added ‘Morphing Shape’ object. Smoothly morph two or more shapes to create unique animations on your website. All built-in shapes, clipart and icon library are supported. You can even morph between icons of different libraries.
Animations can be triggered automatically (slideshow), on hover, on scroll with anchors or based on the current scroll position (continuous).
— New feature: Added ‘Snap Scroll’ object. Snap Scroll enhances one page scrolling website experience by providing snapping behavior as the user scrolls up or down the page. It also adds pagination dots with hover titles to the page for easy navigation and displaying the currently active section.
Motion Effects and Entrance Animations
— New feature: Motion Effects introduce a quicker and easier way to implement scroll effects and entrance animations. It provides a simplified interface without having to deal with events and transitions.
— New feature: Added two new CMS tools: ‘Editable Content’ and ‘Editable Content Admin’. The new CMS tools were designed as a simple and subscription-free alternative for services like Cushy CMS and Surreal CMS. Editable Content can be used to define one or more editable sections on the page. These sections can be modified online with the ‘Editable Content Admin’ tool.
— New feature: Added Social Login integration. With Social login users can sign-on to password protected pages using existing information from a social networking service such as Facebook, Twitter, LinkedIn or Google instead of creating a new login account specifically your website.
WWB can store the information about the user in a database such as email, name, website etc. For new accounts, an email can be sent to the webmaster with details about the user.
Besides standard information like email and name, you can also store other information specific to each social provider. For example, for Facebook you can store the user’s Facebook page or avatar. It is also possible to set a ‘user role’ for users that use social login so they can only access specific pages only.
— New feature: Added support for WebP images. Raster image format (pronounced Weppy «) developed by Google for Web graphics; designed to reduce image file sizes over standard JPEG compression while maintaining the same or similar quality; allows images to be downloaded more quickly.
Note: requires Windows 10!
— New feature: Added 16 new line styles: arrow, cross, chevron, curl, curve, diamond, heart, square, stars, wave, zigzag and more. The new ‘Stretch’ property specifies horizontal scaling (in percentages) of the pattern.
— New feature: Added the ability to add text to the line.
— New feature: Added the ability to add an icon to the line.
— New feature: Added ‘Page list’ option to CMS View. This displays a list of the last modified pages/posts. Clicking on one of the items will load the selected page.
— New feature: Added ‘Popular Articles’ option to CMS View. This displays a list of the pages with the most views. Clicking on one of the items will load the selected page.
— Improved: Hidden pages are no longer visible in the search results and in fixed CMS views.
— New feature: Added ‘Maximum items’ property to CMS menus. This specifies the maximum number of items to display in a menu. This can be useful to use the CMS for a blog-like website where you only want to display recent items.
— New feature: Added ‘Home label’ property. When this is set, a ‘Home’ link will be added to the menu.
— New feature: Added the ability to customize/translate the text of the various items (headers, buttons)
— New feature: Added the ability to display CMS posts in the “News feed Ticker object”. ‘Page List’ will display the pages in the order they were last updated. Popular Articles’ will display the pages with the most views.
— New feature: Added ‘Page Views’ plugin. Displays the top 10 page views in a pie and bar chart.
— New feature: Added ‘Blog’ plugin. This implements a simple blog that can be added to CMS pages. There is also a ‘ summernote ‘ version of the plugin available with advanced editing options (https://wysiwygwebbuilder.com/free_extras.html).
— New feature: Added new «CMS Card» object. This is an extended version of the Card object which can be used as part of the CMS tools. Cards are a quick and easy way display information in various ways on a website. The layout of Cards is flexible so they are great for use in responsive websites.
With the new “CMS Card” object, you can display dynamic data from the CMS database in a card layout. Variables are used to indicate which data you want to display. Variables can be used anywhere in the card: header, footer, text, buttons, and even in videos. For example, you could use the ‘extra data’ field of the CMS as the URL of a YouTube video. Each card on a page can display the content of a different CMS article.
During design time, the CMS card may look something like this:
On the published page the variables will be replaced the content from the database:
— New feature: Added CMS support to the Overlay Menu, Responsive Menu and Themeable Menu.
— New feature: Added 28 gradient styles to page style properties. The output will be a full-size background gradient using CSS (instead of images, like in previous versions). For backward compatibility, ‘horizontal’ and ‘vertical’ options (with image output) are still available.
— New feature: Added the ability to disable CSS animations and transitions for smaller screens.
— New feature: Added Filter bar functionality. This enables a filterable portfolio-style gallery of images. Assign labels to images so users can choose which images will be displayed. The filter bar has many styling options and the transition between categories can be animated.
— New feature: Added ‘on hover (full)’ option to display full size text overlay on images.
— New feature: Added support for “Unite Gallery”. A responsive gallery with many different styles, like carousel, grid, nested tiles and justified tiles.
Unite Gallery is available as a free add-on for WYSIWYG Web Builder 16.
https://www.wysiwygwebbuilder.com/free_extras.html
— New feature: Added support for hover animations for text overlay. More than 20 animations are available: box, fade, slide, spin, translate, zoom etc.
— Improved: on hover now uses CSS instead of jQuery.
— Improved: Added ‘Animations’ tab to properties. Note that transition will be applied to individual images. This makes it possible to implement advanced hover effect like filters (blur, grayscale, contrast. ) rotation, scaling etc.
— New feature: Added support for Strip lightbox.
Strip is an unobtrusive responsive lightbox, which only partially covers the page. This makes it less intrusive and leaves room to interact with the page on larger screens while giving smaller mobile devices the classic Lightbox experience.
— New feature: Added ‘Ken Burns’ mode. This is a lightweight solution using CSS animations to display a slideshow of images with the Ken Burns effect.
— New feature: Added support for Strip lightbox. See ‘Photo Gallery’.
— Improved: Redesigned event configuration. Events can now be configured via the image settings.
— New feature: Added the ability to set the background color for watermark text. Also added padding for controlling the spacing around the text.
— New feature: Added ‘full width’ option to horizontal alignment.
— New feature: Added support for borders.
— New feature: Added more than 25 new CSS animations: move, flip, fold, push, cube, tilt etc.
— New feature: Added the ability to trigger the rollover image on click instead of hover.
— Improved: Fade and zoom animations now use CSS transitions instead of jQuery.
— New feature: Added ‘Entrance Animation’ option. This will animate the divider when it scrolls into the viewport.
— New feature: Added ‘Preview’ option.
— New feature: Added ‘Swap’ button for quickly swapping the top and bottom dividers.
— New feature: Added 2 animated wave dividers. For cool dynamic wave effects!
— New feature: Added 15 new dividers: lowland, wave1, wave2, curve4, skyline, graphs (4x), ramp, ramp 3d, slant mixed, pyramid 3d, water 3d, arrow 3d.
— New feature: Released add-on “Shape Dividers” with 37 extra shape dividers.
— New feature: Added ‘Animate Fill’ option. This will hide the fill (background) of the shape until the animation of the stroke is complete.
— New feature: Added ‘manual’ trigger mode. The SVG animation can now be controlled via events: ‘media play’ and ‘media stop’. For example, to start the animation when a button is clicked or a Carousel slide becomes active.
— New feature: Added the ability to set the text color of the image (in addition to using a random color).
— New feature: Added the ability to set the transparency of the text, so the background will shine through.
— New feature: Added new background effects: ‘noise’ and ‘dots & lines’.
— New feature: Added wave effect. This will apply a wave filter to the image to make it harder to read for spam bots.
— New feature: Added ‘Enable rotation’ property. Specifies whether to use randomly rotated characters.
— New feature: Added the ability to specify which characters will be used in the image. Avoid using confusing characters and numbers (For example: l, 1 and i )
— New feature: Added ‘math’ CAPTCHA mode. This displays a (random) mathematical challenge, instead of characters.
— New feature: Added built-in support for Google’s reCAPTCHA v2 and reCAPTCHA v3.
— New feature: Added support for events. The ‘callback’ event will be triggered when the user submits a successful response. For example, to enable the submit button.
— New feature: Normally, when a checkbox or flipswitch is unchecked then the browser will not send the value to the server. In WWB16, you can now also set a value for the ‘OFF’ state. You can set the OFF value, by using two values separated by a pipe-symbol. For example: ON | OFF
— Improved: Added support for multiple select combobox values in the MySQL script.
— New feature: Added the ability to use the Advanced Button as a link. The URL of the link can be set via the ‘Link’ settings. This may be useful if you want to create a multi-line link button.
— New feature: Added ‘Steps’ mode. This implements a simple ‘stepper’ widget. This may be useful for registration forms, payment gateways or tutorials with steps.
— Improved: Events can now be configured via the tab settings.
— Improved: Upgraded HTML/CSS/JS to Bootstrap 4.
— New feature: Added arrow position property. The arrow can be displayed left, right or hidden.
— New feature: Added the ability to use icons in the header (font awesome, material icons etc.). Each panel header can have its own icon.
— Improved: Redesigned event configuration. Events can now be configured via the panel settings.
— New feature: Added the ability to open a specific panel via bookmarks (hash).
Set the active panel to ‘#’.
This indicates that the Accordion monitors the URL for hash changes.
Use the ID of the panel in the URL:
where ‘Accordion1’ is the ID of the accordion and ‘collapse3’ is the third panel.
You can also use an absolute URL:
Note: this feature was also added to Tabs!
— New feature: Added ‘collapsible’ option to header. This makes it possible to expand/collapse the card content by clicking the header.
— New feature: Added ‘maximum width’ property’. This specifies the maximum width of the card in flexible layouts.
— New feature: Added ‘manual’ trigger mode to Card Popover.
— New feature: Added the ability to show/hide/toggle popover via events.
— New feature: Added ‘list item’ type. A quick way to add a list-like item. Icon + text. The icon can be a different color and it can be positioned at the left of right side of the text.
List items also support badges: Text
where 255 is the badge label, The first color specifies the text color in HEX format and second color specifies the background color.
— Improved: Upgraded popover HTML/CSS/JS to Bootstrap 4.
— Improved: Upgraded scrollspy HTML/CSS/JS to Bootstrap 4.
— New feature: Added ‘masonry’ mode. Cards will be dynamically rearranged based on the available space in the browser window. Masonry measures all of the items and rearranges them in the best way with what is spatially available. The column is responsive in breakpoints. It is also possible to set a ‘column span’ for each card via the flexgrow property.
— New feature: Added ‘alignment’ property to card container. This specifies the horizontal alignment of cards in ‘card deck’ mode. This may be useful when cards have a maximum width, so they do not fill the entire row.
— New feature: Added support for ‘box shadow’.
— New feature: Added the ability to set the flexbox order.
The order property specifies the order of an object in a flex container or flex grid relative to the rest of the items inside the same container. This can be useful to define a different order in breakpoints.
Note: If the element is not inside a flex container or flex grid, the order property has no effect.
Panel Layer and Panel Menu
— New feature: Added ‘position’ property to Panel Layer. Choose between fixed or static. When fixed, the panel is positioned relative to the viewport, which means it always stays in the same place even if the page is scrolled. When static, the panel will scroll with the content.
— New feature: Added the ability to trigger the panel layer with a Panel menu button. This makes it possible to have an animated trigger button.
Requirements: the panel menu has one link and this link is a bookmark to the layer.
— New feature: Added floating mode options: 75%, 50%, 33%, 25% and 10% of the viewport height.
— Improved: The “Floating mode” property is now responsive, so you can use different heights in breakpoints.
— New feature: Added tag to semantic tags. Specifies the main content of the document: https://www.w3schools.com/tags/tag_main.asp
This option is also available for Layout Grids and FlexBox containers.
— New feature: Added vertical alignment for floating layouts.
— New feature: Added the ability to set the padding, so you can add spacing around the (floating) elements in a layer.
Padding can be set via the ‘Arrange’ tools, context menu or property inspector.
Online demo of some of the new layer features:
— New feature: Added ‘Orientation’ property to set horizontal and vertical alignment of the popup. The margin properties can be used to set an offset.
— New feature: Added animations to Bootstrap modal mode. Includes 36 new animations.
— New feature: Implemented functionality to create rollover cards. When you add two cards (default and hover) and set the ‘Position children’ option to ‘floating’ then both cards will automatically get the same height so you can for example implement ‘flipping cards’.
— New feature: Added more than 25 new CSS animations: move, flip, fold, push, cube, tilt etc.
— New feature: Added the ability to trigger the rollover layer on click instead of hover.
— New feature: Added ‘hide on scroll’ mode to Page Header. Implements a popular feature where a sticky header is hidden on scroll-down and shown on scroll-up. Include supports for fade and slide animations with easing.
— New feature: Added show/hide animations to Bootstrap dialog mode. Includes 36 new animations.
— New feature: Added border-radius property to button style.
— New feature: Added ‘full width’ to horizontal alignment’ options.
— New feature: Added ‘full height’ to vertical alignment’ options.
— New feature: Added ‘stretch’ to vertical alignment options.
This adds the ability to make the background of columns full height, even when the content is not the same size.
Note that vertical alignment options are only available if the grid system is set to flexbox or css grid.
— New feature: Added a few extra column height options: 75%, 33%, 25% and 10% of the viewport height.
— New feature: Added ‘Order’ property. The order property can be used to control the display order of the columns. This can be useful to define a different column order in breakpoints.
— Improved: Events window displays first 25 characters of JavaScript.
— Improved: Using show/hide with effect with lightbox, dialog, modal, toast, panel will automatically use show/hide instead because these features do not support effects.
— Improved: The Events window is now resizable.
— New feature: Added animation properties: animation-name, animation-duration, animation-delay, animation-iteration-count, animation-direction, animation-timing-function, animation-fill-mode. This can be used (for example) to set the animation of the object on hover.
Example: select animation, set duration and iteration count.
— New feature: Added the ability to use predefined animations for scroll transitions. The keyframes of the selected animation will automatically be converted to scroll transitions, so the animation is played frame by frame while the objects scrolls through the viewport.
— New feature: Added support for standard events (onclick, onmouseover etc ).
— New feature: Added dedicated Toast events. ‘show’ fires immediately when the show action is called. ‘shown’ is fired when the toast has been made visible to the user. ‘hide’ is fired immediately when the hide action has been called. ‘hidden’ is fired when the toast has finished being hidden from the user.
— Improved: Added all standard background and border style options.
— New feature: Added the ability to add sub titles. Subtitle data are simple text files that follow a specified format, in this case the Web Video Text Tracks ( WebVTT ) format. Multiple languages can be configured.
HTML5 Audio/Video, YouTube, Vimeo
— New feature: Added ‘Use Plyr ‘ option. This adds the ability to use the ‘ plyr ‘ media player instead of standard HTML5 audio/video enabling a consistent UI in all browsers.
— New feature: Added ‘cursor’ property. Specifies the mouse cursor to be displayed when pointing over the button.
— New feature: Added ‘text alignment’ property.
— New feature: Added ‘border style’ property to Themeable Button.
— New feature: Added support for padding.
— New feature: Added the ability to set the alpha value of the border color.
— Improved: Added the ability to enable/disable Themeable Buttons via events.
— New feature: Added the ability to password protect the generated zip. Supported encryption methods: legacy (zip 2.0), 128-bit AES and 256-bit AES.
This may be useful when you make a backup on the server and you want to protect your work.
— Improved: Zip uses Unicode core (licensed from Chilkat Software).
— New feature: WYSIWYG Web Builder can now automatically download and install missing extensions when loading a project. This includes paid extensions (if purchased with the same email address as your current license).
— New feature: Layer extensions (created with Extension Builder) now have the ability to use floating children and alignment. These options will automatically be added to the properties of the extension if ‘Enable layer’ in Extension Builder is checked.
— New feature: Extension Manager displays notification badge for ‘Available Updates’. This indicates how many updates are available.
— New feature: Added the ability to disable extensions. Disabling an extension keeps it installed but unloaded. This will improve launch speed and use less memory. There is also an option to disable/enable all extensions at once.
— Improved: Extension Manager now includes support for updates of PAID extensions.
— Improved: Settings related to extensions now have a dedicated section in the Options dialog.
— New feature: Added ‘Hash Algorithm’ property. This adds support for improved password hashing use bcrypt (as alternative for md5). Passwords will be upgraded automatically when the user logs in. Note that you may need to increase the length of the database field (to 127 or 255).
Login Tools: Delete Account
— New feature: Added ‘Delete Account’ object. This allows users to delete their account. This option is also referred to as unsubscribe or opt-out.
Login Tools: Logout
— New feature: Added the ability to add an icon to the Logout button. All supported icon libraries can be used (FontAwesome, Material Icons, Linea, Ico Font etc ).
— New feature: Added standard background and border options. This replaces the ‘button’ type property which only supported solid background and image.
— New feature: Added ‘cursor’ property. Specifies the mouse cursor to be displayed when pointing over the button.
Login Tools: Signin
— New feature: Added support for Math Captcha, RecaptchaV2 and RecaptchaV3. The new options can be configured via the ‘Captcha Settings’ property.
— New feature: Added ‘Password Strength’ property. Specifies a regular expression to validate the password strength.
Please see the help for examples.
— New feature: Added direction property (left-to-right/right-to-left).
— New feature: Added ‘layout mode’ property. Supports ‘drilldown’ or ‘expandable’.
— Improved: Added the ability to use multiple instances of the overlay menu per page.
— Improved: Added overflow-y so if the menu is larger than the viewport the user can scroll up/down.
— New feature: Added Link transitions. This adds the ability to animate the background or border of the menu items. Includes 18 transition effects: fade, slide, scale, rotate, underline, overline etc.
— New feature: Added the ability to display the menu as a ‘popup’ or ‘inline’ menu in addition to ‘ fullscreen ‘.
Inline mode can also useful for creating fancy panels or sidebars in combination with the Panel layer.
— Improved: Overlay now uses flexbox for alignment.
— New feature: Added CMS support. The Overlay menu can now also be used as part of WYSIWYG Web Builder’s content management system.
— New feature: Added support for icons in menu items (font awesome, material icons etc ).
— New feature: Added direction property (left-to-right/right-to-left). This reverses the horizontal buttons for RTL languages.
— New feature: Added 6 new button animations: delayed left, delayed right, delayed top, delayed bottom, delayed middle and pulse
— New feature: Added orientation property to control the position of the sub menu: top start,top end,right start,right end,bottom start,bottom end,left start,left end
— New feature: Added the ability to show sub menus on ‘hover’ instead of ‘click’. Uncheck ‘Click to Open Submenus’.
— New feature: Added button spacing property. Specifies the spacing between buttons.
— New feature: Added support for ‘ scrollspy ‘.
— New feature: Added support for ‘affix’.
— New feature: Added support for ‘highlight current page’.
— New feature: Added the ability to set border (width and color) for main or sub items. It’s also possible to set a border around the around whole menu by using a negative value.
— New feature: Added ‘spacing’ property. This specifies the spacing between main items, so you can create separate buttons.
— New feature: Added ‘Mobile alignment’ property. This specifies the text alignment when the menu is in mobile mode.
— New feature: Added CMS support. The Responsive menu can now also be used as part of WYSIWYG Web Builder’s content management system.
— New feature: Added the ability to display circular items. Set the border radius to 500 and use a negative value for the right padding to add spacing between items.
— Improved: Optimized generated code for Go Menu. No longer requires jQuery.
— New feature: Added 40 new transitions (slide, flip, fold, push, cube, tilt etc.) to the Bootstrap Carousel (full width = flexible).
— Improved: Redesigned event configuration. Events can now be configured via the Slide settings: Select slide number, click edit. Rearranging slides will also update the events automatically.
— New feature: Added support for badges. To add a badge, place the label between curly brackets. Example: «Text
— New feature: Added the ability to display listview items in a grid. The number of columns is responsive and can be different in breakpoints.
— New feature: Added direction property (left-to-right/right-to-left) to Table.
— New feature: Added ‘Use simplified icons” options. Converts toolbar images to colorless, light images. This functionality was designed to give icons a better contrast with dark themes.
— New feature: Implemented Office 2016/2019-like Ribbon Bar Auto-hide mode. With options: «Auto-hide Ribbon», «Show Tabs» and «Show Tabs and Commands»
— New feature: Office 2019-style Visual Themes are available now with the following visual styles: Colorful, Dark Gray, White and Black.
— New feature: Added Office 2019-style property view to improve discoverability and make the Property Inspector more user-friendly.
— New feature: Added context menu customization for the Ribbon user interface.
This makes it possible to customize right click menus.
— Improved: Redesigned splash screen window on startup with progress reporting.
— Improved: Added sort icons to Backup manager, Page Weight and Asset Manager to indicate current sort column. Also, added sortable columns to Error Reports, Explore (in the publish settings) and Verify Links.
— New feature: When setting Margins or Padding via the Arrange or context menu, holding Shift when clicking OK applies the settings to all breakpoints.
— New feature: In the Style Manager, holding the Shift-key while clicking OK will apply the modified settings to all breakpoints.
— New feature: Added the ability to customize the background color of the workspace in Design Layout mode.
— New feature: Added Restart Manager support. The Restart Manager is a standard feature of Microsoft’s Windows operating system. It can help applications maintain their data when an unexpected software error or crash occurs. Instead of shutting down abnormally, Restart Manager enables an application to perform an automatic save before it is terminated. Furthermore, it can re-invoke the application enabling it to restore its state from before the shutdown or crash.
WYSIWYG Web Builder now has built-in support for the Restart Manager by implementing an auto-save mechanism that performs the saving of the current project to a temporary file. If the application crashes due to an exception, it will be restarted and prompt the user to recover the auto-saved version if available.
Restart Manager support is only available in the 64-bit version!
— Improved: Open Graph and Twitter Card (site) properties can now be set separately from meta tags.
— New feature: Added ‘Breakpoints’ option to Global Replace scope. This specifies whether to replace values in all breakpoints or in the current breakpoint only.
— New feature: Added URL and Social Media Profiles ( sameAs ) properties to “Organization” and “Person” types in Structure Data.
— New feature: Added ‘Cache Busting’ option for external CSS and JS files.
To speed up load times, Web browsers are designed to cache CSS and JS files. The cached files are stored on the visitor’s computer, so the next time they visit a site, these files will be loaded faster. However, this may cause issues if you have made changes to the website but the browser still loads the previous (cached) version of the files. When cache busting is enabled, unique suffixes will be added to the file paths of the CSS and JS files. This forces the browser to re-load the files from the server.
Responsive Web Design / Breakpoints
— New feature: Added the ability to set the default font size per breakpoint (in Manage Breakpoints).
— New feature: Added ‘Default breakpoints’ option (Tools->Options->General) to configure default breakpoints (and font sizes) for new pages. It’s also possible to set the default value for ‘Activate breakpoints when browser window is smaller/larger’ than the device width.
— New feature: Added ‘Snippets’ functionality to the HTML object to quickly insert pre-defined HTML blocks. The list is customizable, so you can define your own snippets.
HTML code (Page HTML, Object HTML)
— New feature: Added ‘View White Spaces’ option to editor. Specifies whether the edit control draws special symbol on the white space.
— New feature: Added ‘Marquee’ mode. Scroll the news items from left to right or right to left like a marquee. Note: use a negative direction to scroll from left to right.
— New feature: Added ‘calendar’ date type. This displays the date like a calendar. Notes: margin sets spacing between date and text. Text/background specific the color of the months. The title color will be used for date.
— New feature: Added ‘Date’ property to manually set the date of a headline. Previous versions always used the current date.
— New feature: Added margin property for date and title. This specifies the spacing at the bottom of the title/date.
— New feature: Added ‘divider’ properties. This make it possible to insert a divider between items.
— New feature: Added support for CSV data source.
— New feature: Added support for JSON data source.
As online data editor you can use the CSV CRUD extension.
— New feature: Added support for MySQL data source.
— New feature: Added support for CMS data source. This makes it possible to display CMS content in the News feed Ticker! ‘Page List’ will display the pages in the order they were last updated. ‘Popular Articles’ will display the pages with the most views.
— Improved: Added all standard background and border style options.
— Improved: Redesigned ‘Ticker’ mode. The first item will slide out at the top, while moving the rest of the items up.
— New feature: Added ‘Shape’ and ‘Blob’ categories.
— New feature: Added ‘no transform’ style. This can be useful for example to output standard text as SVG with ‘text art’ styling or animations.
— New feature: Added 16 new speech balloon shapes.
— New feature: Added line-height option for shape text (HTML only)
1. Set the background mode to ‘image’
2. Select the SVG image
3. Set the output format to SVG
If you set the border to 0 then the original stroke will be exported. Otherwise WWB will attempt to use the selected color and width.
Note: in the workspace, the SVG will be rendered with the original colors.
— Improved: Banner now has all standard background image options like repeat, align, cover, stretch etc.
— New feature: Added SVG output format.
— New feature: Added support SVG animation.
— New feature: Added support for box-shadow.
— Improved: The FontAwesome and Icon Fonts widgets have been merged, making it easier to switch between icon libraries and reduce duplicate options.
— New feature: Added the ability to set the default icon library for the Ribbon Insert Gallery.
1. Select the icon library in the properties.
2. Hold the SHIFT key while clicking ‘OK’.
3. Restart the application.
You can also update the registry key manually: HKEY_CURRENT_USER\Software\Pablo Software Solutions\WYSIWYG Web Builder 16\Defaults\ IconFont
— New feature: Added ‘Sound Cloud Player’ widgets. The SoundCloud widget embeds audio clips from SoundCloud.
— New feature: Added «Adapt Container Width» option to FaceBook Page Plugin. Try to fit inside the container width.
— New feature: Added ‘Facebook comments counter’ script. Displays the number of comments on a given URL on your webpage.
— New feature: Added ‘Facebook comments plugin’ script. Lets people comment on content on your site using their Facebook account.
— New feature: Added ‘Facebook quote’ script. The quote plugin lets people select text on your page and add it to their share, so they can tell a more expressive story.
— New feature: Added ‘Facebook video plugin’ script. Add Facebook videos and Facebook live videos to your website.
— Removed: transition.js, because it is no longer needed. All Bootstrap 3 code has been upgraded to Bootstrap 4.
— Removed: RealPlayer and QuickTime because these are no longer relevant in modern websites.
— Deprecated: Mobile page functionality (jQuery Mobile) has been deprecated.
Unfortunately jQuery Mobile has not been updated since 2014, so it’s outdated and no longer a good choice for creating mobile websites.
The options are still available for backwards compatible, but it’s recommended to migrate to modern layout functionality like layout grids or flexbox.
Added 21 new templates to demonstrate some of the new features.
Added new Blocks pack with 38 new blocks. Blocks Pack 7: https://wysiwygwebbuilder.com/free_extras.html
If you are upgrading from a version prior to version 15 then also check out what we’ve added in version 15, 14, 12, 11, 10, 9 and 8!