Настройка и оформление темы сайта

Опубликовано автором

Вы установили новую тему оформления сайта. Теперь её нужно настроить под Ваши задачи.

Для этого:

1. Заходите на Ваш сайт.
2. Вверху нажимаете «Настроить».
3. Слева открывается меню настроек.
4. Вкладка «Свойства сайта» позволяет: «Выбрать логотип», дать «Название сайту», дать «Краткое описание сайту».
— пишете «Название сайта», например: «Блог о здоровье Вашего тела»;
— пишете «Описание сайта»: «Авторский блог … «(Ваши Имя и Фамилия);
— ставите галочки у «Отображать заголовок сайта» и у «Отображать краткое описание»;
— можно установить иконку сайта.
5. Возвращаетесь на 1 шаг назад (стрелка в строке «Свойства сайта»).
6. Слева нажимаете «Изображение заголовка». Это будет изображение (фон) в шапке Вашего сайта.

Изображение в шапке должно быть размером 2560х500 пикселей или больше (оно при установке обрежется до нормы). Поэтому, когда будете подбирать картинку для шапки, обращайте внимание на её размер.

7. Чтобы выбрать картинку для шапки, переходите в Яндекс или Google, выбираете в меню «Картинки», выбираете, например, «Компьютер в офисе», в верхнем меню выбираете «Показать фильтры», «Размер», вводите размер картинки «2560х500» и нажимаете «ОК».
8. Открываются картинки нужного размера по Вашей теме. Кликаете ЛКМ (Левой Кнопкой Мыши) по понравившейся, кликаете по картинке ПКМ (Правой Кнопкой Мыши), выбираете «Сохранить картинку как…», выбираете папку для сохранения картинки на компьютере, нажимаете «Сохранить» и картинка сохраняется на Вашем компьютере в нужной папке.

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

9. Возвращаетесь на Ваш сайт в «Настройки сайта».
10. Под строкой «Изображение не задано» нажимаете «Добавить».
11. В «Библиотеке» нажимаете «Загрузить файлы»,  «Выберите файлы».
12. Находите в своем компьютере папку с изображением для шапки сайта, нажимаете на него ЛКМ и нажимаете «Открыть».

Картинка появляется в «Библиотеке» WordPress.

13. Нажимаете на картинку ЛКМ, внизу справа нажимаете «Выбрать и обрезать», нажимаете «Обрезать».
14. Картинка установилась в шапке Вашего сайта.
15. Возвращаетесь на 1 шаг назад (в строке «Изображение заголовка» нажимаете на стрелку слева).
16. В меню слева нажимаете «Фон».

Обратите внимание! Фон сайта желательно делать светлым, чтобы Ваш контент на сайте читался легко для глаз посетителя.

17. Нажимаете «Выбрать цвет» и ползунком делаете цвет фона светло-серым.
18. Возвращаетесь на 1 шаг назад.
19. Слева нажимаете «Меню». Здесь можно создать новое меню, потому что сейчас на сайте у Вас нет меню.
20. Нажимаете «Создать новое меню».
21. Даете название меню, например: «Основное меню сайта».
22. Нажимаете «Далее».
23. Нажимаете «Добавить элементы».
24. Добавляете страницы «Главная», «Обо мне», «О сайте», «Контакты», «Мои достижения» (если Вы где-то уже обучались и получили сертификаты, грамоты, лицензии и т.д.).
25. Ставите галочку у «Основная навигация».

Важно! Все изменения, которые Вы вносите на сайт в режиме «Настроить», можно отредактировать, пока Вы не нажмете кнопку «Опубликовать».

26. Возвращаетесь назад во вкладку «Вы настраиваете «Блог…».
27. Ниже слева Вы видите «Виджеты».

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

28. Ниже идет «Настройка главной страницы».
Здесь Вы можете выбрать один из двух вариантов, но лучше оставить активным вариант «Ваши последние записи».
29. Возвращаетесь на 1 шаг назад и нажимаете «Настройка темы».
30. Здесь можно «Настроить разметку» сайта: широкую, центрированную или фиксированную – оставляете «Широкая разметка». Можно задать положение боковой колонки (сайдбара): слева или справа.

Мы уже говорили, что лучшее расположение сайдбара на сайте для посетителей – справа.

31. Возвращаетесь на 1 шаг назад.
32. Нажимаете «Настройки блога».
33. Здесь можно дать:
— «Заголовок блога»;
— «Описание блога»;
— «Разметка блога» — делаете «Большие записи»;
— «Содержимое блога» — отмечаете чек-бокс «Цитата записи»;
— «Длина цитаты» — делаете «40», «Текст «Читать далее» — добавляете к тексту 3 стрелочки «>>>».
34. Возвращаетесь на 1 шаг назад.
35. Нажимаете «Настройки записи».
36. Здесь Вы можете снимать или ставить галочки у чек-боксов – оставляете все включенными.
37. Возвращаетесь на 1 шаг назад.
38. Нажимаете «Информация о теме».
39. Здесь дается информация о теме, установленной Вами на сайт.
40. Возвращаетесь на 2 шага назад.
41. Вкладка «Дополнительные стили».

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

42. Внизу слева есть 3 маленькие иконки, которые позволяют Вам посмотреть, как выглядит Ваш сайт в режимах «На компьютере», «На планшете» и «На мобильном устройстве» (телефоне).
43. Вы установили все настройки!
44. Нажимаете вверху «Опубликовать».
45. Закрываете «Редактор».
46. Вы видите Ваш сайт таким же, как его видят Ваши посетители.

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

Все темы отличаются друг от друга. В них есть общие моменты, но есть и отличия: в некоторых темах нельзя добавить картинку, нельзя менять текст кнопки «Читать далее», нельзя изменять цвет фона и т.д.

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

Жду Ваши комментарии под этой статьей: понравилась ли Вам статья, было ли Вам это интересно, помогло ли Вам это в работе? Напишите несколько слов и дайте обратную связь.

С уважением к Вам и пожеланием успеха, Александр Журавлев