Найти в Дзене

Собственный сайт. Пункт 4 - настраиваем шаблон

Итак, медленно, но верно мы пришли к настройке шаблона нашего сайта. Первые три этапа, точнее, инструкции по ним уже на канале - Пункт 1, Пункт 2, Пункт 3.

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

Идем в админку сайта. Жмем "внешний вид", выбираем "настроить".

Алгоритм действий
Алгоритм действий

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

Так выглядит визуальный редактор шаблона
Так выглядит визуальный редактор шаблона

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

Начнем по порядку, сверху вниз по опциям левой панели. Сразу пропускаем строчку upgrade to pro (это платное повышение до про версии, нам это не нужно). И переходим к строчке "свойства сайта". Здесь вы можете изменить название сайта, добавить краткое описание и иконку сайта (иконка - это маленький значок, который отображается в браузере).

Жмем на строку "свойства сайта"
Жмем на строку "свойства сайта"

Ввожу название, краткое описание, логотип (эти параметры я еще сто раз поменяю до запуска сайта)))), готовлю иконку для загрузки (размер квадратный не менее 512х512 px).

Здесь все готово
Здесь все готово

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

Чтобы вернуться в настройки, нажмите галочку (обведена красным на скрин шоте)
Чтобы вернуться в настройки, нажмите галочку (обведена красным на скрин шоте)

Следующая строчка - "параметры темы". Здесь у нас несколько функций для настройки.

Параметры темы в разных шаблонах могут отличаться
Параметры темы в разных шаблонах могут отличаться

Начнем со строки social. Здесь вы можете вставить ссылки на ваши аккаунты в разных соцсетях.

Снова жмем "опубликовать", когда все заполнено и возвращаемся в "параметры темы"
Снова жмем "опубликовать", когда все заполнено и возвращаемся в "параметры темы"

Следующий параметр "настройки записи". В моей теме все по минимуму - оставляю по умолчанию галочки и текст. Жму опубликовать.

Настройки записи
Настройки записи

Следующая строчка "навигационная цепочка". Здесь у меня по умолчанию установлена галочка, я ее оставляю.

Оставляю галочку на показе навигации
Оставляю галочку на показе навигации

Следующий пункт - настройки подвала. Здесь обычно стоят стандартные надписи. Я удаляю лишние ссылки, пишу свой текст и немного правлю текст копирайта.

Снова жмем "опубликовать" и возвращаемся в параметры
Снова жмем "опубликовать" и возвращаемся в параметры

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

Жму "опубликовать"
Жму "опубликовать"

В моей теме последнюю строчку параметров занимает "ползунок" слайдера. Это блок "обо мне". Я специально выбрала тему с таким блоком на главной. В вашей теме этого может и не быть. Я пока оставлю этот параметр и заполню его позже.

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

Настройка цвета
Настройка цвета

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

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

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

Строка редактора меню
Строка редактора меню

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

Придумываю название и выбираю, где оно будет располагаться
Придумываю название и выбираю, где оно будет располагаться

Жму "далее" и мне открываются функции добавления в меню страниц. Выбираю нужные (в дальнейшем можно удалять и добавлять страницы, рубрики и т.д.).

Редактирую меню
Редактирую меню

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

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

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

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

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

После всех простых настроек сайт выглядит вот так:

Главная страница моего нового сайта
Главная страница моего нового сайта

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

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

Не забывайте ставить лайк и подписывайтесь на канал!