Руководства/Редактирование сайта/Редактор сайта/Работа с редактором/Использование редактора сайта

Использование редактора сайта

Редактор сайта WordPress.com позволяет визуально редактировать весь сайт — включая заголовки, нижние колонтитулы и шаблоны — без единой строки кода. В этом руководстве вы познакомитесь с основными инструментами, встроенными в редактор сайта.

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

Видеоурок

В этом видео вы узнаете, как настроить главную страницу с помощью редактора сайта.

Из курса «Создайте свой веб-сайт на WordPress.com»
Это видео на английском языке.
YouTube предлагает функции автоматического перевода, чтобы вы могли смотреть его на своём языке:

Чтобы включить автоматически переведённые субтитры:

  1. Запустите видео.
  2. Нажмите значок ⚙️ Настройки (в правом нижнем углу видео).
  3. Выберите Субтитры/CC.
  4. Нажмите Автоматический перевод.
  5. Выберите нужный язык.

Чтобы слушать автоматический дубляж (экспериментальная функция):

  1. Нажмите ⚙️ Настройки.
  2. Выберите Аудиодорожка.
  3. Выберите язык, на котором хотите слушать видео:

ℹ️ Переводы и дубляж создаются автоматически с помощью Google, могут содержать неточности, а функция автоматического дубляжа всё ещё находится на стадии тестирования и доступна не для всех языков.

Доступ к редактору сайта

Редактор сайта используется для изменения оформления сайта: шаблонов, меню навигации и страниц.

Чтобы открыть редактор сайта, выполните следующие действия:

  1. Перейдите в консоль сайта.
  2. Наведите указатель мыши на пункт Внешний вид в левом меню или нажмите на него.
  3. Нажмите Редактор.
Открытое меню «Внешний вид» в консоли сайта со стрелкой, указывающей на подпункт «Редактор».

Если пункт Редактор не отображается в разделе Внешний вид, значит, ваша тема не поддерживает редактор сайта. Попробуйте переключиться на блочную тему, чтобы получить доступ к редактору сайта.

При открытии редактора сайта слева отображается панель Дизайн со следующими разделами:

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

Редактор сайта при первом открытии: слева отображается меню «Дизайн», справа — предварительный просмотр главной страницы сайта.

Работа в редакторе сайта

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

Верхнее меню

В верхней части редактора сайта расположены элементы, описанные ниже в порядке слева направо.

Верхнее меню.
  1. Открыть навигацию: нажмите один раз на значок сайта (или на логотип W по умолчанию, если значок ещё не задан), чтобы вернуться к боковой панели с разделами, описанными выше. Нажмите ещё раз, чтобы перейти в консоль сайта.
  2. Вставка блоков: нажмите, чтобы добавить новый блок.
  3. Отменить: отменяет последнее действие.
  4. Повторить: повторяет действие, отменённое кнопкой «Отменить».
  5. Представление списка: отображение списка всех блоков на странице. Представление списка удобно для просмотра структуры страницы, а также для редактирования, перемещения и удаления блоков.
  6. Командный центр: здесь отображается название редактируемого шаблона. Нажмите, чтобы выполнить поиск по шаблонам сайта.
  7. Просмотр: позволяет переключать режим просмотра и видеть, как содержимое выглядит на компьютере, планшете или мобильном устройстве. Нажмите «Просмотреть сайт», чтобы увидеть результат внесённых изменений.
  8. Справочный центр: поиск по нашим руководствам и обращение в службу поддержки (на подходящих тарифных планах).
  9. Стили: настройка цветов, шрифтов и других параметров. Подробнее о стилях.
  10. Настройки: отображение или скрытие боковой панели настроек справа.
  11. Сохранить: сохранение внесённых изменений. Подробнее о сохранении.
  12. Дополнительные настройки: открытие дополнительных настроек и инструментов.

Стили

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

Чёрно-белый значок стилей, выделенный на верхней панели инструментов.

Боковая панель настроек (справа)

Боковая панель настроек содержит информацию о редактируемом шаблоне, а также параметры для настройки отдельных блоков внутри шаблона.

Боковая панель настроек появляется в правой части редактора.

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

An arrow pointing to the "Settings" icon in the top right of the WordPress Editor.

В верхней части панели отображается название редактируемого шаблона. Нажмите на многоточие (три точки) справа от названия шаблона, чтобы сбросить шаблон к значению по умолчанию темы, отменив все внесённые изменения.

Если у шаблона есть предыдущие версии, под его описанием появится ссылка Редакции. С её помощью можно восстановить предыдущую версию настроенного шаблона. Подробнее о редакциях шаблонов.

В разделе Содержимое перечислены части шаблона (как правило, шапка и подвал). Нажмите на любую из них, чтобы отредактировать эти общие для всего сайта элементы.

Перейдите на вкладку Блок в верхней части панели, чтобы просмотреть настройки выбранного блока.

Боковая панель настроек в редакторе сайта.

Сохранение изменений

При нажатии кнопки Сохранить в редакторе сайта появится дополнительный экран со списком изменений, которые будут сохранены.

По умолчанию флажки рядом со всеми изменениями уже установлены. Снимите флажок, если не хотите сохранять конкретное изменение.

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

Запрос на сохранение изменений с флажками рядом с изменениями, которые необходимо сохранить.

Редактируйте сайт с помощью Агента WordPress

The WordPress Agent four-pointed star icon.

Этот раздел относится к сайтам, созданным с помощью ИИ-конструктора сайтов, или к сайтам, на которых включён Агент WordPress. Откройте Агент WordPress, нажав на значок ИИ (четырёхконечная звезда) на панели администратора в верхней части экрана.

Агент WordPress может стать помощником на каждом этапе редактирования сайта — от выбора цветовой палитры до планирования навигации и шаблонов. Вот несколько примеров запросов, которые можно скопировать и использовать в Агенте WordPress:

  • «Предложите цветовую палитру и сочетание шрифтов для современного блога о еде и рецептах».
  • «Как лучше организовать навигацию для портфолио фрилансера с блогом и страницей контактов?»
  • «Какой макет шапки и подвала подойдёт для минималистичного сайта малого бизнеса?»
  • «Я хочу, чтобы главная страница выглядела дружелюбно и профессионально — какой макет вы порекомендуете?»

Дополнительные руководства

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

Начало работы с редактором

Следующие руководства охватывают основы блочного редактирования. Каждый элемент содержимого, который добавляется на сайт, размещается внутри блока. Приведённые ниже руководства помогут освоить редактирование, добавление, перемещение и удаление блоков.

Редактор WordPress

В редакторе WordPress для создания страниц и записей на веб-сайте используется система блоков. В этих инструкциях описано, как правильно компоновать блоки, чтобы получить удобную и красивую структуру. Блоки предоставляют неограниченные возможности.

Ваша оценка:

Удаление блока

В этом руководстве описано, как удалить блоки со страницы.

Ваша оценка:

Оформление сайта в редакторе

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

Редактирование заголовка

Из этого руководства вы узнаете, как настроить заголовок веб-сайта — область, в которой обычно отображаются название сайта, логотип и меню.

Ваша оценка:

Добавление боковой панели с помощью редактора сайта

Многие веб-сайты, особенно блоги, содержат боковую панель с дополнительной информацией, например с изображением, текстом «Обо мне», ссылками на другие записи, профилями в социальных сетях и многим другим. В этом руководстве будет показано, как добавить боковую панель с помощью редактора сайта. Чтобы воспользоваться описанным здесь методом, необходимо использовать тему, которая поддерживает редактор сайта. Как правило, элемент…

Ваша оценка:

Copied to clipboard!