WYSIWYG Web Builder

1. Меню Page - Page Properties
2. Ленту - вкладку Page - раздел Page - Page Properties (для WYSIWYG Web Builder 9 и 10)
3. Site Manager - Менеджер сайта
4. Контекстное меню страницы - Page Properties

Примечание: На рисунке выше - вид окна Свойств страницы в версии WYSIWYG Web Builder 11. После всех обновлений число вкладок увеличилось (см. ниже для WYSIWYG Web Builder 19)

Окно свойств страницы имеет несколько вкладок: General, Style, Meta Tags и другие.

О содержании вкладок более подробно - в следующих разделах обзора:

Общие свойства

Стиль оформления

Icons

Свои полосы прокрутки

Мета-данные

Переадрессация

Вес страницы

Internet Explorer

Проверка ссылок

Название страницы

Примечания:
1. Свойства страницы используются, когда нужно определить индивидуальные свойства конкретных страниц. Свойства всех страниц сайта определяются в Инспекторе свойств.
2. Многие свойства страницы определяются в Инспекторе свойств.

Новое в WYSIWYG Web Builder 15
В настройках страницы добавлена вкладка Icons (Значки), позволяющая настроить Значок сайта (Favorites Icon).

Многостраничные свойства

Multi-Page Properties (Многостраничные свойства) - с версии 9.

Инструмент многостраничных свойств можно использовать для изменения выбранных свойств сразу для нескольких (выбираемых) страниц. Например, чтобы быстро изменить главную страницу (Master Page) для группы страниц. Но и свойства фона, мета-теги, страница расширения и т. д.
Только измененные значения будут применены ко всем выбранным страницам, другие значения не будут затронуты.

Для определения многостраничных свойств используйте Меню Page - Multi-Page Properties
См. также:

Строка меню.
Pagination (Нумерация страниц)

Новое: Открыть Graph Meta Tags
- Новая функция: добавлена поддержка открытых тегов Meta Graph в Свойствах страницы - > Meta tags. Эти настройки позволяют легко добавлять открытые метатеги графика на страницу, чтобы сделать ее "богатым" социальным объектом.
Подробнее

См. также: Эффекты при прокрутке страницы
Наложение фонового заполнения (видео)

Новое: Добавлена опция Disable 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     ("применить эти точки останова - Контрольные точки на другой странице") в управление точками останова. Этот параметр применяет точки останова к другим страницам (если они еще не существуют). Обратите внимание, что это не влияет на макет.

Для Свойств страницы (Page Properties) - новые функции:
- добавлена поддержка «предпочитает уменьшенное движение» (prefers-reduced-motion) с помощью «Отключить CSS-анимацию и переходы для предпочтительного уменьшения движения» (Disable CSS animations and transitions for prefers-reduced-motion).
Этот параметр отключит анимацию и переходы CSS, если в системных настройках пользователя включен параметр «Уменьшить движение» (Reduce motion).
В Windows 10 вы можете отключить анимацию через Панель управления -> Отключить все ненужные анимации. На Mac: Специальные возможности -> Дисплей -> Уменьшить движение
- добавлена поддержка «slim» версии jQuery. «slim» версия не включает модули ajax и эффектов и примерно на 17 КБ меньше, чем полная версия jQuery. Вы можете выбрать slim-версию, если используете только основные функции, такие как простые События (без эффектов) или виджеты на основе Bootstrap.
Для виджетов пользовательского интерфейса jQuery требуется полная версия, поскольку они используют модуль эффектов. Кроме того, интеграция с Instagram использует ajax, поэтому для этого также требуется полная версия. Поэтому обязательно протестируйте все функциональные возможности страницы, чтобы убедиться, что все работает правильно с тонкой версией
Подробнее.

Новое - Новая функция: добавлен режим просмотра «Design Layout». Отображает страницу в рамке, центрированной на экране во время рабочего пространства.
- Новая функция: добавлена поддержка «перетаскивания» для реорганизации плавающих элементов. Теперь вы можете перетаскивать плавающий слой (сетка макета / flexbox) до или после другого плавающего объекта.

- Улучшено: настройки поисковой оптимизации теперь имеют отдельный раздел в свойствах страницы.

- Новая функция: добавлено свойство «Канонический URL». Если у вас есть разные страницы с похожим содержанием (например, страница с мобильной и настольной версией), Google будет рассматривать их как дублированные версии одной и той же страницы. Google выберет один URL в качестве канонической версии и просканирует его, а все остальные URL будут считаться дублирующими и сканируются реже.
Подробнее см. https://support.google.com/webmasters/answer/139066?hl=ru.

- Новая функция: добавлена конфигурация «hreflang». Атрибут hreflang сообщает Google, какой язык вы используете на определенной странице, поэтому поисковая система может предоставить этот результат пользователям, выполняющим поиск на этом языке. Ссылки также будут добавлены на карту сайта.
Подробнее см: https://support.google.com/webmasters/answer/189077?hl=ru.

Свои полосы прокрутки

При просмотре вашего сайта в браузерах вы можете создать полосы прокрутки (Custom Scrollbars) своего оформления. Современные браузеры, такие как Chrome, Edge, Safari и Opera, поддерживают возможность изменять внешний вид полосы прокрутки браузера.
Например, вы можете создать более тонкую полосу прокрутки или изменить цвет дорожки/полосы и маркера.
В WYSIWYG Web Builder вы можете настроить полосу прокрутки через Свойства страницы (Page Properties) -> Полосы прокрутки (Scrollbars).
Подробнее (англ. язык)

Последнее обновление: июль 2022 г.

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