WYSIWYG Web Builder

Обзор



Содержание сайта
Визуальные редакторы
Обзор программ л.2
WYSIWYG Web Builder

Содержание

Введение
Основные шаги
Настройки WYSIWYG Web Builder

Интерфейс
Интерфейс WYSIWYG Web Builder 9 и 10
Язык интерфейса
Строка меню (Menu Bar)
Лента (Ribbon)
Панель вставок (Toolbox)
Панель быстрого доступа
Менеджер сайта
Инспектор свойств
Менеджер резервирования
Издатель файлов
Form Wizard
Master Page
Master Frames
Master Objects
Менеджер расширений
Менеджер активов
Менеджер объектов
Менеджер темы
Менеджер градиента
Менеджер стиля
Менеджер мультипликации  
Менеджер шрифтов Google
Редактор стилей ссылок
Диспетчер ссылок
Линейка, сетка, направляющие линии

Сайт

Страницы

Объекты
Работа с объектами
Список объектов
Текст
Заметки (Notes)
Заголовки
Шрифты
Заполняющий текст
Спецсимволы
Списки
RollOver Text
Обтекание текста
Горизонтальная линия
Изображения (Image)
Изображения (Picture)
Rollover Image
Rollover Layer
Бегущая строка 
Карта ссылок
Баннер
ClipArt
Text Art
Слайды
Фотоколлаж
Фотогалерея
Аккордеон
Таблицы
Ссылки
Закладки (якоря)
Рамка (Inline Frame)
Lightbox (Лайтбокс)
Анимация
Объекты рисунка
Панели навигации
Диалог
Вставка кода HTML
Audio HTML5
YouTube  
Блог
Статья
Карусель
Держатель места
Рассылка новостей
Лента новостей
Поиск на сайте
Таймер
Верхний колонтитул
Нижний колонтитул
Java Scripts
Java апплеты
Примечания
Информационные бюллетени
RSS Feed (RSS-канал)
Structured Data
Блоки объектов
Объекты jQuery
ThemeRoller
Embedded Page
Reusable objects
Веб-формы
Card
Section (Раздел)
Flexbox
Wizard
Flex Grid (сетка)
Объекты Media
Объекты администрирования
Объекты страниц коммерции
Значок (Favorites Icon)
Карты Google
Toasts
Card Container
Conveyer Belt
И другие объекты

Расширения
События
Глобальная замена
Слои (уровни)
Поиск ошибок
Использование искусственного интеллекта
Оптимизация сайта (SEO)
Администрирование
CMS
Предварительный просмотр
Публикация
Новое в последних версиях
Сотрудничество



Новое в WYSIWYG Web Builder v14

Версия WYSIWYG Web Builder 14 имеет более 200 новых функций и улучшений по сравнению с предыдущей версией 12.

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


Flex Grid (Гибкая сетка)

WB14 вводит новый способ создать гибкие расположения, основанные на новом расположении сетки CSS.
Сетка CSS (CSS Grid) - новая техника в CSS, который позволяет веб-разработчикам создавать сложные отзывчивые расположения более легко и последовательно через браузеры.
'Расположение Сетки CSS' ('CSS Grid Layout' ) является двумерной системой сетки, которая является родной к CSS.
Идея состоит в том, чтобы разделить веб-страницу (webpage) на колонки и строки. Колонки и строки являются областями, куда Вы можете перетаскивать объекты. Определение расположения может быть различным для каждой контрольной точки.
Подробнее о Flex Grid


Карты (Cards)

Добавлен объект 'Карты' (Card). Карта - легкий, гибкий контейнер. Он включает в себя опции для верхних и нижних колонтитулов, широкий спектр контента, стилей и мощных вариантов отображения.
Объект карты создан аналогично компоненту карты V4 Bootstrap.
На Панели вставок объект Card фигурирует в разделе jQuery UI / Bootstrap.

Когда карта используется в комбинации с контейнером flexbox, у нескольких карт с различным содержанием может быть та же самая высота, которую обычно трудно достигнуть.
Карты в основном используются как расширенные подсказки / всплывающее окно, которое появляется при нажатии или наведении на элемент. (элемент tooltip/pop-up).
Всплывающие окна могут быть размещены в верхней, правой, нижней левой части объекта контейнера и могут быть активированы с помощью щелчка, наведения или фокусировки.

Карты могут содержать текст, изображения, разделитель, верхний или нижний колонтитул, значки социальных сетей.

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


Шрифты Google (Google Fonts)

Добавлен Менеджер шрифтов Google (Google Fonts Manager). Добавление Шрифтов Google к Вашему вебсайту никогда не было легче. Вы больше не должны вручную загрузить/установить шрифты от вебсайта Google.
Для открытия Менеджера шрифтов Google используйте Ленту - вкладку Tools - Google Fonts.


Шрифты значков (Icons Fonts)

Добавлена поддержка пользовательских библиотек шрифтов значков.
Шрифты значков - это просто шрифты. Однако вместо букв или цифр они содержат символы (векторные графические изображения). Эти шрифты могут быть стилизованы с CSS таким же образом, как и стиль обычного текста. Шрифты масштабируются, не теряя качество.
Добавьте свои собственные библиотеки значков или сторонние наборы значков. Дополнительные шрифты значков поддерживают те же параметры стиля, что и встроенный шрифт Awesome.
Для открытия Шрифтов значков используйте Ленту - вкладку Insert -Icons Fonts.
Подробнее


Структурированные данные (schema.org)

Добавленная поддержка Структурированным Данным (JSON-LD). Обеспечивается лучший  просмотр пользователям на Вашем вебсайте и в поисковых машинах, и улучшается Ваш SEO со встроенным генератором JSON-LD.
Следующие схемы в настоящее время поддерживаются: Случай, Обзор, Человек, NewsArticle, SoftwareApplication, Продукт, Организация, Рецепт, Ресторан, VideoObject, MusicAlbum, MusicPlaylist (Event, Review, Person, NewsArticle, SoftwareApplication, Product, Organization, Recipe, Restaurant, VideoObject, MusicAlbum, MusicPlaylist.).


Карты Twitter (Twitter Cards)

Добавлена поддержка Картам Twitter.
С помощью карт Twitter Вы можете прикреплять к твитам фотографии, видео и медиа, увеличивая трафик на ваш сайт. Если вы добавляете мета-теги Twitter Card на свою веб-страницу, пользователи, которые щелкают ссылки на ваш контент, будут иметь” карточку", добавленную в твит, которая видна их последователям..
Это очень похоже на совместное использование ссылки на Facebook, которая автоматически отображает предварительный просмотр с заголовком, резюме и миниатюры содержимого страницы при использовании Open Graph Meta Tags.
Twitter определенные признаки мета-данных может формировать в разделы признаков Мета-свойств страниц.

 Поддерживаются следующие типы карт:
· Резюме. Сводная карта может использоваться для многих видов веб-контента, от сообщений в блогах и новостных статей, до продуктов и ресторанов. Он предназначен, чтобы дать читателю предварительный просмотр контента, прежде чем перейти на ваш сайт.
- Сводная карта с большим изображением имеет большое изображение полной ширины вместе с твитом. Нажав на изображение, посетитель попадает на ваш сайт.
· Проигрыватель. Видеоклипы и аудиопотоки занимают особое место на платформе Twitter благодаря карте плеера. Используя проигрыватель (и следуя политике разработчиков Twitter), вы можете доставлять мультимедийные материалы пользователям по всему миру.
Подробнее


Сетка  макета  (Layout Grid)

Сетка расположения (сетка макета) применяется для создания адаптивного дизайна, т.е. для создания сайта для разных размеров экрана.
Новое в WYSIWYG Web Builder 14 - добавлена поддержка фонового наложения на столбцы сетки, добавлены свойства дополнения к колонкам, добавлены свойства границы к колонкам, добавлена поддержка 'Расположению сетки CSS' ('CSS Grid Layout' ) и другое.
Подробнее


Мастер (Wizard)

Добавлен новый объект Мастер (Wizard). Мастер может использоваться (например), чтобы создать многостраничную Веб-форму.
Мастер может или быть modal (popup - всплывающим) или используемый как стандартный элемент.
Объект мастера основан на объекте диалогового окна и имеет те же свойства.
Основное отличие этого диалогового окна заключается в возможности добавления нескольких страниц (шагов). Добавление объектов работает так же, как с другими контейнерами, просто перетащите объекты внутри области размещения.
Нажмите кнопку "Далее" или "назад", чтобы перейти к другому шагу.
Примечание:
Если мастер используется в качестве формы, то кнопка Finish ("готово") будет выступать в качестве кнопки отправки, в противном случае он будет просто закрыт.


Поиск на сайте (Site Search)

В версии WYSIWYG Web Builder 14 внесены некоторые дополнения при создании поиска на сайте -  в результатах поиска может теперь использоваться семья шрифта  @font-face/Google Fonts? добавлена возможность использовать кавычки в поисковых запросах для поиска точной фразы? добавлена возможность использовать знак "-" перед словом, чтобы исключить все результаты, содержащие это слово? добавлена возможность установить максимальное количество символов для отображения в результатах и другое.
Подробнее


Меню наложения (Overlay Menu)

Добавлен новый объект -Меню наложения (Overlay Menu).
Меню наложения - многоуровневое, полноэкранное меню с применением адаптивного дизайна (т.е предназначенное для экранов разных размеров). Может применяться анимация к меню, поддерживаются значки социальных сетей и множество вариантов стиля оформления меню.
Подробнее


Меню Вкладок (Tab Menu)

Добавлена возможность создания меню для экранов разных размеров.
Подробнее


Текстовое Меню (Text Menu)

В  WYSIWYG Web Builder 14 добавлена возможность создания меню вкладок с использованием адаптивного дизайна (см. Создание сайта для разных экранов). Это работает в комбинации с расположением (Layout ->Type -> Responsive). Когда область обзора страницы (viewport) станет меньшим чем указанное значение Контрольной точки, Текстовое Меню переключится с горизонтального на вертикальное.
См. Text Menu

Panel Menu - Панель меню

В  WYSIWYG Web Builder 14 добавлено:
отзывчивый способ (создание панели для разных экранов), добавлена возможность добавить текст нижнего колонтитула, добавлена возможность добавить эмблему (логотип) к меню, добавлено заполнение меню, добавлена поддержка "социальных иконок" и другое.
См. Panel Menu


Мега Меню (Mega Menu)

В  WYSIWYG Web Builder 14 добавлено:
отзывчивый способ, добавлена настройка 'Выравнивание', свойство sub (под-меню) 'Alignment' и другое.
См. Mega Menu


Меню CSS (CSS Menu)
В  WYSIWYG Web Builder 14 добавлена настройка стилей Границы главного меню для индивидуальных сторон.
См. CSS Menu


Другая навигация:

Помимо дополнительных настроек к разным панелям навигации в версии 14 Вы можете использовать тег <br> в тексте меню, добавлен выбор 'синхронизировать с другим меню", добавлен выбор "Не переходить по этой ссылке" и  другое.
Подробнее см. Панели навигации - Новое в WYSIWYG Web Builder 14


Master Page/Master Frame
В  WYSIWYG Web Builder 14 добавлено:
-  поддержка прозрачности фона - background transparency (alpha)  в Держателе места
- добавлены новые основные функции к master page и master frame. В дополнение к Master Frames теперь вы можете также использовать другую страницу в качестве главной страницы. Для этого не требуется Держатель места (Content Place Holder).
Подробнее см. http://wysiwygwebbuilder.com/master_page.html


Общие изменения (General)
- Удалено   "Disable IE toolbar" (отключить панель инструментов IE). IE больше не поддерживает эту функцию
- Улучшено: все встроенные файлы JavaScript теперь загружаются из подпапки "js", а не встроены в исполняемый файл. Это уменьшило размер приложения и использование памяти. И это при необходимости облегчает замену файлов.
- Улучшено - Больше объектов теперь поддерживают атрибуты роли ARIA (например - вкладки (tabs), аккордеон, поиск, блог, подача новостей (news feed ticker), навигация и т.д.
- Улучшено: свойство "margin" ( 'края') теперь реагирует на большинство объектов (возможно применение адаптьивного дизайна).
- Улучшено: если полная ширина объекта имеет поле, то значение поля будет вычитаться из общей ширины с помощью функции "calc css", так что объект не становится шире, чем его контейнер. 
- Улучшено: Удаленные приставки браузера для тени коробки.
- Улучшено: Просмотр кода (HTML viewer) имеет лучший контраст для темных цветовых схем.
- Улучшено - много усовершенствований в разрешении (Точки на дюйм - DPI improvements). Например, все встроенные изображения / значки / панели инструментов теперь имеют версии с высоким разрешением для использования на экранах с высоким разрешением.
- добавлена опция "установить начальный уровень масштабирования на основе масштабирования DPI" ('Set initial zoom level based on DPI scaling' ). На некоторых компьютерах с дисплеем высокого разрешения (4k) начальное рабочее пространство может быть слишком маленьким. При включении этой опции значение DPI вашей системы будет использоваться в качестве начального уровня масштабирования. 
- Новое - Добавлен цвет  акцент 'По умолчанию' ('Default') с использованием цветовых схем (color schemes) VS 2017 и Office 2016. Системы цветов могут использовать теперь цвет акцента Windows (Windows accent color).
- Добавлена опция 'Search' ("поиск") в Диспетчере сайтов для фильтрации страниц в списке и быстрого поиска страницы. Добавление к  к диалогу Менеджера сайта (Site Manager -выбор страницы для внутренних ссылок), чтобы быстро найти страницу.
- добавлена опция "резервное копирование проекта в zip" (Project backup in zip') в меню файла. Это позволит создать полную резервную копию проекта, изображений и т. д. 
- добавлена функция "Загружать встроенные файлы JavaScript асинхронно" ('Load built-in JavaScript files asynchronously' )  -     выбор в Tools -> Options -> HTML. 
Примечание:  полезкно только при использовании  внешних файлов JavaScript!
- добавлена поддержка 'ctrl+click+drag', чтобы быстро дублировать объекты точно так же, как в Word/PowerPoint:
  - выберите объект, который Вы хотите дублировать.
  - наведите  курсор на объект и нажмите клавишу CTRL.
  - не отпуская клавишу CTRL, щелкните и тяните объект к новому местоположению.

Публикация  (Publish)
Новая функция -  сделайте резервную копию всего проекта (включая изображения) в формате zip.

Шаблоны / Блоки
Улучшено -  Шаблоны / блоки теперь хранятся более эффективно. Если проект использует одно и то же изображение несколько раз, то оно будет внедрено только один раз.

Формат SVG
SVG - Scalable Vector Graphics — масштабируемая векторная графика (См. также Википедия о SVG.).
Новая функция: WYSIWYG Web Builder 14 теперь официально поддерживает SVG.

Режим Full width
Добавлена новая функция - добавлен режим Full width ("полная ширина"), чтобы сформировать, текст и картинки для использования с режимом вывода SVG.
Это создает возможность иметь масштабируемые / гибкие формы / текст / клипарт в сетках макета (при создании сайтов для разных экранов).

Галереи графических форм
Улучшено -  фигуры (Shape) в галерее "Insert Shape" ("вставить фигуру")    теперь отображаются больше и четче, как и другие галереи вставок ('Insert").

Цветоподборщик  (Color picker)
Новая функция: добавлен  'Alpha slider'  (Альфа-слайдер) для выбора цвета.
Новая функция: добавлен  'Alpha slider'  (Альфа-слайдер) для выбора цвета.

Шрифт Awesome / Материал Иконки  (Font Awesome/Material Icons)
Новая функция: реализовано новое окно выбора значков. С категориями (так же, как на ленте) и возможностью поиска, так что вы можете быстро найти значок, который вы ищете.

Страница (Page)

- Новая функция: добавлена опция Disable CSS media query ("отключить css media query") в свойствах страницы. Если этот параметр включен, точки останова (Контрольные точки) публиковаться не будут. Это может быть полезно для тестирования.
- Новая функция: добавлено Disable HTML/CSS/JavsaScript formatting     ("отключить форматирование HTML/CSS/JavsaScript"). Этот параметр отключает параметры beautify / minify для текущей страницы. Это может быть полезно для тестирования или после добавления кода на страницу, которая не поддерживает форматирование.
- Новая функция: добавлена Disable custom code  ("отключить пользовательский код"). Если этот параметр включен, пользовательский код не будет включен в опубликованную страницу. Таким образом можно протестировать страницу без пользовательского кода (например, если что-то не работает).
- Новая функция: добавлена Use Safari mobile background fix   Этот параметр позволяет обойти проблемы с фоновыми изображениями полной ширины (параллакс/фиксированный/обложка) в браузерах Safari mobile (iOS).
- Новая функция: добавлена Apply these breakpoints to other page     ("применить эти точки останова - Контрольные точки на другой странице") в управление точками останова. Этот параметр применяет точки останова к другим страницам (если они еще не существуют). Обратите внимание, что это не влияет на макет.

Текст

- добавлено свойство "ID" в расширенном разделе свойств ссылки. Это дает возможность создавать закладки на ссылки.
- добавлено Font Family ("семейство шрифтов") и Font Size("размер шрифта") в диалоговом окне свойств и сетки. Это можно использовать для установки шрифта текстового объекта при использовании адаптивных шрифтов.
- добавлены 'Recently Used Fonts ("недавно использованные шрифты") в раскрывающийся список шрифтов на ленте и панели инструментов форматирования.

Статья блога (Blog / Article)

- добавлена возможность изменения цвета редактора. Это может быть полезно при использовании белого текста.
- добавлен шаблон ''bootstrap' (применение адаптивного дизайна).
- добавлен 'clean' шаблон макета.
- добавлен шаблон макета "testimonial".
- добавлен шаблон макета quote-"цитата".

Лента Новостей (News Feed Ticker)
- Новая функция: добавлена поддержка прозрачности фона (Альфа).
- Новая функция: добавлена опция радиуса границы.

JavaScript  (Ready-to-use-JavaScript)

- Улучшено: сценарии Google Maps теперь отображают изображение предварительного просмотра в рабочем пространстве (вместо общего логотипа JavaScript).
- Улучшено: текстовые скрипты теперь показывают предварительный просмотр текста в рабочей области.
- Улучшено: добавлена поддержка шрифтов Google.
- Улучшено: добавлена поддержка глобальной замены (шрифты и цвета)
- Новая функция: добавлен скрипт Countdown Days  ("обратный отсчет дней").
- Новая функция: добавлен ‘Typewriter’(‘машинка’) и ‘Typewriter Deluxe’ (‘скрипты машинки Делюкс’). Сценарии пишущей машинки имитируют ввод текста. Пишущая машинка Deluxe также включает режим курсора и реверса


Менеджер Стилей  -  Style Manager

Улучшено: окно менеджера стилей теперь можно изменять? псевдо-классы больше не отображаются в списке выбора стиля, потому что в любом случае полезно выбирать только основной класс, включен 'predefined style ("предопределенный стиль") для заголовка, маркеров, сетки макета, контейнера Flex, Rollover-слоя, большинство объектов теперь имеют свойство "class" ("класс") в Инспекторе свойств (Property Inspector) и другое.
Подробнее


CSS3 анимации (CSS3 Animations)

Улучшено:
- Новая функция: добавлен предварительный просмотр анимации.
- Новая функция: добавлена поддержка свойства ‘filter ("фильтр") в переходах и анимации CSS. Это добавляет возможность анимации яркости, контраста, оттенка, размытия, инвертирования, насыщения, оттенков серого и сепии.
- Новая функция: добавлены анимации текста "Neon", "Fire", "Classic Movie".
- Новая функция: добавлено несколько текстовых анимаций letterspacing. Например: "letterspacing фокус В" и "letterspacing развернуть".
Плюс, более чем 25 новых анимаций, в том числе: анимация-границы исчезают, фон, положение, фокус-в / фокус-аут и другие.
Подробнее


Flexbox
- Новая функция: добавлена поддержка background image+overlay    -"фонового изображения+наложения" для контейнера Flex.
- Новая функция: свойства Flexbox (flex grow, flex shrink, align self, flex basis) объектов теперь реагируют, поэтому вы можете использовать разные значения в точках останова (в Контрольных точках).
См. также: Flexbox


Фото Галерея/Фото Коллаж (Photo Gallery/Photo Collage)

Новые функции: при загрузке новых изображений галерея будет автоматически использовать метаданные изображения (если таковые имеются), добавлена возможность установить отдельное изображение Thumbnail ("миниатюра"), добавлена поддержка Bootstrap в настройках диалогового окна jQuery и другое.
См. также:
Фотоколлаж
Фотогалерея


Слайд-шоу (Slideshow)

- Новые функции: при загрузке новых изображений галерея будет автоматически использовать метаданные изображения, добавлена опция формы Line ("линия") для разбивки на страницы, добавлены новые встроенные стрелки навигации,  добавлено свойство "Maximum width" ( " максимальная ширина"), добавлен режим слайд-шоу "Full screen background"    ("полноэкранный фон").
См. также: Слайды.


Образ-картинка  (Image / Picture)
- Новая функция: добавлено свойство 'Object-fit’, которое определяет, как образ должен быть изменен, чтобы соответствовать его контейнеру. Требуется современный браузер. Например, Internet Explorer не поддерживает это свойство.  Подробнее.

Progressbar
- Новая функция: добавлена возможность показывать проценты в progressbar.
См. также: Progressbar


Диалог (Dialog)

Добавлены новые функции - свойство ширины границы, свойства тени, добавлена длительность анимации и свойства замедления, добавлен режим "Bootstrap", добавлена возможность использовать диалоговое окно в качестве формы, добавлен плавающий режим, добавлено свойство Breakpoint (Контрольные точки), добавлена возможность настраивать стиль кнопок и другое. Подробнее.
См. также: Диалог.


Панели (Tabs)
Добавлены новые функции: отображение и скрытие анимации, возможность добавлять описание и значок, поддержка вертикальных вкладок,  добавлена возможность использовать объект Tabs в качестве формы.
Подробнее


Аккордеон - Accordion

- Новая функция: добавлена возможность использовать аккордеон в качестве формы - Свойства - > форма - > включить форму     (Properties->Form->Enable Form).

Themable кнопка
- Новая функция: добавлено свойство box-shadow.
- Новая функция: добавлена возможность установить кнопку(ы) полную ширину в сетке макета. Это может быть полезно (например) для создания гибких строк (переключателей).
Подробнее о jQuery Button  


Spinner

- Новая функция: добавлено свойство box-shadow.
Подробнее о jQuery Spinner


События - Events

Добавлены действия "Form Submit" ("Отправка формы") и "Form Reset" ("сброс формы") для событий. Эти действия можно использовать для отправки или сброса формы через события! Например, чтобы отправить форму с помощью кнопки, которая не является частью формы.
- добавлена "ondocumentready" на страницу событий. Это событие будет вызвано, как только объектная модель документа страницы (DOM) будет готова для выполнения кода JavaScript. Это может быть полезно, например, для применения стиля к объекту.
Подробнее о событиях

Прокрутка событий и переходов  -  Scroll Events and Transitions
- Новая функция: добавлена Disable scroll events on small screens    - "отключить прокрутку событий на маленьких экранах" в Свойствах  страницы. Эта опция добавляет возможность отключить прокрутку событий на маленьких экранах (например. в телефонах.)
- Новая функция: добавлена Disable scroll transitions on small screens    -"отключить переходы прокрутки на маленьких экранах" в Свойствах страницы. Эта опция добавляет возможность отключить переходы прокрутки на маленьких экранах (например, в телефонах)
Minimum width   ("Минимальная ширина") указывает ширину, при которой события/ переходы прокрутки будут отключены.
- Новая функция: добавлена "Exclude browsers" ("исключить браузеры") в свойствах страницы. Эта опция добавляет возможность отключить события прокрутки и переходы в определенных браузерах (например, в iOS, Android).


Регистрация / Редактирование профиля   (Signup/Edit Profile)
-  добавлена возможность для пользователя, чтобы установить аватар. Изображение может отображаться на странице с объектом "Login Name".
См. также Администрирование

Регистрационное имя   (Login Name)
- Новая функция: добавлена граница, фон, отступы, свойства вертикального выравнивания.
- Новая функция: добавлена опция Display Avatar-    "отображать Аватар". Отобразится аватар вошедшего в систему пользователя.
См. также Администрирование

Инструменты входа - Login Tools

- Новая функция: добавлена поддержка прозрачности фона и границ (Альфа).
- Новая функция: добавлена функциональность User Roles    -"роли пользователей". Роли пользователей используются для создания различных типов пользователей. Эти пользователи будут иметь доступ только к страницам, на которых настроена эта роль. Роли настраиваются в свойствах администратора входа.

Login Admin
- Новая функция: переработан макет администратора входа в систему для современного внешнего вида.
- Новая функция: добавлены опции стиля для кнопок и полей ввода.
- Новая функция: добавлена поддержка полосатых и парящих строк.
- Новая функция: добавлена возможность настраивать / переводить текст различных элементов (заголовков, кнопок)
- Новая функция: добавлено заполнение ячеек таблицы
- Новая функция: добавлена опция поиска/фильтра
- Новая функция: добавлена нумерация страниц.
- Новая функция: добавлена поддержка "Аватара" (см. Справку программы -  Регистрация/Редактирование профиля.

Границы  - Borders
- Улучшено: границы теперь отображаются со всеми свойствами (стиль, радиус, отдельные границы) в рабочем пространстве.
- Новая функция: добавлена поддержка прозрачных границ (Альфа).
См. также Работа с объектами

Фон  (Background)

- Новая функция: добавлена поддержка рендеринга фона Карт Google (Google Maps). Теперь вы можете использовать (статическое) изображение карты Google в качестве фона в большинстве объектов.
Например: https://maps.googleapis.com/maps/api/staticmap?center=New + York, NY&zoom=12 & размер=440x330
- Улучшено: фоновый режим - > изображение (Background mode -> image)   теперь отображает палитру цветов, чтобы выбрать цвет для изображения + цвет и изображение + наложение.
- Новая функция: добавлена опция "image+fade" (изображение+исчезать) в свойствах фона. Это добавит эффект градиентного наложения на фон.
См. также:
Свойства страницы -  Стиль оформления
Работа с объектами


Тень Коробки (Box Shadow)
- Новая функция: добавлена поддержка типа тени: inset. Это изменяет тень от внешней тени (начало) к внутренней тени.

Карусель (Carousel)
- Новые функции: добавлена опция формы Line  ("линия") для разбивки на страницы, добавлены новые встроенные стрелки навигации, добавлен Flexible   ("гибкий" режим).
См. также Карусель

Слой  (Layer)

- Новая функция: добавлено свойство breakpoint   -"точка останова" для слоя панели. Если видовой экран меньше заданного значения точки останова, слой панели будет иметь полную ширину.
См. Слои


Администратор CMS   (CMS Admin)

- Улучшено: в WYSIWYG Web Builder появились новые иконки.
- Новая функция: добавлены опции стиля для кнопок и полей ввода. Все плагины были обновлены для поддержки нового стиля.
- Новая функция: добавлена поддержка парящих строк.
- Новая функция: добавлено заполнение ячеек таблицы
См. Администрирование


Элемент управления ListView
- Новая функция: добавлена возможность добавлять изображения в делители.


Инспектор свойств  (Property Inspector)

- Новая функция: инспектор свойств будет отображать значок Responsive   -"отзывчивый", если свойство имеет разные значения в точках останова.
- Новая функция: добавлена Reset Property (RWD)    -" сброс свойства (RWD)". Это приведет к сбросу выбранного значения, так что будет одинаковым для всех точек останова.
- Новая функция: добавлен Reset All Properties (RWD)    -" сброс всех свойств (RWD)". Это приведет к сбросу всех отзывчивых значений объекта.
- Новая функция: добавлен раздел команд с ярлыками для More properties    -"дополнительных свойств", событий, HTML и анимации.
См. Инспектор свойств


Глобальная Замена (Global Replace)
- Новая функция: добавлена возможность замены внутренних ссылок.
См. Ссылки

Отчет об ошибке  (Error Reports)

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


Условия формы  (Form Conditions)

- Новые функции: добавлены условия  'Less than' and 'Greater than'   ("меньше" и "больше"). Также можно создать отдельные диапазоны.
Добавлены условия 'else ("еще"). Добавлено свойство "From" во встроенные настройки процессора форм. И другое.
См. Веб-формы

Editbox / Textarea
- Новая функция: добавлена возможность установить цвет текста заполнителя.

Лайтбоксы    -Lightboxes
- Улучшено: изображение предварительного просмотра Lightbox теперь автоматически сохраняет соотношение сторон изображения.
- Новая функция: добавлена возможность использования fancybox v3. Из-за лицензионных ограничений распространение fancybox v3 запрещено. Однако, если вы копируете файлы из https://fancyapps.com/fancybox/3 / to Documents\WYSIWYG Web Builder\system\lightbox\fancybox, то приложение будет использовать эти файлы вместо включенных (fancybox v1).
- Новая функция: добавлена поддержка 3 новых (сторонних) адаптивных лайтбоксов: lightcase, tosrus, venobox. Доступен в бесплатной массовки'
- Новая функция:  lightbox  -лайтбокс (в Page Properties  -свойствах страницы) теперь поддерживает : colorbox установите lightcase, prettyphoto, swipebox, tosrus, venobox. Эти лайтбоксы можно использовать для YouTube, Vimeo, HTML5 Видео, встроенных фреймов и ссылок.
- Новая функция: добавлена возможность добавления границы (стиль, цвет, ширина, радиус) к изображению предварительного просмотра лайтбокса в видео YouTube, Vimeo и HTML5.

Пользовательские переменные (User defined variables)

- Новая функция: добавлена системная переменная $PROJECT_CSS$. Это позволяет указать другое имя для глобальной (внешней) таблицы стилей вместо имени проекта.


25 новых шаблонов

http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_books.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_candy.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_corporate.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_dividers.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_fakenews.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_flowers.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_fruitmosaic.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_landingpage.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_newspaper.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_pencil.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_portal.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_resume.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_reveal.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_settings.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_snowworld.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_wordgrid.html

http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_basic1.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_basic2.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_basic3.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_basic4.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_basic5.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_basic6.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_basic7.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_basic8.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_basic9.html
http://www.wysiwygwebbuilder.com/support/wb14tryouts/wb14_basic10.html

Блоки

50 новых блоков, в том числе: функциональные блоки, карты, колонтитулы, формы, фотогалерея, карусели, обратный отсчет, заставки и многое другое

Подробнее о новом в WYSIWYG Web Builder 14


Последнее обновление: сентябрь 2018 г.

О всех замеченных ошибках или неточностях в описании программы, а также о возможных дополнениях просьба сообщить по адресу: average.2011@mail.ru
Если у Вас есть веб-страница с дополнительными материалами по данной теме, сообщите адрес страницы, чтобы на нее можно было сделать ссылку.


Рейтинг@Mail.ru