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

Как пользоваться редактором сайта

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

Видеообзор

Фрагмент курса «Как создать свой сайт на 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. Другие опции: показ дополнительных настроек и инструментов.

Стили

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

Выделен чёрно-белый значок «Стили» в верхней части страницы.

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

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

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

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

Выделен значок настроек в верхней части редактора WordPress.
Значок настроек в правом верхнем углу

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Редактор WordPress

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

Ваша оценка:

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

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

Ваша оценка:

Создайте свой сайт в редакторе

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

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

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

Ваша оценка:

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

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

Ваша оценка:

Редактирование шаблона «Отдельные записи»

Шаблон «Отдельные записи» управляет разметкой отдельных записей на вашем сайте. Изменение этого шаблона отразится на всех ваших записях, что обеспечит единообразный опыт просмотра блога посетителями. В этом руководстве будет показано, как настроить шаблон «Отдельные записи». Когда нужно редактировать шаблон «Отдельные записи» Шаблон можно использовать и редактировать, если тема поддерживает редактор сайта. Чтобы понять, так ли…

Ваша оценка:

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

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

Ваша оценка:

Copied to clipboard!