Создание Landing Page в WordPress Artisteer Готовим Шаблон в Artisteer

Автор Maksim Inshakov
Создание Landing Page в WordPress   Artisteer  Готовим Шаблон в Artisteer

в этом уроке мы с вами подготовим шаблон для cms WordPress ворчестер.

Чтобы в дальнейшем создать лендинг. Пейдж и так давайте откроем программу artisteer сейчас в данный версия текущая последнее четвёртое, но мне как-то более 3 нравится она мне кажется менее заморочен наиболее удобная вот значит выбираю шаблон WordPress нам нужно сделать некитакой шаблон чек чтобы у нас наша продающая страница лендинг было максимально удобно. Я в принципе для этого можно зайти на сайт где продаются ойнинг позже различные допустим themeforest.net и здесь есть вот шаблоны лендинг.

Пейдж падающих страничек можно посмотреть есть кстати их несколько тысяч у нас будет отдельный урок потому как купить шаблон он стоит всего 10 долларов и просто его адаптировать под свои интересы.

Но — это лендинг. Пейдж редактируется только через HTML код. Вот и блокноте и администратор Skype нету. А сейчас пока мы создаем лендинг. Пейдж с админкой зачем я зашел всё так чтобы смотреть эти шаблоны для того чтобы посмотреть примерно как есть. Ну Какой стиль у лендинг. Пейдж продающих страниц посмотрим примеры для начала среднем. Как выглядит лендинг. Пейдж в основном — это какой-то такой минималистичный дизайн то есть дизайна по сути дела не хочешь состоит в основном из блоков вот допустим блок видео блог заявки подписки потом ещё идёт три блока потом он допустим там кнопка заказать потом комментарии идут дальше. Вот еще пример лендинг. Пейдж тоже в основном блоке кнопка заявки подписки дальше смотрим. Ну вот. Аналогично часто лендинг — это белый страничка. Ну вот допустим продажа книги же книжка техник кнопка купить отзывы дойдут — это характеристики. Потому, что тут ещё подписка. Да вот смотрим вот есть жёлтые до лэндинг. Пейдж тоже картинки икру пацан основные пункты 12345. Что здесь интересного контактные данные карта форма обратной связи в целом обычно vending pH — это минималистичный дизайн и блоки поэтому сейчас мы в квартире. Сначала она же какой у меня дизайна генерит что-то. Когда будет более-менее подходящие. Вот мы с генерал-майор тестирование какую страничку, но нам боковые колонки не нужны поэтому я захожу в макет колонки выбираю одна колоночные вариант дальше смотрю лист ширина у меня здесь выставлены David 1000 пикселей давайте я поставлю 900 хотя в принципе ты тоже можно оставить вообще-то. Нет сделаю макет ширина 1000 пусть будет большое вот верхний колонтитул максимальной он вообще либо его вообще не должно быть высота допустим попробуем 150 пикселей здесь у нас будет так значит заголовок мы делаем вот сюда картинку да возможно, но вообще не пригодится потом ещё раз делаем сюда. Это у нас меню те кто делает Landing page будет короткий там в принципе меню не нужна у меня будет меню при клике будет перескакивает на определённый блок вот здесь есть верхний колонтитул так есть макет дома макет. Вот и можно выбрать макет вот такой вот я уезжаю кому нужна меню только вот такое кому нужна шапку оставляем было. Вот либо есть ещё вариант я наверное его возьму за основу так — это вот такой вот есть теперь Funny Funny что-то не нравится цветочки какие-то странные пока такое сделаем лист тень-тень так макет макет макет поля максимальна наверх так цвета цветовая гамма. Мне что-то не нравится такая ну вот такая цветовая гамма неплохо смотрится. Хотя честно говоря закругленные углы мне что-то не особо-то ширина листа, а вот во вкладке лист скругление делаем без скругления у нас такое будет и он виноват и какой-то. Ну пусть будет такой хотя честно говоря шапочку. Мы ещё уменьшим сделаем её допустим если она будет 100 пикселей здесь будет только заголовок. Да здесь где картинка будет дождь будет значок какой-нибудь. Ну предположим — это у нас какой-нибудь что-нибудь скажем сайт каких-нибудь курсов нибудь курсов этот значок будет. О'кей потом будет идти название готова так меню. Мне не нравится меню надо будет. Ну может такое может быть пусть будет такое контраст — это может быть поменяем вот этот свет на какой-нибудь. Ну может быть. Вот такой зелёный минимум хотя нет лучше в этот замене сером вот этот заменю синим iPhone. Ну пусть пока будет такой. Так теперь содержимое вот отлично. Только единственное вот к нам — это не нужно вот хорошо, но почти кнопки кнопка мне такая не нравится. Ну пусть будет такая единственная размер сделаем побольше. Вот навигации мы пункты меню тоже меню меню меню меню размер сделаем такой для начала будет верхний колонтитул. Так ну вот в принципе более-менее так что-то такое. Мы создали ещё можно будет шапку в. Фотошопе сделать потом отдельно. Вот, но я думаю, что такое шаблон подойдет то есть боковые колонки не нужны, а единственное содержимое цвета и шрифты — это содержимое текст размер на стоит. Какой надо 14 поставить и поставим пусть будет шрифты в нас наборы шрифтов пусть будет. Орёл лотерея очень стабильный такой шрифт, но пока. Так возможно. Хотя вот эти при наведении кнопка. Какого цвета. Мне не нравится меню заливка наведенный будет какой-нибудь синенький вот так получше и вот меню тоже. Пусть будет синенький так здесь будет с каждым такое водка незабудки текст пусть будет белые. Ну вот всё готово нажимаю файл экспорт тему WordPress лендинг пусть будет. ВПР экспортировать на рабочку сохранил файл и этот проект я сохраню ещё по пачке 10 книг VPN сохраняем.

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

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