#13 Шаблон страницы | Верстка под WordPress на Bootstrap 4 + Sass. Реальный заказ.

Автор Maksim Inshakov
#13 Шаблон страницы | Верстка под WordPress на Bootstrap 4 + Sass. Реальный заказ.

Всем привет на связи.

Артём Исламов. Продолжаем наш плейлист разработки реального сайта на WordPress. Если вы не смотрели видео из этого плейлиста с самого начала то переходите по ссылке в описании обязательно сделать — это самого первого видео иначе будет непонятно то, что я здесь делаю.

На прошлом видео мы с вами разобрали Footer то есть сделали так чтобы хутор выглядел адекватно в соответствии с нашим мнением так скажем сайта и чтобы заказчик мог этот футляр редактировать самостоятельным.

То есть это. Форма с текстом который может заказчик указать на странице контакты — это страница главная компании наши услуги, а также мы сделали страницу vkontakte теперь я предлагаю вам заняться такая штука как направление деятельности то, что мы как раз отложили на самый так скажем конец. Ну и потом возможно оформить вам ещё страницу карточка объекта. Я уже запустил локальный сервер. Как вы видите всё у меня уже давным давно открыты саблями techstream. И начнём, что наш хутор доделан, но не доделано до конца. То есть у нас здесь есть раздел который называется Direction блок и у этого раздела есть фоновое изображение которое мы через атрибут Style — это было не правильное решение сразу же после того как я записал, тогда урок по верстке этой части я нашёл решение этого так скажу момента и. Давайте мы его собственная исправим потому, что здесь есть недочеты у нас нужно их отправить я убираю стиль который был установлен здесь по умолчанию для того чтобы просто. Вставить сюда изображение так как — это и подобает мы уже в прошлый раз увидели, что мы можем заказывать вордпресса размеры миниатюр какие нам удобнее то есть мы можем поставлять изображение в миниатюре так как удобно нам то есть мы можем абсолютно спокойно благодаря файл functions.php регистрирую миниатюру и — это миниатюры мы можем нужном разрешении поэтому здесь я установлю Tag IMG и в качестве источника этого изображения будет миниатюра или вообще можно сюда просто поставить миниатюру определенной записи мы делали — это уже с вами страница по-моему категория и здесь у нас была картинка которая называлась Post thumbnail скопирую этого команду и просто вставлю сюда и нас интересует не облик превью. А давай создадим такое миниатюра дирекшнс превью размер этого изображения мы пока укажем. Валя functions.php если посмотри. Или просто открыть изображением. Давайте откроем изображения в папке. СМС Лежит папка дирекшнс popke.org здесь у нас есть изображение все они одинаково размеров и посмотреть просто, что — это за изображение давайте сделаем — это вот так сейчас придумаю как-нибудь — это показать. Давайте сейчас сделаю допустим такое ммг. ВСС Лежит папка там есть дирекшнс и они все 170 на 100 30 31 10 на 128 — 147с имеющихся у нас по изображению, но я вижу, что ширина у всех по 170 пикселей 160190 из-за того, что мы их представляли бы раньше через фоновые изображения мы бы избежали вот эти вот волокиты до, но к сожалению не и сбежим и поэтому нам придется сейчас выбрать размер так скажем — это миниатюрную. Пускай — это будет 170 на 170 наверное как-то так и. Давайте зарегистрирован в файле functions.php — это миниатюру мы добавляем новые images то есть новый размер картинки причём называем его. Директ preview JS preview ширина этой картинке будет. Ну пускай 170. Давайте посмотрим на сайте. ВПК мы можем ли мы высоту задавать так как нам удобно ширину в пикселях высоту тоже в пикселях вот здесь пример без ограничений высоту то есть мы можем задать в определенную ширину без ограничений высоту. Ну, тогда у нас блоки будут разные высоты — это нам не очень подходит поэтому давайте всё-таки сделаем вот как. Пускай по ширине тоже — это будет на 170 и жесткая фиксация размеров краб теперь нам нужно. Создать страницы который будет отвечать за направление деятельности и тут очень важный момент. Дело в том, что в админке WordPress можно зарегистрировать новую так скажем новую сущность такую как записи появится новый раздел мы можем зарегистрировать его и туда поместить направление деятельности, но сделаю я — это здесь через 100. То есть я сделаю страницах родительскую страницу которая будет называться направление деятельности на этой странице будут просто собственно все эти направления деятельности сами страницы отдельно. Какого типа девелоперские проекты продажи недвижимости или строительство они будут дочерними страницами странице направление деятельности слово страницы прозвучало здесь максимальное количество раз, но тем не менее. Давайте страницу она будет называться направление деятельности по контенту здесь ничего не будет шаблон у нас будет либо базовый шаблон либо какую-нибудь. Давайте базовый шаблон — это будет само по себе родительская я публикую её и есть у нас такая проблема то есть как только я опубликую эту страницу обновлю меню нас появится здесь направление деятельности в меню на верхней шапки. Это всё потому, что мы зарегистрировали обычно — это просто VPN отменю мы никак его не выделяли. А если мы перейдём в раздел. Ну давай так мы перейдём сейчас в раздел настроить у нас должно здесь быть возможность создавать меню то есть мы в разделе меню создадим новое меню и — это меню у нас будет называться Top Menu. А мы сюда элементы то есть с тобой главное контакты инвестором структура наши услуги о компании главное у нас есть уже давайте добавим. Вот так — это удалим и если посмотреть сейчас на наш сайт то там главное о компании наши услуги то есть сначала идёт главное затем о компании наши услуги контакты идёт в самом конце инвестором структура. Ну вот так вот то есть вот такое меню мы их упорядочения эти элементы мы не ставим галочку автоматически добавлять в этом меню новые верхнего уровня мы просто опубликуем во-первых — это меню. Теперь мы можем поэтому так скажем слова.

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

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