Как изменить элемент шаблона сайта на WordPress.

изменить элемент

Здравствуйте друзья!!! Я не ошибусь, если скажу, что бывали случаи, когда вам необходимо было изменить элемент в шаблоне вашего сайта на WordPress. Прав? Наверняка. Какой бы шаблон мы не выбрали, как бы он нам не нравился, все равно в нем будет что-то, что нам хотелось бы поменять. Но через настройки шаблона сделать это не получается и нужно изменять код элемента. Как же это сделать? Сейчас разберемся.

Как изменить элемент.

Давайте рассмотрим простой пример. Изменим цвет нужного элемента. Предположим меню под шапкой.

Наводим мышь на меню, кликаем правую клавишу и выбираем «Посмотреть код».

изменить элемент

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

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

изменить элемент

Теперь, открываем наш файл style.css программой Notepad++ и ищем строчку, в данном случае под номером 4107. Меняем установленный в шаблоне код цвета, на тот, который мы хотим. Коды можно поискать в интернете, это просто.

Загружаем обратно на сервер файл style.css и перезагружаем страницу. Вуаля!!! Цвет изменился на наш.


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

Так же, изменяемый стиль можно найти и изменить через панель управления сайтом на WordPress. Для этого идем в настройки внешнего вида, далее «Редактор». С правой стороны, в самом низу, открываем таблицу стилей. Вызываем окно поиска клавишами Ctrl+F и вписываем название стиля, который мы хотим изменить (рис.2, строчка 4107). Проделываем ту же операцию с изменением кода цвета.

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

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

comments powered by HyperComments