2. http://training.1lady.pro ВОПРОС-ОТВЕТ тренинг-консультация «Онлайн бизнес - Мастерам»
Редактирование шаблона (темы)
Очень часто, выбрав ту или иную тему (шаблон) для сайта, у нас возникает
необходимость внести изменения в ее дизайн, изменить отдельные элементы –
поменять картинку в шапке сайта, фон и др.
Прежде чем искать информацию, как изменить шаблон, необходимо изучить его
структуру и возможности.
Некоторые темы содержат в себе функции редактирования стилей прямо из
консоли управления темой и вам не придется редактировать программные файлы.
Чаще всего темы оформления состоят из десяти или более файлов, каждый из
которых отвечает за ту или иную область сайта или выполняет какую-то функцию.
Index.php – основной файл шаблона, загружающийся при открытии сайта. В свою
очередь, в своем коде он, как минимум, содержит ссылки на файлы header.php,
sidebar.php, single.php, page.php, comments.php и footer.php, которые динамически
подключаются при каждом обновлении страницы. Таким образом, при изменении
кода «шапки» сайта владельцу не придется вносить поправки на всех страничках —
достаточно будет отредактировать header.php.
Кроме того, в каждой теме Wordpress непременно присутствует файл стилей
style.css. Для внесения незначительных изменений в дизайн сайта, к примеру, для
изменения цвета ссылок, размера «шапки» и ее фоновой картинки, можно
ограничиться только им.
ВНИМАНИЕ:
Перед редактированием шаблона Wordpress рекомендую сделать резервную
копию всех файлов, которые вы собираетесь редактировать, чтобы при
возникновении проблем моментально восстановить дизайн.
2
3. http://training.1lady.pro ВОПРОС-ОТВЕТ тренинг-консультация «Онлайн бизнес - Мастерам»
Как изменить элементы дизайна сайта на WordPress?
1 вариант: изучите возможности и настройки вашей темы (шаблона). В некоторые
темы уже встроены функции по редактированию шапки сайта, логотипа, фона и
других элементов дизайна (шрифты, цвета заголовков, слайдер и др.). В некоторые
англоязычные темы даже встроены в консоль переводчики внешних элементов –
сообщений и надписей сайта, которые видят его посетители. Т.е. вы сами
определяете, как будет бглядеть надпись на сайте: не «Read more…», а «Читать
дальше… », например.
Для примера - панель управления темы «Goodlayers», которую я использую на сайте
учебного центра - training.1lady.pro.
3
4. http://training.1lady.pro ВОПРОС-ОТВЕТ тренинг-консультация «Онлайн бизнес - Мастерам»
2 вариант: редактирование файлов темы (шаблона). Это более сложный способ и
подходит уже достаточно опытным пользователям. Давайте разберемся, как
выглядит этот процесс.
1. Необходимо определить файл, который необходимо отредактировать,
чтобы внести изменения в тему (шаблон).
К вышеперечисленным файлам добавлю comments.php – отвечает за вывод
комментариев на сайте, 404.php - страница, которая сообщает об ошибке, если
ссылка ведет на запись или страницу, которая на сайте не существует.
Кроме того, некоторые шаблоны содержат и другие файлы, которые
индивидуальны именно для этого шаблона (темы).
4
5. http://training.1lady.pro ВОПРОС-ОТВЕТ тренинг-консультация «Онлайн бизнес - Мастерам»
Изменить изображение в шапке сайта
(header), фон (background), размер, стиль и
цвет шрифта (font) текста, заголовков,
ссылок и многие другие элементы внешнего
дизайна можно с помощью редактирования
файла style.css.
Для полного понимания процесса будет
полезно знакомство с языком CSS. Рекомендую
бесплатный курс по CSS Евгения Попова.
Дальше – содержание только для участников тренинга.
Полная версия документа доступна для скачивания и просмотра для участников
тренинга по ссылке http://training.1lady.pro/free-registration/faq1/
Желаю успехов!
Тренинг-консультация «Онлайн бизнес - Мастерам»
5