Создание Landing Page на WordPress

Автор Artur Merichev
Создание Landing Page на WordPress

Приветствуем вас на канале муз-тв мы продолжаем с вами рассматривать способы создания на демонтаж и в данном видео я покажу вам как можно самостоятельно создать на базе.

СМС в качестве примера мы будем использовать мысы для облегчения работы по созданию структуры страницы мы воспользуемся бесплатный плагин AMP page Builder by siteorigin на самом деле этих плагинов на сегодняшний день просто огромное количество яблочный используя именно этот плагин потому, что он довольно-таки лёгкий у него есть визуальный редактор набор дополнительных виджетов. И помимо своих опытов. Он позволяет также задействовать стандартные виджеты WordPress, а также виджеты других плагинов устанавливается он как и все остальные плагины копируем название перехода на административную часть.

Заходим в клан.

Добавить новый вставляем название в поиск вот так выглядит данный плагин нажимаем кнопку установить. Давай плагин позволяет нам очень просто создавать структуру страницу любой сложности при этом он работает практически с. Любой Темой. Но если вы создаете. Уренгой, что вам было бы не. Как подобрать такую тему у которой была бы возможность выводить определенные виджеты в шапке сайта из бесплатных. Тем я могу посоветовать вам тему. Ван тач преимуществом данной. Темой является то, что во-первых позволяет выводить виджеты правом верхнем углу шапки плюс. Она имеет много различных настроек два типа шапки, а также. Она позволяет переключаться между двумя типами. То есть — это может быть либо широкоформатный сайт как сейчас на примере либо же — это может быть сайт фиксированной шириной как например вот здесь и так переходим в раздел внешний вид стоить. Дарья переходим в раздел MSR tents и здесь сразу же мы можем загрузить логотип ссылку здесь нажимаю на кнопку выбрать файл и загружаем изображение. Также вы можете здесь вместо надписи Phone Number ввести какие-то свои контактные данные, но я умею — это делать. Именно таким способом — это лучше сделаем при помощи виджетов поэтому возвращаемся в предыдущее меню. Нажимай на эту стрелочку переходим в раздел я и здесь мы можем выбрать один из видов бокс — это тот который сейчас применён и вот такой вот на всю ширину страницы. Также вы здесь можете выбрать тип меню сейчас установлена меню по умолчанию можно выбрать тепло и меню в этом случае — это будет выглядеть вот так. Однако при таком расположении элементов шапки мы не сможем вывести контактные данные либо кнопку заказа звонка в верхнем правом углу шапку по умолчанию 0 возвращаемся в предыдущее меню переходим здесь раздел навигация и здесь внутри ставим галочку баню чтобы у нас на мобильных устройствах появлялась мобильное меню питания при желании. Вы можете убрать эффект вот этого прилипающее меню для этого достаточно воздействия также здесь снимаем галочку Search in Menu чтобы убрать вот эту иконку поиска потому как наладить поиск принципе не нужен и здесь в самом низу также ставим галочку. Мобайл навигейшн теперь нажимаем сохранить я публиковать нажимаем крестик в верхнем левом углу и переходим в раздел внешний вид виджеты здесь у нас есть область виджетов которая называется хедер в которой мы можем добавить в свои контактные данные либо кнопку для всплывающих формы для этого воспользуемся виджетом текст дали если. Вам нужно указать просто один номер телефона то вы можете указать его в заголовке в этом случае шрифт работать более крупный чем если его. Укажите его разделить содержимое. Если же вам нужно будет вставлять фрагмент кода или фрагмент текста — это выставляет его в поле содержимое я буду выводить всплывающую форму обратной связи. Если вы не знаете как надо пресс можно создать такую форму то подведи я оставлю ссылку на статью которая описана пошаговая инструкция как — это делается и также в конце данной статье есть видео и так мне понадобится вот этот фрагмент кода который нужно вставить содержимое виджете текст в данном коде есть надпись текст место которое я могу вывести какой-то своё сообщение мне сейчас она не понадобится поэтому я и удаляю и также здесь нужно будет заменить щетку от форм обратной связи на тот который будет у вас на сайте нажимаю кнопку сохранить теперь можно обновить страницу и посмотреть, что получилось вот у меня здесь появилась. Вот — это ссылка и я могу из этой же статьи для стерилизации взять ещё вот этот фрагмент кода и скопировать его файл style.css на тему переход сделать внешний вид редактор. Смотрю чтобы здесь у меня был выбран файл таблица стилей style.css и в самом конце добавляем скопированный код и так вот у меня. Моя кнопка изменилась. Единственное чтобы она подходила к сайту я могу ещё поменять ей фоновый цвет далее переходим к редактирование меню для этого. Заходим в раздел внешний вид меню и добавляем сюда нужные пункты произвольные ссылки сейчас сидеть буду в качестве самой ссылки ставить решётку, а затем когда у меня уже будет сформировано структура страницы и я буду представлять здесь якоря для того чтобы можно было вообще данного меню переходить в различные части страницы которые здесь есть я могу удалить после того как все пункты меню добавлены смотрим чтобы она здесь была выбрана область темы и нажимаем на кнопку сохранить больше вас получилось и теперь переходим на формирование непосредственно самой структуры страницы.

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

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