Создание шаблона для WordPress с нуля урок №19

Автор Maksim Inshakov
Создание шаблона для WordPress с нуля урок №19

в прошлом уроке.

Мы закончили с вами верстку главной странице нашего макета. А в данном уроке мы переходим уже на следующей странице нашего макета переходим дальше и будем верстать страницу about то есть о компании в общем-то по большому счёту страница будет выглядеть точнее также как и — это страница будут выглядеть. Любая наша текстовая страница то есть сайдбара никакого справа не будет сверху нас так называемый вот заголовок страницы и хлебные крошки и далее пошёл просто контент который предусмотрен.

Ну скажем так любой данной странице то есть.

Вот например Team команда то есть внутри данной вкладке тоже страница будет выглядеть примерно точно так же дата заголовок и будет какой-то контент внутри данные страницы по большому счёту ничего сложного здесь нет еда бы просто побольше вовлекать в процесс верстки я вам предложу сделать данную страницу самостоятельно в данном уроке. Я просто поясню немножко немножко начну с вами и пояснил, что как бы к чему здесь должно быть мы переходим в наш индекс HTML файл в нашем редакторе и делаем команду сохранить как-то есть как в предыдущем мы берём сверстанный нашу страницу делаем сохранить как и сохраняем about HTML до сохранили. Вот она наша получилось новая страница и идём соответственно в. Астану моё так эбаут вот наша страница ебал теперь из неё просто нужно выбросить как бы. Это лишнее, что у нас есть я значит на странице эбаут у нас чего нет у нас нету вот нашего слайдера слайдер мы убираем Under слайдер. Вот — это да тоже его нету моего тоже убираем так смотришь так вот видишь. Да, что у нас пошёл остальное наш контент по большому счёту и весь контент который есть мы тоже до хутора с вами должны просто взять и убрать то есть вот контент Main у нас остаётся. А всё, что внутри дома вот блок вот виду заголовки так следующий блок нашей работы блок. Адванс при ему там у нас находятся табы и аккордеон вот собственно. Вот — это всё можно удалять оставить только лишь контент Main вот и всё собственно, что мы получим. Это и будет наш каркас для страницы эбаут. В общем ты для любой другой. А теперь, что мы должны сделать значит по пробегу из буквально кратенько означает разметка будет включать в себя вот один такой вот Def причём данные Def он у нас должен быть не в Content May be a перед контейнером. Почему Потому, что как бы во-первых ну во-первых и как бы в главных да то есть он должен быть такой примерно как его был блок наш Under слайдер потому, что наклонной б/у идёт видим. От края до края. А у нашего Content May на он как бы тоже идёт. От края до края, но у него есть ведь свои паддинги то есть на самом деле вот contentment у нас вот этот вот так как я чёрный вот сейчас обвёл. Поэтому если мы вставим вот этот Blog about As Da Block Content magento мы получим, что фоновый цвет наш наклонной будет повторяться. Вот только вот поэтому выставляем его выше там где был наш флайдер опять-таки. Ничего абсолютно как бы сложного нету. Всё мы делали то есть наклоны будут на наклон б-г наш фоновый цвет дали будет заголовок float not слева и ссылочки флот внутри вправо то есть по сути то, что мы делали в прошлом уроке скутером только в данном случае — это всё-таки будет заголовок следующий блок скажем так — это в общем-то даже не блок. Просто введи текст данные заголовок. У нас есть картинка флот. Ну то влево пошли свои параграфы своим чередом. Вот — это собственно будет наш контент передвигаемся чуть-чуть ниже, что у нас здесь будет ещё опять-таки заголовок следующую нас есть причём точно такой же с. Центральной частью вот справа ссылочки на подробнее adalya наша команда то есть будет Block Out Steam внутри которого будет 3 наших блока, но с небольшими маржана между собой и вот и всё то есть делать данный блок примерно по такой же схеме как мы делали блок нашей последней работы да либо наши услуги, но там размещались просто данные блоки по 4 в ряд. А здесь по три. Ну то есть по большому счёту методика абсолютно тоже самое только немножко нужно будет пересчитать ширину для блоков, а потому, что здесь их три они 4. Ну вот собственно и всё, а ниже его clients опять-таки заголовок такой у нас уже есть. Ну и значит клиентов логотипы по большому счёту просто нужно будет вырезать когда 6 картинок и. Расположите их в один ряд вот и всё собственно, что здесь. Нам нужно будет сделать и. Ну соответственно. Я не вижу ничего сложного в. Центральной контент он просто располагается как есть то есть у заголовок картинка флота в левой идут параграфы самый верхний заголовок мы делали такой и Footer прям под практически. Один в один такой только, что здесь слева у нас copyright, а вот верхнем блоке у нас должен быть. Ну скажем так заголовок нашей странице. Ну и всё остальное тоже. У нас заголовки все есть подобные блоки мы делали только включали они 54 под блока вот собственно и всё, что нужно будет сделать поэтому скажем так опять-таки повторюсь дабы вовлекать немножко в процесс верстки. Ну я оставлю — это на самостоятельное выполнение конечно же страница певица я её сейчас сделаю. И вы сможете сравнить посмотреть. Если что-то не получится поправить. А вот на этом данный уроки в общем-то я заканчиваю и увидимся в следующем уроке где мы будем сверстать страницу портфолио где. Ну действительно общем-то могут быть какие-то нюансы там уже будем останавливаться более подробно. Спасибо за. Жду вас в следующем уроке.

0 комментариев
0

Читайте также