Skip to content

Instantly share code, notes, and snippets.

@Stylesproline
Last active December 5, 2022 19:41
Show Gist options
  • Save Stylesproline/cc7bc8e80cd52f183bb88b23cfed5ba4 to your computer and use it in GitHub Desktop.
Save Stylesproline/cc7bc8e80cd52f183bb88b23cfed5ba4 to your computer and use it in GitHub Desktop.
README.md

Работа с шаблонами (темами) WordPress. Работа с шаблонами (темами) WordPress.

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

В консоли ВП выбрать --Внешний вид --нажать темы

Внешний вид справа в рабочей области(work area) выбрать активную тему(twentytwentytwo) --нажать на настроить

Попробуем изменить изоображение выделить область с изображением (активировать область)

Screenshot from 2022-12-03 19-14-08

Screenshot from 2022-12-03 19-42-38

Screenshot from 2022-12-05 12-02-04

на открывшемся панели инстрементов находим заменить и далее загрузить загружаем изоображение

Screenshot from 2022-12-03 20-10-04

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

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

Screenshot from 2022-12-05 12-19-40

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

Screenshot from 2022-12-05 12-38-17

После проверяем

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

Изменение внешнего вида. Создание пользовательских позиций виджетов.

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

Сейчас мы активируем другую тему : Для этого ,как описано ранее вернемся в консоль спусимся по меню в консоли до пункта меню --внешний вид --темы и активируем другую тему в данном случае twentytwentyone После того,как мы установили эту тему нажимаем настроить В левой части открывается меню с настройками. Нас интересует меню виджеты нажимаем на них и активируем редактирование

Screenshot from 2022-12-05 13-13-34

Screenshot from 2022-12-03 20-35-08

Нажимаем на плюсик в меню и в отрывшихся иструментах нажимаем "посмотреть все" в подразделе дизайн ищем кнопки и оформляем ее

Screenshot from 2022-12-05 13-17-19

Screenshot from 2022-12-03 20-44-54

Screenshot from 2022-12-03 20-45-20

Так же можно оформить и виджет поиска.

Screenshot from 2022-12-05 13-28-14

Теперь посмотрим в настройках ,как менять позиции этих виджетов. Активируем для примера виджет кнопки нажав на него (иконка в виде карандаша) и в левой чати меню с инструментами находим "изменить выравнивание элементов" (по центру)

Screenshot from 2022-12-05 13-34-27

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

Screenshot from 2022-12-05 13-39-30

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

Домашнее задание

Screenshot from 2022-12-05 21-35-44 Screenshot from 2022-12-05 21-44-34 Screenshot from 2022-12-05 21-51-21 Screenshot from 2022-12-05 21-38-51 Screenshot from 2022-12-05 21-40-34 Screenshot from 2022-12-05 21-41-53 Screenshot from 2022-12-05 21-45-28 Screenshot from 2022-12-05 21-46-52 Screenshot from 2022-12-05 21-48-48 Screenshot from 2022-12-05 21-49-38 Screenshot from 2022-12-05 21-52-31 Screenshot from 2022-12-05 21-53-41 Screenshot from 2022-12-05 21-54-31 Screenshot from 2022-12-05 21-55-18 Screenshot from 2022-12-05 21-55-56 Screenshot from 2022-12-05 21-57-14

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment