Приветствую Вас мои дорогие читатели, в прошлом уроке мы с Вами установили и активировали шаблон wordpress.
Но как очень часто бывает, Вас может что то не устроить в шаблоне.Вам не нравится цвет фона?Хотите поменять элементы местами?Шаблон сильно узкий? Не стоит расстраиваться,я спешу Вас обрадовать, что шаблон можно изменить так, что все элементы встанут на свои места и как Вы пожелаете.
Итак этим мы сегодня и займемся.
Нам понадобится:
1)Браузер Google Chrome
2)Текстовый редактор Notepad2
Итак приступим.
Для начала я расскажу Вам о очень удобном инструменте для Web-разработчика.
Запустите установленный браузер Google Chrome и нажмите Ctrl+Shift+I или в правом верхнем углу браузера нажмите на гаечный ключ и перейдите в Инструменты->Инструменты разработчика
Перед нами открывается панель с разнообразными опциями (в последующих шагах я Вас ознакомлю более детально).
В данный момент нас интересует вкладка «Elements».
Присмотритесь повнимательнее.
В тот момент, когда мы водим мышкой по строкам <body><div> экран подсвечивается светло синим цветом.
Например как на вот этом рисунке:
Итак, что мы имеем:
1)Мы видим структуру разметки сайта в том числе и шаблона WordPress.
2)Мы видим какой блок, за что отвечает
3)В правом нижнем окошке мы видим CSS свойства нужного нам блока.
4)А также строку, в которой находится нужное свойство CSS у нас в шаблоне.
На этом моменте я считаю нам нужно остановиться,и советую Вам изучить структуру выбранного Вами шаблона.
В следующем уроке мы поговорим о том как при помощи этого удобного инструмента,нам произвести изменения в шаблоне WordPress.
До скорых встреч.