Как быстро сделать качественный Landing | Elementor + Redux
ฝัง
- เผยแพร่เมื่อ 8 ก.ย. 2024
- ↓↓↓
Уроки по Веб Разработке - geniuscourses....
Мой партнер, хостинг FirstVDS - firstvds.ru/s/...
Надежный хостинг FirstVDS! Переходи по ссылке и получай скидку 25% на первый месяц на любой тариф.
Понравилось видео? Поддержки автора на boosty.to/bedev и получи уникальные закрытые курсы с практикой и поддержкой автора. (Описание ништяков для подписчиков в этом видео - • Как поддержать автора ... )
Подпишись на меня везде, чтобы не потеряться:
---------------------------------------------
Telegram - t.me/bedev
TH-cam - / crik0va
Yandex Zen - zen.yandex.ru/...
VK - bedevel...
FaceBook - / russianwp
Instagram - / sochirca
LinkedIn - / alexandr-sochirca-1669...
Шаблоны для WordPress разработанные автором видео:
1.envato.marke...
Скачать html шаблон используемый в уроке можно по ссылке в нашем телеграме (Подпишитесь на наш телеграм) t.me/bedev/115
*Понравилось видео? Поддержки автора на **boosty.to/bedev** и получи уникальные закрытые курсы с практикой и поддержкой автора. (Описание ништяков для подписчиков в этом видео - **th-cam.com/video/qLrK8-NrQ9E/w-d-xo.html** )*
На этом канале лучшие уроки по WP в ютубе)
9:36 Правильная вставка скриптов в футере. wp_enqueue_script(). wp_footer().
11:48 Вставка хэдера. language_attributes(). wp_head(). тег noscript. get_template_directory_uri(). body_class(). wp_body_open(). wp_nav_menu() (16:50), esc_url( ) + home_url( )(17:32), bloginfo() (17:40), get_bloginfo( 'description', 'display' ) (17:58)
19:24 Подключение скриптов через functions.php
22:42 Подключение стилей. Удаление лишнего кода из style.css (23:10)
26:00 Скрипт wp_enqueue_script( 'comment-reply' ) ("ответить на комментарий") (нужен, если на сайте есть форма ответа на комментарий)
27:46 Навигация, register_nav_menus() (28:22), esc_html() (30:10), wp_nav_menu() (31:47)
35:34 Подготовка к работе с Elementor. Создание статической страницы. Удаление сайдбара (get_sidebar()) из page.php (36:52). Удаление комментариев (37:20). Удаление кнопки "edit" из content.php и content-page.php (37:31). Возможное удаление лишних метаданных из content.php (38:03)
38:40 Elementor (начало работы)
39:20 Создание виджета
45:32 Создание папки widgets и в ней файл about-widget.php
45:58 Удаление init_controls() (до этого - удаление строки add_action('elementor/controls/controls_registered', [$this, 'init_controls']);)
46:28 about-widget.php
49:55 Добавление контролов (полей) в виджет (elementor-controls). 50:45 Пояснение по about-widget.php.
51:48 Создание своих категорий
Что удалял из шаблона: 54:07, 54:30 (удаление вывода заголовка и ненужной разметки), 57:52
55:57 Делаем свои поля, чтобы задать свои слова. Копируем $this->add_control () с сайта. Добавляем esc_html()(57:00).
58:15 Следующее поле - textarea
58:54 Поле "картинка"
1:00:11 Связываем поля с фронтендом. Ссылку (2 способа) (1:03:26), esc_html_e()(1:04:17)
1:05:36 Решение проблем с разметкой. Настройка ширины контейнера (1:08:57).
1:10:16 Второй виджет
1:16:43 Создание репитеров. 1:17:56 Настройка репитеров. 1:18:50 Удаляем значение, меняем название полей. 1:21:09 Задание полей. 1:22:08 Вывод репитеров
1:26:02 Навигация
1:28:47 Минусы Elementora с точки зрения SEO-оптимизации.
1:27:10 1:29:50 Шапка и Футер. 1:31:19 плагин Header, Footer & Blocks. 1:33:46 Редактирование футера. 1:37:33 Redux. 1:38:03 Кастомайзер. 1:40:50 Удаление лишнего кода и файлов. 1:44:28 Удаление/изменение ненужного кода. 1:45:21 1:48:55 Достаем данные во фронтенд
1:50:47 Изменение других разделов 1:50:57 Раздел контактов
1:52:06 Про поля
норм так заморочился
Ждём ООП. Преподавание супер. Спасибо.
большое спасибо вам. ждем ООП
До чего же офигенно!!! Прям очень понравилось, не знал что так тоже можно)
Спасибо за видео! Очень полезный контент!
Круто,ждем ООП!)
Спасибо, нашёл именно то, что нужно. Сижу повторяю шаг за шагом.
Супер крутой урок.
Спасибо, Александр.
Привет, жду полное руководство по php для ООП, с бестпрактиксом конкретно в WP
Ты топ!
Клёвая футболка, спасибо за видос
Подскажите пожалуйста зачем нужна функция content_template()? В документации увидел эту функцию вроде как предназначен для страницы редактирования но если его не использовать то все работает отлично. Спасибо за урок!
Спасибо за информацию!!!
Спасибо за урок, я даже не знал что можно создавать свои виджеты - это круто.
Вот только страницы "creating an extension for elementor" на сайте нет, на какой странице теперь находится нужный код?
Скажите! А в чем минусы создание того же простенького лендинга на бесплатной вордпресс теме той же астре или oceanwp , путем ее редактирования через элементор и встроенный редактор, не трогая кода?
Gut !!!
а если нет готовой верстки, то вы также делаете?! Или просто натягиваете на Elementor без кода?! Мл наоборот через код?!
Я что то пропустил, почему нельзя всё это сделать просто на элементор без вмешательства в код?
А стили свои и скрипты как будут работать ? + Theme Options тоже через код нужно делать.
при переносе натянутого сайта на хостинг, начинает глючить елементор, при активации плагина елементор который мы создавали.
1. Редактор не открывается, кружится загрузка в блоке где добавлять шаблончики.
2. В админке появляются белые экраны.
Какие варианты решения могут быть?
Здравствуйте, скажите пожалуйста, есть ли у вас общий чат для подписчиков, где можно задать вопрос, который невозможно решить на хабре?)
Спасибо, отличное видео, подскажите будут ли исходники?
В описании ссылка на шаблон.
Добрый день,подскажите,а как в elementor или в wordpress сделать фиксированную версию сайта чтоб одинаково смотрелось как на мобильном так и на пк? верстать не умею, но про viewport знаю. Но в данный момент делаю все через элементор,просто конструирую чистую страницу. Знаю что это не правильно,но все же вопрос.
ждём ООП
Привет, как тебе мак бук про 13 на м1 чипе?
Для web( вёрстка и т.д.) Не мало ли будет 13 дюймов?
Чего мля?
Как сделать чтоб админ мог сам добавлять и убирать социальные ссылки в футере, через redux? Кто-нибудь знает? Узнал про расширение redux repeater, но оно вроде как платное. Есть другие способы?
40:59 Просьба сделать курс по ООП
42:27
сейчас на сайте элементора структура кода для создания виджета по другому выглядит, если даже url вбить как на видео - редиректит
Есть момент...
как решили этот вопрос?
@@NeBog74 по такому пути нашел все что мне надо:
/docs/widgets/simple-example/
/docs/addons/addon-example/
/docs/controls/data-controls/
@@evgeniyprowork топич!
@@evgeniyprowork но я все равно не нашел аналогичного кода
ООП в студию please. Gut ?
Скажу сразу что просто посмотреть не получится. Видео тематическое и не даст вам ничего вообще. Что бы хоть какую то пользу извлечь из этого видео то нужно обязательно конспектировать, и разумеется пробовать на исходниках. Именно не что то одно а и конспект, и практика. Видео крайне нагружено и эти два часа вы пройдете не за два часа точно. Ну и о рекламе: это тот самый случай , когда реклама из видео оказывается полезной и у меня, к примеру, попала в конспект. У этого человека и бесплатные то видео весьма вкусны а платные, я подозреваю, еще вкуснее.
Джуниор все гуглит а сеньер все нагуглил.
"Качественный Landing" и "Elementor + Redux" - это уже две несовместимые вещи, которые нельзя ставить в одном предложении даже.
А ещё помельче шрифт в редакторе кода сделать можно было? Для себя этот видеоурок записывал или для своих подписчиков?
Это Спарта! В ИТ только с хорошим зрением) Тренировка для глаз и мозга!
P.S. Для следующего урока верну по крупнее как раньше. Тут форс мажор случился.
@@bedeveloper главное, что с рекламой всё нормально и никаких форс-мажоров не случилось с ней.
С мобилы чтоли смотришь? На пол экрана шрифт.
Что за дурацкие советы не использовать санитайзинг на фрилансе?
Наверное от цифр в бюджете зависит. Если цифр мало - заморачиваться не стоит)
@@antonhonchar Да какая разница сколько цифр? Делать всегда надо качественно. Если подписался на выполнение работ за указанную сумму, значит твои проблемы. Но рукожопить из-за того, что считаешь, что тебе мало платят - это не вариант. Надо было не браться, если бюджет маленький. Ни кто ж не насильно не заставлял.
@@woodzimierz9621 Возможно Вы не совсем верно меня поняли) Рукожопить в любом случае не стоит) Одно дело, когда работаешь почасово над проектом, другое дело, когда ограниченный бюджет и конкретные задачи. Вы ведь не будете проект , скажем за 300$ доводить до совершенства в течении нескольких недель? P.S. Большинство клиентов даже не знает, и не оценит Ваши труды по поводу санитайзинга)
@@antonhonchar Я либо поставлю в известность заказчика, что не все так просто и подниму цену, либо просто не возьмусь за низкооплачиваемый проект.
@@woodzimierz9621 Как вариант) Мир Вам✌️