Создание сайта на WordPress / Урок #3 — Работа с интерфейсом WordPress

Автор Denis Lisitsin
Создание сайта на WordPress / Урок #3 — Работа с интерфейсом WordPress

Привет.

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

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

Здесь вы найдете домашнее задание и много другой полезной информации ссылка в описании к этому видео и так первым делом, что мы сами сделаем — это добавим меню к нашему сайту заходим обратно на сайт. Видимо у нас есть 10 топ баров. Верхняя как бы менюшка которые мы с вами удалим и добавим сюда своё основное меню поэтому нажимаем на настроить и здесь мы с вами всё проделывать первым делом выбираем Top Bar то есть вот — это вот штуку которая на сверху здесь выбираем нечаянно орал. И мэйбл. то есть включить табор. Мы выбираем как нет он нам не нужен майбокс соответственно и удаляем, но в принципе. Вы можете оставить и можете. Вот даже разукрасить другие цвета сделать с ним всё, что угодно. Я же его просто удалю дальше создаём сами девушку поэтому нажимаем на меня дальше на создать новое меню и здесь выбираем меню название для меню я напишу его как главное меню и дальше укажу, что она меня есть. Но действительно главное у меня далее нажму далее. Вот и нажмем добавить элементы чтобы новые новые страницы в наше меню во-первых у меня будет главная страничка при этом. Ну давайте все добавим. Сначала — это услуги и контакты, а нас вот всех давай вот да. И, что мы можем делать выпечку можно перетаскивать эти пункты между собой. То есть вы устраиваетесь как только хотим. Вот они у нас уже здесь и появились. Вот Но кроме того мы можем их меня прости семенами на какую-то ссылку то мы можем поменять ural то есть главное ссылка — это у нас действительно главное ссылка — это бпан. точка ком текст ссылки главное и в принципе можем поменять Class CSS атрибут на этом то есть при наведении чтобы какой-то был описание. И так дальше мы — это всё можем поменять тоже самое для. Контакта и прочих страничек. Но — это всё можно с вами не нажимала публиковать. Или можем заметить, что действительно менюшка у нас добавилась и она выглядит достаточно. Красиво конечно же к этому всему мы можем добавить сразу же какие-то или поэтому мы выходим. Измени ушки и. Заходим в архиве то есть шапку нашего сайта здесь переходим в General и здесь мы можем указать стиль Style сейчас. Минимал, но мы можем указать его как например Full Screen fullscreen сделает. Вот, что он добавит небольшую иконку и при нажатии на неё. Мишка будет открываться во весь экран пример если мы нажимаем Base меню во весь экран у нас открылось достаточно клёвый эффект и можете его уже оставить. А также есть крутой — это когда медиум. Танюшка у нас к примеру она будет не на весь экран, а всего лишь здесь посерединке отображаются тоже достаточно круто, но мы с вами сделаем такую штучку. Какой транспорт, что она. у нас здесь будет другой контакт примерно какая-то будет картинка там синяя или какая угодно то — это менюшка она просто будет непосредственно на этой картинке находиться на прозрачной — это будет очень круто смотреться поэтому на данный момент просто так всё и оставим так же здесь есть небольшая линия. Вот она здесь. Возможно вы видите и я её хочу удалить потому, что она мне не нравится мне нажимать header Border Bottom её просто ну забирают удачу средства этой линии у меня здесь нету также могу установить высоту для нашей. Ванюшки к примеру сделать её чуть побольше или поменьше надо будет у нас там находиться и её высота. Вот я например люблю как 80 81 пускай будет дальше с нами ещё задний фон задний цвет для меню этой всей нашей поэтому нажимаем здесь выбрать цвет. Вот и выбираем цвет как вот полностью черной и прозрачность устанавливаем как например где-то процентов так 20 соответственно. Вот такой вот у нас интересный эффект для менюшки появился далее мы перейдём с нами в пункт. Меню для того чтобы исправить наши ссылки. Потому, что сейчас они выглядят не особо красиво, но имей в виду сам цвет их. Поэтому мы выбираем Color и выбираем его например белой вот такие вот у нас теперь будут ссылки дальше мы с вами узнаем. Глинка при наведении то есть Hover h3, когда мы наводим примеру они у меня будут какие-то красные этом чтобы не сильно не были красными то мы сделаем их немножко ну такими менее красными такими приближенными приближенными к. Белому вот такой эффект у нас будет хотя не самый лучший эффект давайте мы ещё их немножко сделали меньше. Я думаю. Вот теперь уже достаточно неплохо. Вот далее когда будем. — это когда например. Мы перешли на вкладку услуги и соответственно она у нас когда будет чёрный. на вкладке например услуги находимся томат чёрный на вкладке. Контакте ВКонтакте то она тоже чёрный там будет будет быть год мы давайте сделаем чтобы она у нас была белая чтобы нас не выделялась досылка на странице которой мы находимся в соответствии мы не будем потерять. Кроме того мы можем также убрать вот этот вот поиск. он у нас здесь есть и мы можем им пользоваться, но мы можем его также убрать. То есть — это dropdown. Можно резко примеру с разными просто стиле для него выбрать примеру, если такая штучка. Бастион бесит наш. Ну всё — это на шапку. Также можно и вообще брать или overlay Effect когда легче сама увидишь когда вот у нас она открывается на полный мы соответственно здесь уже что-то можем смотреть примеру я оставлю. Пускай у нас будет overlay вы сможете его отключить или оставить без изменений в принципе на данный момент уже всё выглядит достаточно и дальше я только будем — это сейчас всё улучшать следующее на чем нам необходимо проработать так — это заголовок нашего сайта поэтому переходим обратно такие вы главное меню здесь мы переходим в кафе и здесь мы можем устанавливать стиле для всего текста который находится у нас на сайте Toyota различные заголовки — это просто боди есть весь текст который находится в теге Body каталога нашего — это главное меню нашего сайта и так далее. В данном случае. Меня интересует 10 налога нашего сайта поэтому я.

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

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