Назад к курсу

Создание сайта на WordPress для начинающих

0% завершено
0/0 шагов
  1. МОДУЛЬ 1: ВВЕДЕНИЕ
    4Темы
  2. МОДУЛЬ 2: ЗНАКОМСТВО И НАСТРОЙКА
    5Темы
  3. МОДУЛЬ 3: СОЗДАНИЕ КОНТЕНТА
    5Темы
  4. МОДУЛЬ 4: ВНЕШНИЙ ВИД САЙТА
    5Темы
  5. МОДУЛЬ 5: РАСШИРЯЕМ ФУНУЦИОНАЛ WORDPRESS
    5Темы
  • Подпишись, чтобы первым получать уведомления о новых статьях и бесплатных курсах!

    Обещаем не спамить!

Прогресс модуля
0% завершено

На заре интернета для того, чтобы создать сайт или хотя бы одну страницу необходимы были навыки программирования на языке HTML и весь код приходилось писать вручную. К счастью для нас, прогресс не стоит на месте и теперь для добавления контента используются визуальные блочные редакторы. В WordPress такой редактор называется Gutenberg.

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

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

Как работает блочный редактор WordPress

Итак, давай познакомимся с основами работы в редакторе Гутенберг. Давай добавим новую страницу; о том, как это сделать ты узнал из предыдущей темы.

Блочный редактор состоит из 3 областей:

  1. тулбар с быстрыми настройками
  2. основная область редактирования контента
  3. боковое меню (сайдбар) с настройками страницы или выбранного блока

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

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

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

Другие кнопки отвечают за форматирование блока и будут разные в зависимости от типа. Например, для текстового блока тут находятся такие кнопки:

  • выравнивание текста
  • жирный, наклонный шрифт
  • добавление ссылки
  • кнопка отображение расширенного меню

Последняя кнопка с тремя точками всегда отвечает за настройки самого блока, а не его контента. Здесь, например, можно удалить блок.

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

Как добавить блок через редактор Gutenberg

Добавить новый блок можно тремя способами:

1. Через боковое меню блоков
Для этого нажми на кнопку со знаком [+] в левом углу верхнего бара. Оно откроет левый сайдбар со всеми доступными блоками.

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

2. Через всплывающее окно
Для этого нажми на кнопку [+] справа от последнего пустого блока.

3. Через меню между блоками
Если тебе необходимо добавить блока между другими блоками, то наведи курсор между ними и нажми кнопку [+], которая появится посередине.

Настройки страницы в WordPress

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

Здесь ты можешь загрузить изображение страницы (хотя это больше подходит для записей), которое будет отображаться вверху страницы (зависи от темы); разрешить или запретить комментарии и изменить некоторые другие настройки. Как правило, эти настройки одинаковые для всех страниц и менять их необязательно.

О том, как добавить основные типы блоков (изображения, аудио, видео) ты узнаешь в следующем модуле.

Комментарии

Ваш адрес email не будет опубликован. Обязательные поля помечены *