Landing Page on WordPress with the Elementor PRO plugin. Step-by-step creation LP reality show

Result: wplovers.pw/r/...
Download Elementor: goo.gl/KzmYJC
Buy Elementor PRO: goo.gl/upyZ5E
Sorry for my "Russian" English in subtitles. It's still difficult for me =)
If you want to create a landing page on WordPress, then one of the best ways is the Elementor plugin. It will help you can create landing pages on the WordPress no worse than at famous landing pages platforms, and in some cases even better. Another undeniable advantage is that simple landing pages can be create on the free version of Elementor. The Elementor Pro costs a little and has one time fee, not like any landing pages platforms that we need to pay every month.
This video I shot in a reality show format. I did the landing page for my services and then recorded the entire process of creating a landing page. I do not pretend that my lending page is ideal. I still have to add a few important sections to it, which will affect the conversion in a positive way. However, I'm in favor of the project launch model in the state that already done and then tweaking to the ideal in the working process.
Well. Watch the video about creating landing page on WordPress with Elementor, put your fingers up and subscribe to the channel. Enjoy watching!
Voice comments teleport:
06:06 - HTML widget and its CSS styles
09:37 - Save!
22:07 - trick with video
27:48 - popup in the Elementor
01:34:49 - the beginning of work on the tablet version
01:54:53 - the beginning of work on the smartphone version
01:57:53 - width of columns in the smartphone version
02:02:31 - reverse columns in the smartphone version
02:13:51 - remove the horizontal scrolling
02:16:58 - Conclusion
#wordpress ##elementor
Enjoy:
Site - wplovers.pw
Vkontakte - wplovers
Facebook - wplovers1
Telegram - t.me/wplovers
Twitter - / wplovers2

[@DigitalAlex]

Друзья, для того, чтобы сделать это видео, потребовалось отснять около 5 часов материала, отсмотреть и вырезать всё лишнее, чтобы оставить для вас самый сок. Для меня работа с таким объемом материала в новинку и пока довольно сложно всё осваивать. Я провёл кучу времени и сил и поэтому я надеюсь, что вы поддержите меня лайками и тёплыми комментариями. Также, не забывайте задавать вопросы в комментах. Либо отвечу сразу, либо запишу видео. Приятного просмотра и спасибо, что вы со мной! Friends, in order to make this video, it took about 5 hours of material. Took and look and cut all the extra stuff to leave the juice for you. For me, working with this volume of material is a novelty and it is still difficult to master everything. I spent a lot of time and energy and so I hope that you will support me with likes and warm comments. Also, do not forget to ask questions in the comments. Either answer immediately, or will record a video. Enjoy watching and thank you for being with me!

[@Savchuk71]

могу помочь с монтажом, я в теме)), если заинтересует, можно пообщать я плотнее.

[@DigitalAlex]

Игорь, спасибо за предложение! Пока сам хочу поразбираться и нащупать для себя подходящий формат, чтобы понимать, как делегировать.

[@orcan377]

как можно добавить(использовать) свои скаченные .oft Шрифты в Elementor?

[@DigitalAlex]

Пока не разбирался и могу только предположить в теории. Вам нужно добавить шрифты в свою собственную тему или в дочернюю тему существующей. В стилях темы прописываете соответствие шрифтов тегам H, p и по умолчанию для всего body. После этого, нужно зайти в настройки Elementor, на вкладке General поставить галочку в Disable Global Fonts и сохранить настройки.

[@priyankakhan4445]

в формате видео все это можно посмотреть планируется ли у вас ролик об этом?

[@Романыч333]

Александр, здравствуй! Так сказать "подсел" на твой канал, как наркоман какой-то :) Сказать "Спасибо" и поставить лайк за то, что ты делаешь и какой ценный контент (... или бесценный, скорее) предоставляешь нам всем - это очень просто, а вот не поставить - гораздо сложнее. Классно поданный материал, поставленная и грамотная речь без "воды" - профессионализм налицо, в том числе и педагогический. От себя и от лица всех твоих подписчиков (уж пусть меня простят за это) прошу не бросать канал и не менять его тематику! Дай Бог тебе здоровья!!! P.S. А за этот двухчасовой марафон отдельное Спасибище!!!

[@DigitalAlex]

Я в теме и люблю то, что делаю. Дай бог монетизировать нормально всё этого дело, чтобы больше видео делать и тогда вообще хорошо.

[@geon639]

Спасибо огромное, особенно нравится,что непонятные моменты озвучиваются, сразу все осваивается, а то порой смотришь какое-то видео, а автор в нем делает все быстро и непонятно,спасибо еще раз

[@DigitalAlex]

пожалуйста. Скоро перезапишу полностью с комментариями.

[@WEBnew228]

@@DigitalAlex А 49$ ценник за 1сайт?или безлимит на год работы?

[@dar8650]

Автор молодец. Для себя я сделал вывод, нужно точно понимать что в конечном итоге хочешь увидеть, компоновку, дизайн. Остальному научится не сложно. В любом случае вам уважение за то что делаете.

[@СергейЮрьевич-и9ф]

Спасибо за видео-обзоры! Очень помогли разобраться с этим конструктором и остальными плагинами. Хотя, в большей степени, до всего доходил самостоятельно, но азы - Ваша заслуга! Главное, что почерпнул из видео на Вашем канале - это помощь в ориентации нужного и необходимого. Первые мои шаги дались тернисто, переделки и ошибки только добавляли злости и куража. В итоге, справился со всеми стоящими передо мной целями. Два месяца поиска концепции и верстки, четыре месяца наполнения, месяц войны за оптимизацию и переделка изобразительного материала. Сайт (в итоге) получился довольно крутеньким и емким. Характер контента на нём специализированный технического характера, вряд ли кому-то будет интересно, поэтому ссылку на него давать всем не вижу смысла. А начиналось всё прозаично, больше года, предприятие, на котором я работаю, водили занос обещаниями и обманами различные конторки web-разработчики сайтов. При этом, им платились какие-то деньги, а результат был до такой степени примитивным, что хоть вой. Раз выбора нет, то решили делать всё сами, именно так, как мы это видели и хотели. Самое парадоксальное, что это получилось В РАЗЫ быстрее и эффективнее! Было опробовано и изучено несколько движков и их оснащение. Конкурентов WordPress-у, его оснащению, функционалу и дополнений (тупо) НЕТ! Говорю это с сознанием дела, уже из своего, хоть и не такого большого как у автора канала, но (всё таки) опыта! Elementor PRO и JetElementor были приобретены нами официально. Спасибо огромное за все, что "с любовью и на понятном языке"! Огромнейший респект за труды автору канала!

[@ВладиславТицкий]

Это самое воодушевляющие видео из всех!! Предлагаю сделать из него анонс-оглавление. Плагин быстро меняется, а так же можно на про версии делать лендинг... Хотелось бы 6 минутную версию как делается лендинг. И закрепить ее на канале... Причем в описании ссылки на видео настройки отдельных частей лендинга.

[@DigitalAlex]

Владислав, спасибо. Вы имеете в виду так называемый speed art, когда в ускоренном видео делается лендинг?

[@Sonya_monya]

Привет, наконец то понятно и нормальным голосом рассказываешь! спасибо

[@observer9948]

Было интересно и полезно, как начинающий - подметил кучу фишек и тонкостей работы, спасибо.

[@ogorkov]

Александр, здравствуйте! Спасибо вам большое за это видео. Хотелось бы ещё увидеть образец кода HTML для меню лендинга. Если это возможно.

[@forsazh1]

Спасибо за видео :я думал оглох когда сказали, что будет музычка, а стало тихо)

[@sergiilavreniuk]

Хороший материал, что сказать - огромное СПАСИБО Вам Александр!

[@SonVostr]

Приветствую Вас, Александр! Спасибо за труды и за продукт - туториалы. Мне кажется, что подсветка курсора была бы очень кстати так как Ваши видео наверняка смотрит и изучает разновозрастный народ с разносфокусированным зрением )). Удачи Вам!

[@JamesBond-jf4ni]

А в этом элементоре можно делать такие вещи как например. вот приемущества блок допустим иконки с текстом при наведении на один из блоков чтобы допустим под ним появлялся фон ну это эфекты при наведении на различные объекты ??

[@dnevnikdevstvennika_]

23:53 Image box - картинка, заголовок, описание. Карточка в элементор. Очень нужная вещь. До этого еще в вставка видое была. Там можно постер уставить.

[@DigitalAlex]

Видео старое, сейчас поменялось практически всё

[@sultandecora888]

скажите какая тема самая лучшая для создания одностраничного интернет - магазина ?

[@DimaScorpio1986]

Это простая страница , а есть видос как ты делаешь с наложением фото и текстом и анимацеей не по блокам а в разнобой ?

[@АлександрТолчеин-ф1ъ]

Александр, делаете ли вы макет в XD или PSD, перед тем как верстать в elementor?

[@dnevnikdevstvennika_]

33:32 Share divider - наложение зигзага на секцию - очень интересный декор

[@ВалентинЛелюк-л3н]

33:24 - подскажите, пожалуйста, как можно сделать вот такой разделитель, если у меня бесплатная версия elementor , пожет есть какие-то доп плагины? или ссылку на статью где это можно почитать

[@ЕвгенияВождаева-т5ъ]

Здравствуйте, а подскажите как сднлать чтобы выподало боковое подменю в мобильной версии?

[@novorec128]

Товарищ, спасибо тебе за хороший контент. Самое главное не сказал. Набросал я макет, все красиво, а когда внутрь сайта проваливаешься, там то все стремно, оформление для статей от предыдущей темы. Как на многостарничность Elementor настроить, чтобы все также как на главной классно было.

[@СергейГудимов-т2щ]

На душе так херово!!! Но почему-то когда смотрю это видео, мне становится легче ))) Видимо хочу так же уметь )))

[@slavalws7992]

Elementor мечта предпринимателя!😊😊😊

[@DigitalAlex]

И не поспоришь =)

[@slavalws7992]

WPLovers - о Wordpress понятно и с любовью , спасибо за уроки! Это просто топ

[@DigitalAlex]

Благодарю! Будьте подписаны, ещё куча всего в планах.

[@slavalws7992]

WPLovers - о Wordpress понятно и с любовью обязательно! Ждем с нетерпением!

[@МихаилШмаков-б1у]

Здравствуйте! А есть готовый HTML для вставки меню, как вы сделали?

[@JamesBond-jf4ni]

почему в самом начале ты блоки добавляешь они у тебя на всю ширину экрана а у меня нет? у меня по середине на штуке где то

[@ВладимирКапустин-и9т]

Классное видео. Видно Человек делает со знанием дела, круто.

[@DigitalAlex]

Благодарю, Владимир. Это было в самом начале развития канала и всё ещё впереди =)

[@genrygeil]

Также появился вопрос про адаптацию сайта под мобильное устройство. Можно ли адаптировать под разные мобильные устройства с разной диагональю экрана? Если допустим на айфон 6 все смотрится нормально, то будет также нормально смотреться на айфон 5 или айфон 6 плюс?

[@DigitalAlex]

По идее да. Вот если что видео по адаптации kzbin.info/www/bejne/ppCUpY2phKllp9E

[@Артем-и9х3р]

Добрый вечер Александр! Продублировал секцию, как у вас в видео на 23:10, и не могу перетащить ее как у вас в 23:17. Никак не могу понять в чем у меня загвоздка...

[@DigitalAlex]

Здравствуйте. Может быть браузер старый или что-то ещё. Сложно вот так определить. Навигатором kzbin.info/www/bejne/gXaZh4qAoN6sfqM пробовали?

[@Артем-и9х3р]

@@DigitalAlex Браузер свежий и навигатором пробовал. Простым перетаскиванием не получается, помогло только если в настройках секции - расширенные - отступ снаружи выставить до ноля

[@DigitalAlex]

@@Артем-и9х3р Может быть вы достигли предела вложенности?

[@Артем-и9х3р]

Не достиг, было и большее число вложений, и все гуд@@DigitalAlex

[@DigitalAlex]

@@Артем-и9х3р Там в принципе один уровень. В колонку родительской секции можно поместить только одну дочернюю. В дочернюю уже ничего не встанет.

[@БорисГаврилов-с6б]

Добрый день!Подскажите,ширину столбца нужно указывать в каждой секции или где то можно сразу для всего сайта.Например фон я хочу на всю ширину экрана,а наполнение допустим 1140 пикселей по центру.Спасибо

[@DigitalAlex]

Посмотрите вот такой финт с фоном kzbin.info/www/bejne/nJnNdGWAgtR0iMk Если вопрос останется актуальным, пишите.

[@БорисГаврилов-с6б]

Спасибо,все в точку, понял и применил!

[@SerKrut_]

Ккие-то проблемы со звуком на 7 минуте. Исправьте пожалуйста, или перезалейте видео((((. Я Ваш фанат!

[@ИванМеньшиков-э3ъ]

Очень нравится канал и очень-очень данный видео урок. 100% лучший ролик по своей теме. Хочу попросить только больше дабстеп (или что это за музыка) не ставить! Прям слезно и жалобно прошу)))) Есть жанры easy listening, они не отвлекают от содержания и идеально подошли бы сюда.

[@DigitalAlex]

Это единственное видео с музыкой и практически без комментариев. Это были эксперименты в начале творческого пути на KZbin. Больше таких не будет.

[@ИванМеньшиков-э3ъ]

Оу, классно! Большое спасибо за ваш труд!

[@ЭльмираКосман]

Добрый день! Спасибо за видео. Очень интересно! Скачала elementor pro. Нет шаблона canvas. На каком шаблоне лучше делать landing page

[@DigitalAlex]

Здравствуйте, Эльмира! Тогда Elementor был английский. Сейчас я его перевёл и шаблон называется Холст Elementor. Не найдёте, пишите помогу.

[@НиколайПетрович-б9э]

без звука вообще непонятно что вы делаете, хоть я и знаком с элементором. Мышка даже не подсвечивается. Что то все мелькает и меняется, непонятно даже куда смотреть. За проделанную работу спасибо, но дальше 5:49 смотреть не получилось.... если не секрет, расскажите как делать ссылки из меню темы на блоки в одностраничнике. Через обычный редактор ставятся якоря, а как через елементор решить эту проблему? буду очень признателен, если снимете видео на эту тему.

[@Евгений-п5й4у]

сделайте плиз как меню назначать многостраничнику?

[@mc1slongamer586]

Добрый день. Александр, подскажите пожалуйста какую видео галерею (что бы поддерживала KZbin) можно подключить к Elementor (не про версия). Заранее благодарен.)

[@DigitalAlex]

Здравствуйте. К сожалению не подскажу. А так по идее любую, где есть шорткод. Потом в Elementor вставляете с помощью виджета Шорткод и готово.

[@mc1slongamer586]

Большое спасибо за помочь)

[@JamesBond-jf4ni]

И что касается языков сайта как это делается и делается ли вообще тут?

[@artofmaths7202]

Спасибо за видео! Оно было очень полезным. А можно как нибудь сделать таблицу цен на бесплатном элементоре?

[@DigitalAlex]

Можно с дополнениями от сторонних разработчиков ru.wordpress.org/plugins/elementor-addon-widgets/ ru.wordpress.org/plugins/premium-addons-for-elementor/ ru.wordpress.org/plugins/addons-for-elementor/ ru.wordpress.org/plugins/essential-addons-for-elementor-lite/

[@artofmaths7202]

Большое вам спасибо за ссылки!

[@rpovidlo]

Спасибо за видео. Есть один вопрос может подскажите. Как на кнопки в элементоре повесить цель яндекс метрики?

[@DigitalAlex]

Пока что нельзя. Слоупоки из Elementor в курсе о многочисленных просьбах о целях на кнопки и формы, но пока тормозят. Мро метрику я им тоже писал и инструкции давал.

[@kioto_market]

Спасибо за видео. Толи не увидел, то ли добавили потом кнопку вверх, как ее сделать?

[@DigitalAlex]

Это встроенная функция в тему. Если нет такой, то плагин To top поможет.

[@TTTmarketing]

Огромное спасибо за это видео!!! Многие моменты прояснились! Донат за мной ))

[@геналермонт]

Уважаемый Александр, есть ли какая нибудь альтернатива таблицы цен в бесплатной версии ?Может быть какой нибудь плагин порекомендуете?

[@DigitalAlex]

В каком-то из бесплатных вроде было, но не помню. Они как грибы после дождя. Поищите среди wordpress.org/plugins/search/elementor/

[@stig.8261]

Я может чего-то не догоняю...Но не могу понять, как полностью сайт на елементор сделать? Ведь главная страница от шаблона остается!

[@DigitalAlex]

Ещё как не догоняете. Вот так меняется главная страница kzbin.info/www/bejne/sHPJfoyAlqx8g9U А вот плейлист по Elementor kzbin.info/aero/PL32QYVIEEOw8KWZkBZkR7n--v-dBCf4Sw

[@stig.8261]

О спасибо за быстрый ответ! Сейчас посмотрю. :)

[@stig.8261]

Вот теперь все понятно, я как то проморгал этот ролик... Спасибо огромное!

[@DigitalAlex]

Пожалуйста. С просмотрами уроков, постепенно появится понимание, как сделать сайт. Будут вопросы, задавайте под роликами.

[@konstantinburzew8740]

Скажите, а где в Elementor идет внедрение счетчиков Я. Метрики, пиксля и пр.? Где-нибудь есть видео про это? Или все вшивается в файлы темы?

[@DigitalAlex]

Константин, это не в Elementor делается, а как вы верно подметили, либо в теме, либо вот так kzbin.info/www/bejne/e4vRg6GtmNNlhrc

[@konstantinburzew8740]

Круто! Спасибо!

[@beautygirl2226]

будет ролик о дополнениях к элементор AnyWhere Elementor, Essential, Jet Elements?

[@DigitalAlex]

Когда-нибудь - да. Сейчас они сыроватые ещё, часто глючат и я лишь вскользь упоминал о них.

[@beautygirl2226]

я слышала как вы упоминали о AnyWhere можете рассказать о нем? какие фичи добавляется при этом?

[@DrafPale]

Скорость загрузки низкая, это максимум возможно увеличено или можно ещё докрутить, чтобы летал?

[@DigitalAlex]

Вот тут самолёты раздаю bit.ly/2L6pSYe

[@benbo4274]

Подскажите, а картинки с расширением SVG только в платной версии вставляются? Что-то в бесплатной не могу их загрузить

[@DigitalAlex]

По умолчанию WordPress не поддерживает SVG и нужно установить этот плагин ru.wordpress.org/plugins/svg-support/ Далее используйте обычный виджет изображение.

[@orcan377]

Вопросик полноценный сайт многостраничный можно сделать с помощью его используя один шаблон? Pro версию если купить она на всю всегда? и безлимитно можно сайты штамповать?

[@DigitalAlex]

Можно сделать шаблон, сохранить его и применять каждой странице меняя контент. Ещё вариант, можно взять какую-нибудь тему, оставить от неё только шапку и подвал, а всё, что между, делать в Elementor, также с заранее подготовленными шаблонами. Pro версия продаётся в 3 вариантах: для одного сайта, для 3 сайтов и безлимит. Все лицензии оплачиваются раз в год. По истечении лицензии вы продолжите пользоваться плагином, но не будут прилетать обновления и нельзя будет написать в поддержку.

[@DigitalAlex]

У меня ещё отображается вопрос про мультиязычность. Я не знаю, как работает Polylang. Я работал только с WPML goo.gl/Wcn4TP и позже по нему будет обзор. В нём другие языки создаются посредством копирования страниц, записей и привязки их как перевод друг для друга. Вопросы могут возникнуть лишь с выводом кнопок выбора языка? но, думаю тоже решаемо.

[@ЮрийРунович]

Спасибо за видео, лайк! Сейчас на сайте когда курсор убегает с области просмотра страницы выпрыгивает прикольная штука с предложением о помощи, как это реализовать ?

[@DigitalAlex]

Пожалуйста. Вот этим плагином реализовано wplovers.pw/r/ninja/

[@markuswoo2935]

Поюзал я элементор, нормальный билдэр, но у меня вопрос к профессионалам элементора, можно ли на нём сделать quiz для опросов? Типа как quiz landing.

[@DigitalAlex]

Пока нет, но мы работаем над этим.

[@markuswoo2935]

@@DigitalAlex вроде разобрался как можно сделать

[@DigitalAlex]

@@markuswoo2935 и как?

[@markuswoo2935]

@@DigitalAlex использовал плагин wpforms pro версию, это можно реализовать и в contact form 7, но через cf7 коряво всё, есть дополнительный плагин cf7 step by step. WpForms приятнее и красивее. Этим плагином можно простые опросы без картинок вроде. Что касаемо вопросов с картинками, то еще думаю как сделать. Хотя я нуб в css, возможно не хватает знаний, а ты я полагаю сможешь разобраться.

[@МарияПавлова-и1ф4с]

Добрый вечер! А когда закончится действие платной версии, все перестанет работать? Нужно каждый год проявлять?

[@DigitalAlex]

Здравствуйте. Всё продолжит работать, как сделали. Не будет только обновлений Pro, доступа к Pro шаблонам и премиум поддержки.

[@dar8650]

Наверно видео пора переснимать, в новых версиях Элементор можно делать меню и прочие штучки которые в видео делались вручную

[@alexanderbondarev2265]

Здравствуйте, а у вас есть виде о таком: я создал лейдинг пейдж, как его сохранить правильно в библиотеке, а затем как его разместить в интернете, заиранее благодарен, !

[@DigitalAlex]

Такого видео нет. Я этот лендинг сразу в интернете делал.

[@G.R.Z.]

Спасибо за контент, не нашел в какой теме работает Александр? (конкретно этот лендинг)

[@adylkhan1000]

Добрый вечер , не подскажете как наложить картинку на картинку, в каком видео , если есть? Спасибо

[@DigitalAlex]

Адылхан, приветствую. Вот в этом месте упоминал kzbin.info/www/bejne/g4KTp4SeYtuJrKs попробуйте, если не получится пишите.

[@vladislavkhamitov7415]

Александр, здравствуйте! В данный момент почти все ваши уроки из данного плейлиста не актуальны. Есть ли актуальные видео или будут ли они появляться? Спасибо!

[@vladislavkhamitov7415]

К тому же - очень быстро и без объяснений показываете в этом видео, хотелось бы с комментариями (как и ранее) и с новой версией Elementora

[@DigitalAlex]

Это видео одно из первых. Пока нет, но в планах сделать подобное есть. Скоро появится полное видео по созданию сайта. Лендинга чуть позже.

[@DigitalAlex]

Кстати, уроки актуальны почти все. Когда Elementor обновляется, я выпускаю видео с тем, что изменилось и считаю, что в формате KZbin этого достаточно. Будет полный курс по Elementor, но платный и не на KZbin ясно понятно. Только так я смогу перезаписывать неактуальные видео. В рамках KZbin это болезненно для канала, да и времени занимает уйма, которое я мог бы потратить на другие дела.

[@vladislavkhamitov7415]

Спасибо за ответы, Александр! Желаю успехов вам!

[@DigitalAlex]

Благодарю, Владислав! И вам успехов ))

[@nikitabogdan5350]

Ты высший тип!

[@DigitalAlex]

Спасибо =)

[@alexanderbondarev2265]

Александр молодец!

[@АлексаднрПопов-ч5е]

А можно ли сделать в бесплатной версии элементора в виджете html ,белый текст? Если да то как преобразовать тот html код который у вас на видео? Получается только синим писать) С плагином который вы рекомендовали ниже, не разобраться самому, а кнопки не подходят по дизайну

[@DigitalAlex]

Александр, попробуйте сделать меню плагином из этого видео kzbin.info/www/bejne/foKyZaSofd-bhpI Он кривенький косенький, но может выручить.

[@serikshapshanov6656]

Добрый вечер можете подсказать подходящую тему для элементор

[@DigitalAlex]

Добрый вечер. Сам Elementor в документации рекомендует вот такой список docs.elementor.com/article/78-themes Но дальше самостоятельно и методом тыка подбирайте. Я пока использую Generate Press бесплатную версию, но буду делать свою тему.

[@sergeproductiondirector2372]

Все видеоролики из плейлиста восхищают и показывают Автора - как очень знающего человека, человека абсолютно "в теме". Восхищают все видеоролики, кроме (к сожалению) этого. Здесь Автор повредил своему титаническому труду тем, что решил почти не комментировать это видео. Поэтому часто возникает броуновское движение. Если бы Автор знал, что ему надо сейчас что-то комментировать, то он точно бы заранее понимал, куда сейчас он нажмет мышкой, и поэтому делал бы меньше лишних движений. Комментирование очень дисциплинирует любого создателя видео и облегчает восприятие материала. Теоретически это видео можно было бы еще раз вставить в плейлист как "LANDING PAGE НА WORDPRESS С ПЛАГИНОМ ELEMENTOR PRO. РЕАЛИТИ-ШОУ-2 (УЛУЧШЕННОЕ) ПО ПОШАГОВОМУ СОЗДАНИЮ ЛЕНДИНГА", но уже хотя бы с графическими комментариями: субтитры / тексты и стрелки, подчеркивания... (воспользовавшись, например, программой Camtasia Studio или чем-то подобным). Но практически это, конечно, сумасшедший труд, и его мы не вправе ожидать от Автора. Остается только радоваться, что когда-нибудь Автор напишет платный учебный курс, который мы с удовольствие будем покупать. А пока, наверное, лучше смотреть это видео не в ускоренном темпе, а в самом медленном. Как лучше всего, на мой взгляд, работать с этим видео: 1. Сохранить все картинки (отсюда: wplovers.pw/podderzhka-sajtov-na-wordpress/ ), которые сохраняются, а которые не сохраняются, вырезать с помощью какой-нибудь программы (например, FastStone Capture... или просто сохранять частями скрины, а потом сделать нарезки в PhotoShop); картинки будут не идеальные, но это не очень важно для учебного макета. И, МОЖЕТ БЫТЬ, УДОБНЕЕ: 2. Скачать видео себе на компьютер (например с помощью UmmyVideoDownloader). 3. Иметь хороший плеер, который может гибко замедлять и ускорять видео (например, бесплатный VLC media player). И РАДОВАТЬСЯ... что появился такой увлеченный человек этим супер-конструктором.

[@DigitalAlex]

Сергей, спасибо за ваш комментарий! Это видео было, можно сказать в самом начале. Я тренировался и не понимал, что и как делать. Сейчас почти дописана программа курса по созданию многостраничного сайта. Я думаю, что в понедельник или во вторник начну записывать уже. Курс будет бесплатный, проба пера так сказать. Выкладывать буду в отдельном плейлисте и вводном уроке объясню как проходить. По лендингу тоже будет, но позже, ибо не робот =) Единственное, исходников тоже не будет, так как буду показывать на примере реальных проектов. Клиент не против показать, как будет делаться, но исходники не дам. Сейчас я, благодаря вашему комментарию кстати, сделал отдельный полигон wpground.pw/ где постепенно буду выкладывать отдельные приёмы дизайна в Elementor и демонстрацию возможностей. Можно будет посмотреть, покликать и скачать готовые исходники, загрузить в качестве шаблонов и использовать. Так что, терпение, поддержка конструктивными комментариями и со временем всё будет. Канал создан в конце мая 2017, молодо-зелено, так сказать. Однако, благодаря почти 10 летнему опыту сказать есть что, поэтому постепенно всё будет.

[@businessforbusiness1185]

Автору видео большой респект не каждый вот так возьмёт и будет обучать людей классным штукам бесплатно. Огромное спасибо за старания и разъяснения по этому плагину давно роюсь в интернете в поисках обучающим роликам по этому плагину. А пишу я вот по какому поводу у меня затруднения в составлении страниц, какого плана да дело в том что нет у них кнопки или я её найти не могу "кнопка шаги назад" то есть я например сделал что то не правильно и вернуть прежнию позицию ни как не могу найти если токае есть, а если нет этого то у меня к Вам прозьба попросите их чтоб они внедрили такой вариант чтоб можно было листать назад, вперёд страничку для её редактирования. А если есть такая функция то пожалуйста подскажите где это можно сделать а то замаялся уже и после каждой ошибки приходится перезагружать страницу и делать по новой а это ой как не удобно и тем более если до этого не сохранился то откатываешься далеко и всё по новой делать приходится, да и перезагружать тоже не дело вот кнопку бы назад раз и всё.

[@DigitalAlex]

Пожалуйста =) Можете перестать искать, вы нашли. Уже 50+ видео снято по Elementor kzbin.info/aero/PL32QYVIEEOw8KWZkBZkR7n--v-dBCf4Sw А про отмену действий, вы об этом? kzbin.info/www/bejne/eJqvq3mtrcxmick

[@businessforbusiness1185]

Да это но это не так удобно и много лишнего было бы проще просто кнопку назад вперёд и всё. За ответ спасибо и за видио что вы делаете очень и очень полезно спасибо 1000 раз как на этом начну зарабатывать обязательно вас не забуду и отблагодарю да и за перевод спасибо вы супер чел! Успехов вам и крепчайшего здоровья!

[@DigitalAlex]

Благодарю за пожелания. Здоровье мне понадобиться, так как ещё многое нужно сделать.

[@make7782]

Я сам новичок, и мне не понятно как, создать полностью на плагине и оптимизация под SEO будет работать? ну например title, description в плагине есть ?

[@DigitalAlex]

Просто каждую страницу создаёте и всё. Для SEO есть отдельный плагин Yoast SEO.

[@romanvovk4259]

Как сделать чтоб страница полностью пустая была, без меню и всякого лишнего что в шаблоне идет?

[@mikhaileroshevich965]

Было бы интересно узнать, откуда картинки для сайта) Самостоятельный дизайн?)

[@DigitalAlex]

Это иконки и фото с бесплатных сервисов. Отредактированные, естественно. Где скриншоты - делал самостоятельно. Сейчас курс на канале идёт, в рамках курса дам все сервисы. Ну а если приоткрыть завесу тайн то вот здесь можно посмотреть wplovers.pw/resursy/ =)

[@mikhaileroshevich965]

спасибо большое)

[@НикитаТаронов]

У меня у одного проблемы со звуком? в начале нет музыки, после голос ваш прерываетсяна 7:09

[@I.V.A.N]

Спасибо за обзор!

[@sergeproductiondirector2372]

Делая лендинг на Elementor, с большой вероятностью придется столкнуться с необходимостью установить виджет типа "Вася Пупкин, г. Краснодар, сделал 1 заказ на 2000 р." (призыв, дедлайн). Для html или просто php сайтов такие виджеты найти можно. Но как их внедрять в Вордпресс, а тем более в Elementor? Не сталкивались еще с этой проблемой? Может, плагин какой есть... В поиске я пока не нашел.

[@DigitalAlex]

Сергей, да какая ж это проблема. Это задача и наверняка вполне решаемая =) Я уже видел такие всплавашки на иностранных сайтах и лендингах товарки. Можете кинуть пример сервиса или скрипта?

[@sergeproductiondirector2372]

Хорошо бы, Александр. Но загвоздка существует =) Виджет-то у меня есть, мне его на курсах по товарке дали. Но там никто на Вордпрессе не делает лендинги. А инструкция такая: "1 шаг - находим наш сайт в хостинге, папку с файлами сайта 2 шаг - открываем файл index (php или html) и вставляем в самый низ код, прямо перед хеш тегом он там всегда в самом низу! Перед ним, это значит выше его) 3 шаг - копируем и распаковываем файл «yved.zip» прямо в корень папки. Там где все Файлы :)" НО ПРОБЛЕМА ВОТ В ЧЕМ ... в корневом index.php нет никакого ; НЕТ его и в других трех index.php (в wp-content, в themes, в самой теме: generatepress). А САМ ВИДЖЕТ со всеми инструкциями любой человек может скачать у меня с Яндекс.Диска в запакованном файле VPK.zip (сокращенно от Виджет "ПетяКупил"). Ссылка: yadi.sk/d/VBb6qZ5D3QnVsq - ЛЕГАЛЬНО.

[@DigitalAlex]

Сергей, я поковыряю и сделаю видео, если получится, ибо фишечка не только товарщикам интересна. Подскажите какое-то ключевое слово, кроме "товарка" и "ПетяКупил", по которому могут искать это решение, а как следствие и видео? Это я уже о своей выгоде подумал 😉

[@sergeproductiondirector2372]

Александр, пока пришло на ум только такое: CTA (Call-to-Action = Призыв к Действию), попап (и все варианты: pop up... и т.д.) Сейчас думал, искал, но... Если вдруг озарит, сообщу сразу же))

[@DigitalAlex]

Хорошо, Сергей. Подумаю перед публикацией видео. Главное подключить.

[@artmexx]

Отличное видео, но почему то иногда звук пропадает

[@DigitalAlex]

Ютуб музыку вырезал за авторские права. Там комментариев моих не было в этот момент.

[@3d_logovo]

Спасибо)!! но звук конечно вырезал на отьебись)))! Конкретно куска монолога нету))

[@DigitalAlex]

KZbin вырезал за авторские права музыки кусок.

[@melnikovvladimir5910]

Лайк！То что нужно！ Если Вы скрываете Header , мне кажется, это не лучшим образом скажется seo.Или я не прав？

[@DigitalAlex]

Не понял про скрытие Header. Лендинги в принципе не предназначены для SEO. Они делаются под CPC-CPA трафик (платный из рекламы).

[@nairri]

Не могу установить Elementor как главную страницу, точнее устанавливаю но заголовки от темы не исчезают, что делать ?

[@DigitalAlex]

Думаю вот решение kzbin.info/www/bejne/sHPJfoyAlqx8g9U

[@АлексаднрПопов-ч5е]

Все как люди пишут ответы там где положено а мои ответы ютуб не принимает) Спасибо! цвет поменял) А как этому меню приделать функции? создавать отдельные страницы под каждую графу? или может в самом элементоре можно как то попроще сделать?

[@DigitalAlex]

Ютуб вообще ведёт себя странно последнее время с комментариями. Для начала расскажите, вы использовали меню из моего видео, на которое я ссылку давал или создали в виджете HTML? Если первое, то создаёте страницы и добавляете их в меню. Меню настраивается здесь: Внешний вид > Меню. Кстати, можно ведь ещё вот так сделать kzbin.info/www/bejne/bIG1lmqnmJ10g7c

[@АлексаднрПопов-ч5е]

написал по образцу как на видео, в html

[@АлексаднрПопов-ч5е]

оо, теперь получается писать ответы)

[@АлексаднрПопов-ч5е]

Всё получилось настроить спасибо большое) Начал оптимизировать сайт под мобильные устройства и столкнулся с тем, что шапка пропадает во всех вариантах настройки или частично или полностью, а так же подвал, не подскажите куда можно посмотреть что бы это исправить? плюс ещё настраивая например вид сайта на мобильном, меняется настройка вида и на обычных устройствах, знаю что где то я что то пропускаю но никак не могу понять где именно)

[@DigitalAlex]

Если сделали шапку и подвал с помощью header footer elementor, то оптимизируйте их в шаблонах, которые назначили. По поводу того, что вы редактируете на мобильном, а меняется везде, так быть не должно. Но тут может быть масса нюансов и я не скажу однозначно.

[@moscowtour6328]

Не могу понять как в бесплатной версии колонки внутри секции двигать. Например есть 3 колонки, хочу что бы все они были сдвинуты вправо. Но первая вообще не двигается. Регулируется только вверх и вниз, и по ширине. А где отступ с права и слева?

[@DigitalAlex]

И в бесплатной и в платной колонки одинаковые. Посмотрите серию уроков: секции, ряды и колонки. Уверен, что станет понятнее. 1) Структура макета Elementor kzbin.info/www/bejne/aKm6ZoCDfrKXbtU 2) Настройка макета Elementor kzbin.info/www/bejne/inTSfIdpZs6Amck 3) Стили макета Elementor kzbin.info/www/bejne/i2LWdYKwoKabidk 4) Расширенные параметры макета Elementor kzbin.info/www/bejne/pKDYdqKlfLBrsNU

[@ПавелКрушев-ж6э]

Здравствуйте, не могли бы вы объяснить почему когда я делаю сайт через плагин elementor, бывает такое что на в нем сайт отличается чем на самом деле (речь идет конкретно про размер фоновой картинки и текста в нем). То есть я вижу его в elementor в одном виде, а другие видят его по другому. Что с этим делать？Заранее спасибо

[@DigitalAlex]

Здравствуйте. Разные разрешения, разные операционные системы, разные браузеры. В разных браузерах даже шрифты отрисовываются по-разному и тут вы увы ничего не сделаете. Подо всё точно не подгоните. Вообще посмотреть бы скришоты или фото экранов с тем в чём разница.

[@ПавелКрушев-ж6э]

@@DigitalAlex спасибо, я уже решил проблему, проблема была в другом плагине, после отключения все нормально стало показывать

[@erdauletbayangali7470]

Автор хочу сказать большое вам спасибо за такой труд, вы помогаете сделать мир лучше. Но у меня вопрос,1. как сделать градиентную кнопку.2. Как сделать вертикальную линию.3. Как добавить свои иконки. Стандартные и есть нужные и много, но когда нибудь свой понадобится. Желательно это сделать без "картинка с текстом".4. Как красиво оформить форму об.связи.Задний фон, иконки опять таки чтоб было и свои.Благодарю заране. Пс: я знаком с хтмл и цсс. Можете смело говорить. А если таково нет то скажите разрабам пожалуйста. До 9 апреля успеем))))

[@DigitalAlex]

Спасибо! Отвечаю на вопросы: 1. Только через css. Задать на вкладке Дополнительно или в теме, предварительно прописав класс 2. Никак, либо через тот же CSS 3. Ставите виджет изображение и делаете хоть миллион иконок. SVG тоже поддерживается, только нужно установить плагин SVG support. 4. Красиво понятие растяжимое. Иконки на поля ставьте через CSS, встроенной функции нет. Либо через :before, либо через background-image

[@erdauletbayangali7470]

А где призыв к действию? Последним или неким обновлением оно слетало кажется не так ли?

[@DigitalAlex]

Вы про виджет "Призыв к действию"? Наверняка были проблемы, но их быстро чинят минорными обновлениями.

[@erdauletbayangali7470]

И кстате где хранятся все шаблоны и блоки елементор было бы здорово если все сделать быстро на локалке и залить на сервер

[@DigitalAlex]

Разметка храниться в базе данных, а css в отдельных файлах. Не выиграете вы во времени. У меня вот наоборот в сети всё быстрее работает, чем локально. Несмотря на ssd и прочие плюшки.

[@konstantinburzew8740]

Огромное спасибо за огромную проделанную работу! Было сложно, но туториал освоен. 2 вопроса позволите? 1. Как все-таки сделана синхронизация кнопок «Подробнее» во втором блоке? Видел другие ролики на тему, но все повторенные действия не позволяют даже нажать на эти кнопки. Прописывал optin в обоих плагинах и ничего не вышло, откуда код elementor-template-id берется опять же непонятно. Вообщем одни вопросы. Помогите разобраться. 2. Как сделана стрелочка поднять наверх? Это плагин Scroll Top?

[@konstantinburzew8740]

с попапом разобрался, запятую забыл указать в css

[@DigitalAlex]

Кнопка вверх плагин To top.

[@konstantinburzew8740]

Спасибо! Скажите, а как делается шорт-код кнопки из Elementor? У Вас во всплывающем окне "Защитите ваш сайт" ведь именно с помощью него появилась?

[@DigitalAlex]

Да, с помощью него. В бесплатной версии его нет. Нужно использовать стороннее дополнение Enywhere Elementor. В платной в библиотеке шаблонов берётся.

[@konstantinburzew8740]

в платной версии можно сохранять кнопки отдельно? а то в обычной как будто только секции и страницы. в платной будут высвечиваться шорт-коды в отдельном столбце при заходе в библиотеку?

[@konstantinburzew8740]

Делал по этому туториалу страницу и че-то все никак не доходили руки спросить, а сейчас прям приперло - почему у меня с svg так странно себя Elementor ведет? Он совершенно отказывается масштабировать вектор, сначала при загрузке показывает лого (или любой другой элемент) в предустановленном размере и сразу же после загрузки всех остальных компонентов страницы происходит рывок и показывается полный размер картинки. Хз, я не понимаю даже как это регулировать. Получается проще с png иметь дело.

[@DigitalAlex]

Размер изображения какой ставите? Нужно ставить полный и всё будет регулироваться. Только что проверил, работает.

[@konstantinburzew8740]

Да вроде полный, попробую еще поразбираться. Cпасибо

[@edgarsivanovs7431]

Отличный обзор, только на 44 мин, вставляете одну картинку а там как слайд из трех - как ???)

[@DigitalAlex]

Это гифка. Изображение в gif формате. Забейте в поиск gif generator и сделайте такую же.

[@edgarsivanovs7431]

Была такая мысль, спасибо

[@ВикаЛозовская-ф9х]

Вы не подскажите как убрать белую полосу сверху и снизу лендига, я убрала шапку и подвал в настройках, но полоса сверху и снизу никуда не ушла, и при просмотре сайта она видна.

[@DigitalAlex]

Шаблон страницы Холст Elementor исправит ситуацию.

[@dmitri48ru]

а как мне английский язык поставить. у меня все на русском хочу на англ перейти чтобы было понятно

[@HackerMan-mb4dr]

Здравствуйте! Прошу помощи: почему на мобильных устройствах не отображаются фоновые картинки? (которые в css, на заднем плане). В режиме отображения всё нормально, но на реальных мобильных устройствах не отображаются. На компьютерах всё норм отображается. Спасибо.

[@DigitalAlex]

Здравствуйте. Вы сами их прописывали в CSS или те что Elementor фоном на секцию поставил?

[@HackerMan-mb4dr]

​@@DigitalAlex Спасибо за ответ, но с ошибкой уже разобрался: фоновые изображения (что на секции), у которых включена функция закрепления не отображаются на телефонах совсем, было бы логично если бы они становились прокручиваемыми для мобильных устройств... но есть как есть.

[@DigitalAlex]

@@HackerMan-mb4dr А, ну да. Это CSS свойство не работает на устройствах.

[@rossvet4672]

Отличное видео, но где исходники для сайта этого?)

[@DIYCENTER]

Как опубликовать сделаный шаблон? Почему то публикуется стандартная тема.

[@DigitalAlex]

Я думаю, что дело в этом kzbin.info/www/bejne/sHPJfoyAlqx8g9U

[@temachorlovsky5277]

А где иконки взять такие хорошие ?

[@DigitalAlex]

kzbin.info/www/bejne/ppvScouorrdjY8U

[@геналермонт]

Столкнулся с такой проблемой: в браузере uc browser не работает мобильная версия.И сайт видит как отдельно набросанные картинки.Кто сталкивался с такой проблемой?что делали?

[@DigitalAlex]

Не сталкивался, так как не использую этот браузер. В других популярных нормально?

[@геналермонт]

В других всё хорошо

[@DigitalAlex]

Думаю, что проблема в браузере. Где вы его нашли то такой?! 😅

[@babefax]

40:33 как трек называется😅😰

[@DigitalAlex]

Не помню уже. Шазамьте ))

[@maxmixfice1105]

Друзья привет! Может кто знает существует ли плагин, который сделает твой сайт адаптивным для разных браузеров. Я сделал сайт, но он плохо отображается во всех браузерах кроме гугла. Кто знает подскажите пожалуйста!

[@DigitalAlex]

Максим, ответил под другим комментарием.

[@MichailSPb]

А нельзя в следующий раз помедленнее нажимать кнопки? А так все весьма доходчиво. Плагин покупать не стал. Скачал платную версию на rutracker.org.

[@Романыч333]

С каждого заказа на сайт буду переводить тебе 1000 руб. в благодарность за твои труды. Ссылки на донаты на твоём сайте живы? ... или напиши актуальную сюда

[@DigitalAlex]

Благодарю )) Да, всё актуально wplovers.pw/donate/

[@Berikvision]

Видео урок шикарный! И все ваши уроки классные! Продол​жайте в таком же духе! Но сайт который вы делаете построен на очень негативной информации! Прям ужас какойто!

[@DigitalAlex]

За помощью по сайту не от хорошей жизни приходят. Не важно позитив или негатив на сайте, важно продаёт это или нет. Этот сайт продавал, пока я не приостановил поддержку. Услуга будет переупаковываться и в следующий раз сделаю иначе, хотя если посчитаю, что нужно добавить боли, я её добавлю. В этой боли клиент видеть себя. Я "расчёсываю" его болячку, а мне только этого и надо. Учитесь видеть за негативом определённые намерения. Поможет и в сайтостроении, и в жизни, и в бизнесе.

[@Berikvision]

WPLovers - о WordPress понятно и с любовью «расчесывать болячку», о Боже..😬😬☠️. Намерения вижу, как их не увидеть.

[@orcan377]

Жаль стиль не льзя в бесплатной версии делать. Как сделать меню без ПРО что например у меня чёрный фон а буквы должны быть белыми как это сделать написал такой код ываываt ываваыываыr ывава ываыва как их сделать белыми? без про версии?

[@DigitalAlex]

Вариант 1 - сделать не с помощью произвольного HTML, а, к примеру виджетом: заголовка, текста, кнопки, настроить под себя, размножить и разметить якоря так как нужно. Вариант 2 - установить плагин Simple Custom CSS и задать стили меню через него. Но это немного сложнее.

[@orcan377]

спасибо Всё получилось)!

[@beautygirl2226]

и локальные шрифты как подключать?

[@DigitalAlex]

Например вот так kzbin.info/www/bejne/rnfJoHl7l7aYbsU

[@1rogg1]

туюб выключил звук, видимо ваш голос попал под авторское право :)

[@НинаАнтоновна-д2г]

Не было меню,прошел год и чего только тут нет)

[@DigitalAlex]

Ну да, Elementor развивается и обновляется. Теперь и меню есть и ещё много чего.

[@svatsergej8482]

Прошу помощи, не работает Elementor не пойму почему ... что я делаю не так

[@DigitalAlex]

Шаг 1 - посмотреть это видео kzbin.info/www/bejne/lZLVf3ttZ7aBaJY и сделать,как там говорю. Если не поможет, опишите проблему подробнее.

[@ЕвгенийГромов-м2ы]

А с комментариями такого видео не планируется? А то все не усмотришь. С комментариями цены этому видео не было бы.

[@DigitalAlex]

Планируется. Предыдущие дела закончу и будет про лендинг уже пошагово.

[@alexkurz7706]

Спасибо.

[@DigitalAlex]

Пожалуйста =)

[@kadrovikdon]

хреново, что без pro подписки невозможно настроить кнопки меню ((((((

[@romanboss2416]

В мобиле такая шляпа получилась.. хз где я повернул рн туда..

[@enzoen6155]

Для меня дилетанта такой вариант подачи материала не подошёл, без звука резко снижается восприятие материала. Рекомендованные автором видео, которые надо посмотреть до, так же не помогли. Если знаком с Elementor зачем смотреть? Если не знаком то потратишь слишком много времени на изучение в такой подаче (может это только для меня так).