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 12 
Новое в WYSIWYG Web Builder 14
Новое в WYSIWYG Web Builder 15


Создание поиска на сайте


У WYSIWYG Web Builder есть основные встроенные функциональные возможности 'поискового сервера', таким образом посетители могут искать определенные слова в пределах Вашего вебсайта. У параметра поиска нет никаких специальных требований сервера, потому что он использует javascript, таким образом очень просто вставить этот компонент на Ваши страницы.

Для создания поиска на сайте используйте:
Примечание:
Прежде, чем Вы добавите поиск к своей странице, удостоверьтесь, что Вы поставили галочку напротив ''Generate Search Index' на Ленте - вкладка Tools -> "Search Index otherwise", иначе поиск не будет работать!.


Настройки:


Generate Search Index - Дайте возможность этой опции создать индекс поиска во время публикации.
Индекс поиска требуется, если Вы хотите использовать 'Site Search'

Name of Index File - Определяет название файла индекса поиска. Так как это файл javascript, у него должно быть.js расширение.

Create Index from -  Эта опция определяет, как индекс поиска будет создан.

Page Content - Индекс поиска будет создан от содержания страницы. В этом случае редактор извлечет весь текст из страниц.

Meta tags - Индекс поиска будет создан от мета тэгов, которые Вы определили  в Свойствах Страницы (см. Свойства страницы).

Exclude Stop Words from Index - Дайте возможность этой опции исключить stopwords.
Редактор включает предопределенный список stopwords в файле 'search.dat'.

Чтобы сделать Ваш собственный список 'exclude' , просто скопируйте файл в 'My Documents\WYSIWYG Web Builder\system\search.dat  и редактор будет использовать этот список.

Use absolute links - Используйте абсолютные ссылки
Выберите эту опцию, если Вы хотите использовать поисковый сервер в sub папках (подпапках). В этом случае абсолютные ссылки должны использоваться иначе, ссылки в результатах поиска не будут использовать правильный путь (потому что есть только один индекс поиска в корне вебсайта).

Пример:
http://www.yourwebsite.com

Подробнее о создании поиска на сайте (англ. язык)


Глобальная замена (Global Replace)

Инструмент глобальной замены (Global Replace) можно использовать для быстрого изменения цвета, шрифта, URL-адреса или имени файла для всех объектов (или выделения) на странице или на всем веб-сайте.

Для открытия окна Global Replace используйте меню Tools - Replace property values ...

 

Pages (Страницы)
Сделайте ыыбор, где применяется замена:
  • Entire Web Site - весь сайт
  • Current Page - текущая страница
Objects (Объекты)
Определяет категории объектов, к которым будет применяться поиск/замена.
Например, заменяйте значение цвета только для элементов формы.

Property (Свойство) - Укажите, что нужно заменить:

· Color (Цвет) - Замените значение цвета другим значением.
· File - Замените название файла. Инструмент автоматически отобразит список всех используемых файлов.
· Font Name (название шрифта) - Замените шрифт. Инструмент автоматически отобразит список всех используемых шрифтов.
· Font Size (размер шрифта) - Замените размер шрифта.
· Text (Текст) - Замена текста в меню, кнопках и других объектах.
· URL- Замена URL-адреса. Инструмент автоматически отобразит список всех используемых URL-адресов. Также поддерживает tel, электронная почта, facetime, sms и skype ссылки!
· (ID) - Переименуйте идентификатор объектов
Атрибут ID указывает уникальный идентификатор HTML-элемента (значение должно быть уникальным в контексте страницы).
ID используется, чтобы указать на стиль в таблице стилей и JavaScript, чтобы манипулировать элементом с определенным ID.

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

Также если несколько объектов использовать один и тот же  ID, то Скрипты (меню, события, карусели на jQuery obejct и т. д.) не будет функционировать должным образом.
Поэтому очень важно, чтобы все идентификаторы были уникальными в контексте страницы.

Обычно WYSIWYG Web Builder автоматически присваивает объектам уникальные имена. Однако, если вы используете одну из нескольких "Embedded Pages" ("встроенных страниц") или Master Frames, ID могут дублироваться, так как программное обеспечение не может отличить мастера от обычной страницы.

Для проверки возможных конфликтов используйте Строку меню (Menu Bar) - > меню Tools - > Error Reports (отчеты об ошибках).

ID (Идентификатор объекта) можно изменить в Инспекторе свойств (Property Inspector) или в Object Manager (Менеджере объектов).

Рекомендуется присваивать объектам на главной странице (master page) имена с префиксом MasterPage_Text1. Это позволит убедиться, что если главная страница используется на другой странице, идентификатор объектов являются уникальными.

Вы также можете включить опцию 'Include page name in automatically generated IDs' ("Включить название страницы в автоматически генерируемые идентификаторы") в меню Tools -> HTML.

Примечание:
Чтобы изменить сразу все идентификаторы главной страницы (master page), используйте функции Глобальной замены (Global Replace) в меню Tools.
· Internal Link  - Заменить внутренние ссылки
 
Совет: чтобы добавить префикс (prefix) для всех ID страниц, установить старое значение * (wildcard - подстановки) и новое значение префикса.
Это может быть полезно для быстрого добавления префикса к идентификаторам master pages/master frames. (главных страниц / Главных кадров).
См. также: как предотвратить дублирование идентификаторов

Обратите внимание, что это действие нельзя отменить!
 
Примечание:
Глобальная замена не может заменить данные в расширениях.

Новое в WYSIWYG Web Builder 12
Улучшено: замена URL-адресов теперь включает поддержку ссылок tel, email, facetime, sms и skype.


Поиск и замена

Для поиска и замены (для текста) используйте меню Edit:
Find - Найти. Вы можете искать слова или символы в активной странице или на всем вебсайте.
Find Next - искать далее.
Если Вы выбираете 'Entire Web Site' - тогда все Ваши страницы будут открыты. Это может использовать много памяти Вашей системы и замедлить работу Вашего компьютера!
Replace - Заменить
Вы можете искать и заменить слова или символы с текстом, который Вы определяете.
В меню Edit щелкните Replace. В меню Find выберите Current Page или Entire.


В версии WYSIWYG Web Builder 14 внесены некоторые дополнения при создании поиска на сайте.
- большинство кодов, связанных с поиском, теперь являются частью скрипта wb.sitesearch.min.js, что позволяет делить код между многими  страницами.
- в результатах поиска может теперь использоваться семья шрифта  @font-face/Google Fonts.
- добавлено 'Включать весь текст в индекс поиска' (Added 'Include all text in search index' ) в параметрах настройки Индекса поиска. Это будет использовать весь текст со страницы вместо только уникальных слов. Это увеличит размер индекса поиска, но результаты поиска будут лучше, становится возможным искать фразы при поиске.
- добавлена возможность использовать кавычки в поисковых запросах для поиска точной фразы (например -  'open source'). Чтобы сделать это полезным, предыдущая опция "включать весь текст в индекс поиска" должна быть активирована. 
- добавлена возможность использовать знак "-" перед словом, чтобы исключить все результаты, содержащие это слово. Пример: "веб -дизайнер"   или  "web -designer".
- добавлена опция 'Include timing' ("включить отсчет времени"). При этом отображается общее время, затраченное на выполнение поискового запроса.
- в дополнение к диалоговому окну jQuery, теперь вы можете также отображать результаты в Bootstrap modal (см. Сайты для разных экранов).
- добавлена возможность установить максимальное количество символов для отображения в результатах.
- добавлена поддержка нумерации страниц.
- добавлено свойство заполнения элементов. Задает отступ между элементами результата.
- добавлена возможность сделать условия поиска жирным шрифтом. (bold).
- добавлен выбор включать URL в результаты поиска.
Подробнее

См. также: Создание поиска на сайте

Новое в WYSIWYG Web Builder 15 - поиск по сайту:
- Новая функция: добавлено заполнение автозаполнением, чтобы установить интервал между элементами в раскрывающемся списке.
- Новая функция: добавлен режим open page («открыть страницу») для автозаполнения. Если щелкнуть элемент в раскрывающемся списке Autocomplete («Автозаполнение»), страница сразу откроется. Это позволяет реализовать поле поиска без раздела results («Результаты»).
Посмотреть пример


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

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


Рейтинг@Mail.ru