Крок №7 Знайомство з розміткою шаблону WordPress - Створення сайту на Wordpress з нуля для новачка

Вітаю Вас на моєму сайті, і сьогодні ми разом з Вами продовжимо вивчення WordPress. Минулого уроку ми ознайомилися з чудовим інструментом для веб-розробників, який знаходиться в браузері Google Chrome. Нагадаю, що за його допомогою ми можемо побачити внутрішню розмітку та структуру HTML документа.

У цьому уроці ми подивимося як Інструменти розробника допоможуть нам змінити шаблон WordPress.

Для практики ми редагуємо тему Zeedisplay.

Спочатку наш шаблон має вигляд:

знайомство

«Як я можу змінити шаблон?» - Запитайте Ви. Та все що завгодно.

Давайте разом відкриємо інструменти розробника і подивимося, як влаштований шаблон зсередини.

знайомство

Як ми бачимо, є загальна область

І дві області, які знаходяться всередині:

Докладніше давайте розглянемо це малюнку.

знайомство

Докладніше розглянемо структуру

знайомство

Header у нас складається з вкладеного дива «head» в який у свою чергу вкладено ще 2 дива:

Найбільш загальна структура для наочності представлена ​​цьому рисунку:

знайомство

У наступному уроці Ви дізнаєтеся докладніше про CSS, а також ми зробимо зміни у шаблоні WordPress. До швидких зустрічей. Побачимося в наступному уроці.