УРОК 6 - Редактирование шаблона WordPress (Часть 1)

06.03.2014 16:53

Приветствую Вас мои дорогие читатели, в прошлом уроке мы с Вами установили и активировали шаблон wordpress.

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


Итак этим мы сегодня и займемся.


Нам понадобится:


1)Браузер Google Chrome
2)Текстовый редактор Notepad2
Итак приступим.

 

Для начала я расскажу Вам об очень удобном инструменте для Web-разработчика.

Запустите установленный браузер Google Chrome и нажмите Ctrl+Shift+I или в правом верхнем углу браузера нажмите на гаечный ключ  и перейдите в Инструменты->Инструменты разработчика

Перед нами открывается панель с разнообразными опциями (в последующих шагах я Вас ознакомлю более детально).

В данный момент нас интересует вкладка «Elements».

 

 

Присмотритесь повнимательнее.

В тот момент, когда мы водим мышкой по строкам

экран подсвечивается светло синим цветом.

 

Например как на вот этом рисунке:

Итак, что мы имеем:

1)Мы видим структуру разметки сайта в том числе и шаблона WordPress.

2)Мы видим какой блок, за что отвечает

3)В правом нижнем окошке мы видим CSS свойства нужного нам блока.

 

 

4)А также строку, в которой находится нужное свойство CSS у нас в шаблоне.

На этом моменте я считаю нам нужно остановиться, и советую Вам изучить структуру выбранного Вами шаблона.

В следующем уроке мы поговорим о том как при помощи этого удобного инструмента,нам произвести изменения в шаблоне WordPress.

 

Назад