Редактор Wix: использование инструментов редактора | Центр Поддержки
Редактор Wix предлагает несколько встроенных инструментов, чтобы сделать процесс дизайна более быстрым и точным. Вы найдете эти функции в панели «Инструменты» в правом верхнем углу редактора.
Содержание:
Использование панели инструментов редактора
Панель инструментов редактора помогает быстро выполнять основные действия. Используйте ее, чтобы копировать, вставлять, создавать копии или удалять элементы на странице. Также можно настроить такие параметры, как размер, положение и выравнивание. Подробнее о панели инструментов редактора
После включения панели инструментов вы найдете ее в правой части редактора.
Чтобы включить панель инструментов:
- Нажмите Инструменты в правом верхнем углу редактора.
- Установите флажок в поле Инструменты.
Использование панели Слои
Панель «Слои» показывает все элементы на странице.
Панель разделена по основным частям страницы (хедер, страница и футер), поэтому вы можете легко найти нужные элементы.
После включения панели «Слои» она отображается как плавающая панель, которую можно перетащить в любое место в редакторе. Вы можете включить ее нажав на значок Слои слева внизу в редакторе.
Использование горизонтальных и вертикальных линеек
Используя горизонтальную и вертикальную линейки, вы можете точно разместить элементы на сайте. Разместите элементы в определенных местах (в пикселях) и добавьте направляющие, которые помогут вам отметить эти места.
После включения линейки на панели инструментов вы увидите горизонтальную линейку вверху и вертикальную линейку справа.
Чтобы включить линейки:
- Нажмите Инструменты в правом верхнем углу редактора.
- Установите флажок Линейки.
Использование границ сайта
Границы сайта — это пунктирные линии внутри редактора, которые помогут вам правильно создать макет сайта.
Вертикальные линии особенно полезны, поскольку они показывают максимальную ширину вашей страницы на планшетах и небольших устройствах.
Используйте границы сайта, чтобы ваш контент был виден на всех возможных размерах экрана. При желании вы можете включать и отключать их в любой момент. Подробнее о границах сайта в редакторе
Чтобы включить границы сайта:
- Нажмите Инструменты в правом верхнем углу редактора.
- Установите флажок в поле Границы сайта.
Использование инструмента выравнивания элементов
Инструмент «Выравнивание элементов» поможет вам расположить элементы относительно друг друга с идеальной точностью.
Когда вы перетаскиваете элемент, появляются фиолетовые линии, которые отмечают границы других элементов на этой странице. Когда вы решите опустить перетаскиваемый элемент, он будет расположен относительно этих маркеров в пределах 5 пикселей.
Чтобы включить выравнивание элементов:
- Нажмите Инструменты в правом верхнем углу редактора.
- Установите флажок Выравнивание элементов.
Была ли статья полезна?
|
Редактор Wix: Использование меню редактора | Центр Поддержки
Редактор Wix — это платформа, которую вы используете для создания сайта. В редакторе есть множество функций, которые помогут вам создать профессиональный и функциональный сайт. Три основных меню редактора позволяют выполнять различные действия для создания сайта и управления им.
Содержание
- Левое меню
- Меню верхней панели
- Контекстное меню
- Скрытие и отображение меню редактора
Меню в левой части редактора содержит все функции, необходимые для создания сайта. Добавляйте элементы и приложения, управляйте страницами.
В меню слева доступны следующие функции:
- Добавить : в этой панели вы найдете различные элементы, которые можно добавить на сайт.
Используйте вкладки для навигации между разными типами элементов. - Добавить секцию : используйте эту панель, чтобы добавить секции на страницы. Вы можете выбрать один из множества готовых дизайнов или добавить пустую секцию, чтобы начать с нуля.
- Меню и страницы : здесь вы можете добавлять, удалять и управлять страницами вашего сайта.
- Дизайн сайта : управление цветами сайта, стилем текста, фоном страницы и переходами.
- Добавить приложения : просмотрите сотни приложений в Wix App Market и найдите нужные.
- Медиа : добавьте медиафайлы в медиаменеджер или купите профессиональные изображения и видео для использования на сайте.
Строка меню в верхней части редактора содержит несколько инструментов и настроек.
Слева направо:
- Раскрывающийся список страниц: переход между страницами сайта для редактирования.
- Компьютерный и мобильный редакторы: переключение между редактором полной версии и мобильным редактором.
- Сайт: сохраните, просмотрите и опубликуйте свой сайт, получите обратную связь или просмотрите историю сайта.
- Настройка: подключите домен, измените настройки сайта, настройте многоязычный сайт и многое другое.
- Разработчику: включите Velo, чтобы начать использовать Velo by Wix.
- Нанять специалиста: получите помощь профессионала в создании сайта Wix.
- Помощь: получите немедленную помощь в редакторе. Нажмите Помощь в редакторе, чтобы открыть центр поддержки с тысячами справочных статей.
- Перейти на премиум: перейдите на премиум-план.
- Отменить: отмените последнее действие (Ctrl + Z).
- Вернуть: повторите последнее действие (Ctrl + Y).
- Уменьшение масштаба: уменьшите масштаб и поменяйте местами части страницы.
- Инструменты: покажите или скройте панель инструментов редактора, линейки, границы сайта и выравнивание элементов.
- Поиск: поиск элементов, приложений и справки в редакторе.
- Сохранить: сохраните последние изменения.
- Предпросмотр: предварительный просмотр сайта.
- Опубликовать: опубликуйте сайт и/или последние изменения.
Нажмите правой кнопкой на любой элемент (на Mac нажмите control и затем элемент), чтобы открыть контекстное меню. Здесь вы найдете параметры и действия, которые различаются в зависимости от элемента. Подробнее о функциях контекстного меню.
Если вам нужно больше пространства для работы в редакторе, вы можете скрыть элементы управления, меню и инструменты. Скрытие этих функций не влияет на возможности редактирования элементов, поэтому вы можете продолжать настраивать их содержимое и дизайн по мере необходимости.
Чтобы скрыть/показать меню и инструменты в редакторе:
- Нажмите стрелку Скрыть элементы управления в верхней части редактора.
- Нажмите стрелку еще раз, чтобы вернуться в нормальный вид редактора.
Была ли статья полезна?
|
Редактирование Wiki
На этой странице объясняется, как создавать и редактировать страницы Wiki. Самый простой способ создания или изменить страницу с помощью онлайн-редактора файлов GitHub. На каждой странице есть кнопка «Редактировать». page» вверху справа с прямой ссылкой на этот интерфейс.
Опытные пользователи могут вносить изменения через локальный клон репозитория сайта; инструкции по настройке см. в руководстве по расширенному редактированию.
Давайте углубимся в то, как создать новую страницу на сайте.
Если вы хотите отредактировать существующую страницу, перейдите к
добавление и редактирование содержимого страницы ниже.
Перейдите к соответствующему подкаталогу раздел страниц репозитория. Например, если вы создаете страницу о плагине, вы должны перейти на _pages/plugins/.
Нажмите Добавить файл, затем Создайте новый файл из раскрывающегося списка:
Добавьте имя для вашего файла. Примечание: это не заголовок страницы; страница название будет применено в следующем разделе, вступительной части. Имена файлов должны быть:
- все строчные
- используйте расширение файла
.md - избегайте символов и пробелов, а также разделяйте слова тире (
-):
Вступительная часть
Каждая страница начинается с блока вступительной части : последовательность параметров, которые
настроить свою страницу. Без вступительной части ваша страница не будет отображаться
правильно.
| Поле | Назначение |
|---|---|
| Название | Название вашей страницы. ( Требуется ) |
| описание | Краткое описание вашей страницы. Также используется для поисковой системы сайта. Если он опущен, используется первое предложение содержимого страницы. |
| секция | : ). Например, раздел этой страницы — Contribute:Editing the Wiki . |
| категории | Для страниц, описывающих расширения (например, плагин, скрипт или сайт обновления) ImageJ: разделенный запятыми список категорий, заключенный в квадратные скобки ( [ и ] ). Страницы с категориями появляются в Списке расширений. Например, |
| блок статистики* | Набор отдельных полей, которые используются для заполнения боковой панели «Важная статистика»; см. этот комментарий для списка. Включение хотя бы одного из этих полей приведет к появлению окна статистики; в противном случае для страницы не будет statbox. ( * обратите внимание, что нет поля с названием «statbox» ) |
| значок | Ссылка (внутренняя или внешняя) на значок, который будет использоваться для страницы в вики, например. в списке расширений или результатах поиска. |
| проект | Используется для идентификации принадлежности к проекту. Посмотреть список доступных проектов |
| навигационные ссылки | Добавляет верхнюю панель навигации для связанных страниц. Примеры см. в Руководстве по навигации. |
Ниже приведен минимальный пример блока передней материи. Вы можете скопировать и вставить этот код в редактор новой страницы (см. выше).
Замените
--- Название: Моя замечательная страница ---
В этом разделе рассказывается, как заполнить контент вашей страницы.
Markdown
Markdown — это форматирование синтаксиса простого текста, позволяя вам легко и аккуратно изменять текст курсивом, полужирным шрифтом, упорядоченным или маркированные списки и т. д. Эта вики, как сайт Jekyll, использует Крамдаун. Краткий справочник можно найти здесь, а общий справочник по поддержке Jekyll — здесь. Также полезно руководство GitHub Flavored Markdown (GFM), которое можно найти здесь.
Вот некоторые распространенные виды форматирования текста:
| Форматирование | Разметка |
|---|---|
| курсив | *курсив* |
| полужирный текст | **жирный текст** |
| жирный и курсивный текст | ***текст жирный и курсив*** |
текст/код фиксированной ширины | `текст/код фиксированной ширины` |
| | ~~зачеркнутый текст~~ |
| Гиперссылка | [Гиперссылка](https://example. |
| красный текст | красный текст |
Обратите внимание, что последний пример, цветной текст, на самом деле не Markdown, а скорее обычный HTML. Однако у Markdown нет синтаксис для изменения цвета текста и поддерживает смешивание в HTML, так что вы можете использовать метод выше, если вам нужен текст в разных цветах.
Вот некоторые распространенные варианты использования изображений:
| Изображение | Разметка |
|---|---|
 | |
{:width="64px"} |
Обратите внимание, что в последнем примере используются встроенные стили, специфичные для kramdown.
Некоторым видам конструкций посвящены отдельные страницы этого руководства:
- Изображения (используя Liquid, а не Markdown,
для более сложных изображений, таких как галереи, рисунки и т.
д.) - Таблицы
- Математические выражения
- Подсветка исходного кода и синтаксиса
- Сноски
Liquid
Помимо Markdown, сайт использует язык шаблонов под названием
Liquid для редактирования страницы
удобнее, чем только с Markdown. Жидкие теги выглядят
например {% ... %} или {{ ... }} . Много страниц
на этом сайте используйте Liquid для вызова функций под названием включает ,
которые позволяют вставлять изображения, рисунки, уведомления и многое другое.
(Думайте об этом так: «Я хотел бы, чтобы включали изображение».)
Вот пара примеров:
| Разметка | Результат |
|---|---|
{% включить значок name="imagej" %} | |
{% включает человека %} | Уэйн Расбанд |
Доступно включает
В следующих таблицах перечислены все ресурсы общего назначения этого сайта:
Цитаты и сноски
| Включено | Назначение |
|---|---|
| цитата | Вставить цитату |
| свидетельство | Вставить личную цитату |
Связывание
| Включая | Назначение |
|---|---|
| ссылка-баннер | Вставьте большую заметную ссылку |
| гитхаб | Ссылка на ресурс на GitHub |
| Javadoc | Ссылка на ресурс javadoc |
| матлаб | Ссылка на документацию MATLAB |
| мавен | Ссылка на артефакты Maven |
| человек | Ссылка на страницу пользователя человека |
| список лиц | Ссылка на список пользовательских страниц |
| ученый | Ссылка на статью в Google Scholar |
| википедия | Ссылка на страницу Википедии |
Символы
| Включая | Назначение |
|---|---|
до н. э. | Вставить цепочку меню |
| кнопка | Вставить кнопку |
| ключ | Вставить сочетание клавиш |
| значок | Вставить значок |
Носитель
| Включая | Назначение |
|---|---|
| изображение | Вставить изображение |
| галерея | Вставить галерею изображений |
| видео | Встроить видео |
| электронная таблица | Встроить электронную таблицу |
Уведомления
| Включить | Назначение |
|---|---|
| уведомление | Вставить информационный баннер |
| сбоку | Всплывающая правая боковая панель с комментариями |
Исходный код
| Включить | Назначение |
|---|---|
| код | Встроить фрагмент кода из GitHub |
Разное
| Включая | Назначение |
|---|---|
| викторина | Вставить вопрос и ответ со скрытым ответом |
| временная шкала | Вставить горизонтальную временную шкалу |
| всплывающая подсказка | Добавить всплывающую подсказку, появляющуюся при наведении курсора |
| эхо | Для отладки |
ПОМЕЧЕНО ДЛЯ ДЕМОНТАЖА
| Включите | Что должно произойти |
|---|---|
| эскиз | Слияние с img include |
| информационный ящик | Удалить после перехода на statbox |
| прозрачный | Удалить после очистки всех поплавков |
Добавление или редактирование вики-страниц
Вы можете добавлять и редактировать вики-страницы непосредственно на GitHub или локально с помощью командной строки.
Wiki доступны в общедоступных репозиториях с GitHub Free и GitHub Free для организаций, а также в общедоступных и частных репозиториях с GitHub Pro, GitHub Team, GitHub Enterprise Cloud и GitHub Enterprise Server. Дополнительные сведения см. в разделе «Продукты GitHub».
Добавление вики-страниц
- На GitHub.com перейдите на главную страницу репозитория.
- Под именем репозитория нажмите Wiki .
- В правом верхнем углу страницы нажмите Новая страница .
- При необходимости, чтобы писать в формате, отличном от Markdown, используйте раскрывающееся меню Режим редактирования и выберите другой формат.
- Используйте текстовый редактор, чтобы добавить содержимое вашей страницы.
- Введите сообщение фиксации, описывающее новый добавляемый файл.
- Чтобы зафиксировать изменения в вики, нажмите Сохранить страницу .
Редактирование вики-страниц
- На GitHub.
com перейдите на главную страницу репозитория. - Под именем репозитория нажмите Wiki .
- С помощью боковой панели вики перейдите на страницу, которую хотите изменить. В правом верхнем углу страницы нажмите Изменить .
- Используйте текстовый редактор для редактирования содержимого страницы.
- Введите сообщение фиксации, описывающее ваши изменения.
- Чтобы зафиксировать изменения в вики, нажмите Сохранить страницу .
Локальное добавление или редактирование вики-страниц
Вики являются частью репозиториев Git, поэтому вы можете вносить изменения локально и отправлять их в репозиторий с помощью рабочего процесса Git.
Клонирование вики на ваш компьютер
Каждая вики предоставляет простой способ клонировать ее содержимое на ваш компьютер. После того, как вы создали начальную страницу на GitHub, вы можете клонировать репозиторий на свой компьютер с предоставленным URL-адресом:
$ git clone https://github.com/YOUR_USERNAME/YOUR_REPOSITORY.wiki.git # Клонирует вики локально
После того, как вы клонировали вики, вы можете добавлять новые файлы, редактировать существующие и фиксировать свои изменения. Вы и ваши соавторы можете создавать ветки при работе с вики, но только изменения, отправленные в ветку по умолчанию, будут опубликованы и доступны вашим читателям.
Об именах вики-файлов
Имя файла определяет заголовок вашей вики-страницы, а расширение файла определяет, как отображается ваш вики-контент.
Вики используют нашу библиотеку разметки с открытым исходным кодом для преобразования разметки, и она определяет, какой преобразователь использовать по расширению файла. Например, если вы назовете файл foo.md или foo.markdown , вики будет использовать конвертер Markdown, а файл с именем foo.textile будет использовать конвертер Textile.
Не используйте следующие символы в заголовках вашей вики-страницы: \ / : * ? " < > | .
