Создание сайта на WordPress / Урок #5 — Создание дополнительных страниц

Автор Denis Lisitsin
Создание сайта на WordPress / Урок #5 — Создание дополнительных страниц

Привет.

В этом видео мы займемся работай над дополнительными страничка Me на нашем сайте также. Заходите на сайт. АйТи прогер.

com ссылка на этот урок на сайте будет в описании к видео.

Здесь вы найдете домашнее задание и много другой полезной информации ссылка в описании к этому видео сперва мы создадим страничку которая называется у нас поэтому переходим на эту страничку здесь нажимаем либо страницу либо сразу редактировать бы амантур нажимаем на кроссворд — это вот и будем её сейчас редактировать особо не заморачиваться над всем этим сейчас не будем. Поэтому я предлагаю во-первых я всё-таки нам надо вернуть назад и убрать вот эти два блока. Поэтому такие редактировать, что такие странички страницу нажмем дали мы укажем, что здесь у нас 100%, а потом эту нам не нужен поэтому нажимаем нажимаем обновить и теперь нажимаем. Теперь же мы как раз добавим несколько новых секций к примеру добавим сразу какой-то шаблон чек — это у нас будет очень когда должна быть очень — это просто я прямо страничка и мы можем добавить с вами тоже шаблон, что не добавляет для первого сайта, но можем добавить. Вот например эбаут. АС вот такое ещё баллончик или какой-то. Попроще не знаю вот например. Давай мы примерно такой. Мне кажется — это достаточно просто и — это то, что как раз нужно поэтому нажимаю просто. Вставить некоторые блоки возможным удалил потому, что они нам не нужны и будет у нас уже готовые например вот этот блок мне он не нужен этот блок. Не пускай тоже не нужен а. Социальные сети пускай будет в принципе мы. Конечно же можно тут всё — это менять например страничка рано вот так написать. Вот и мы можем. Конечно же — это всё здесь менять. Например я могу опять-таки взять этот блок выбрать его и установить другое фоновое изображение например удаляю — это изображение и устанавливаем в качестве фонового изображения. То которое мы использовали в прошлом уроке просто его нажимаешь вставить и здесь она постоянно сводит низ, что мы ещё добавим перекрытие фона. Вот она у нас будет классически можем сделать. Мы — это сделаем и — это будет некий чёрный такой вот цвет пускай будет чуть легче что-то. Типа такого. Да просто чёрный чёрный как раз мы с вами сделаем вот, что ещё мы сделаем чтобы вот — это вот картинка она была получается сейчас вот привязка. Как как прокручивать. Каким образом. Когда мы будем прокручивать страничку давайте мы — это всё с вами сохраняет iPad мы получили достаточно прикольный эффект того, что — это картинка она как бы к сожалению почему-то она у нас не установилась так по-моему, тогда закрепить. А до извиняюсь конечно же закрепить. Вот то есть мы устанавливаем эффект закрепить каким — это таким образом — это как. Ну как знаете все стилях background-attachment fixed вот тут просто не сразу понял вот так вот если такое сделать то мы видим, что у нас и картинка как бы закреплена и — это достаточно уже прикольная дополнительный эффект весь текст мы переделывать не будем. Ну потому, что в этом нет особого смысла оставим всё так как есть единственное, что мы с вами можем сделать так на самом деле вот уменьшить весь этот блок вернее уменьшить или увеличить его чтобы он был примерно вот такие вот пускай вот кстати дополнительно можно отследить чуть-чуть уменьшить его обступают чуть уменьшить вот. Вот так например и в принципе теперь тоже обновить. Я думаю так она даже будет лучше выпить если мы опять перейдём на страничку. Вот вот она у нас выглядит уже совсем по-другому. Всё в принципе с этой страничкой. Мы закончили потому, что хочу долго на неё обращать внимание. Теперь давайте создадим свою страничку здесь по сути всё тоже самое мы нажимаем на редактировать страничку дальше выбираем тоже самое, что уже делали с вами несколько. Ростов увидит, то мы убираем и нажимаем обновить после. Когда обновится нажимаем редактировать. В лнр здесь же мы выберем опять-таки какой-то простой шаблон просто потому, что — это ещё секция — это ещё страничка. Ну просто текстом поэтому. Здесь особо ничего такого интересного нет ну просто мы можем менять самую-самую вот здесь же мы выбираем например такой вот шаблон. Вы можете любое выбрать шаблон — это вообще неважно я к примеру этот выберу нажимаю ставить. И после этого он у нас добавляется на сайт можно делать всё тоже самое, что мы уже с вами много раз сделали единственное, что я покажу вам нового так — это то, что мы можем — это всё изменять непосредственно смотря на. Ну непосредственно для разных устройств пример. Вот — это мы сейчас видим как она выглядит на компьютере если мы хотим посмотреть как она выглядит на телефоне или планшете мы нажимаем на этот иконку и выбираем. По примеру планшет. Теперь же, что я здесь буду менять вот всё, что вот здесь я буду менять — это будет меняться исключительно для мобильных устройств. То есть если я здесь например укажу, что ну не все конечно текст если меня — это это будет уже она отображается будет непосредственно, что на мобильнике, что на компьютере одинаково она будет отображаться стиль которая буду менять, что они будут отображаться уже одинаково — это не будет обижаться только на мобильных устройствах постели которые сейчас здесь буду добавлять. Вот то есть. Например я хочу вот эта вот штучка она имела во-первых ширину небольшую вот примеру такую она была пациентов и она имела отступать. Примерно вот такие вот пускай будет летом на компьютере мы эту штучку. Батыра при этом на компьютере отсутствует у меня будут тоже такие нехилые размером она будет совсем ничего вот и всё теперь. Если я например такое бы. Сохрани, что и посмотрел то мы бы заметили, что у нас на компьютере и на телефоне. Вот вот смотри вот — это линия. Да она будет выглядеть по-разному уменьшаемое вычитаемое уменьшаемое доходим до 6 минут я вот она и она изменилась то есть стили здесь меняются в зависимости от разрешения.

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

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