Как быстро сделать качественный 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

ความคิดเห็น • 59

  • @bedeveloper
    @bedeveloper  2 ปีที่แล้ว +1

    *Понравилось видео? Поддержки автора на **boosty.to/bedev** и получи уникальные закрытые курсы с практикой и поддержкой автора. (Описание ништяков для подписчиков в этом видео - **th-cam.com/video/qLrK8-NrQ9E/w-d-xo.html** )*

  • @pavelsobolevsky3964
    @pavelsobolevsky3964 3 ปีที่แล้ว +9

    На этом канале лучшие уроки по WP в ютубе)

  • @user-iz9sj1nn5q
    @user-iz9sj1nn5q 2 ปีที่แล้ว +8

    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 Про поля

    • @sia4281
      @sia4281 2 ปีที่แล้ว

      норм так заморочился

  • @BAS-64
    @BAS-64 3 ปีที่แล้ว +13

    Ждём ООП. Преподавание супер. Спасибо.

  • @mr.z8550
    @mr.z8550 3 ปีที่แล้ว +6

    большое спасибо вам. ждем ООП

  • @deadscorpion1200
    @deadscorpion1200 3 ปีที่แล้ว +1

    До чего же офигенно!!! Прям очень понравилось, не знал что так тоже можно)

  • @irina-s
    @irina-s 3 ปีที่แล้ว +3

    Спасибо за видео! Очень полезный контент!

  • @Mihail_AVITO_PRO
    @Mihail_AVITO_PRO 3 ปีที่แล้ว +2

    Круто,ждем ООП!)

  • @mafusail1900
    @mafusail1900 2 ปีที่แล้ว

    Спасибо, нашёл именно то, что нужно. Сижу повторяю шаг за шагом.

  • @user-mm7rs8rp4y
    @user-mm7rs8rp4y 2 ปีที่แล้ว

    Супер крутой урок.
    Спасибо, Александр.

  • @ThePumasin
    @ThePumasin 3 ปีที่แล้ว +3

    Привет, жду полное руководство по php для ООП, с бестпрактиксом конкретно в WP
    Ты топ!

  • @eugeneshiyan
    @eugeneshiyan 3 ปีที่แล้ว +1

    Клёвая футболка, спасибо за видос

  • @kip9985
    @kip9985 11 วันที่ผ่านมา

    Подскажите пожалуйста зачем нужна функция content_template()? В документации увидел эту функцию вроде как предназначен для страницы редактирования но если его не использовать то все работает отлично. Спасибо за урок!

  • @user-xs8ty9dg5s
    @user-xs8ty9dg5s 2 ปีที่แล้ว

    Спасибо за информацию!!!

  • @skytype2077
    @skytype2077 ปีที่แล้ว +1

    Спасибо за урок, я даже не знал что можно создавать свои виджеты - это круто.
    Вот только страницы "creating an extension for elementor" на сайте нет, на какой странице теперь находится нужный код?

  • @ihorushko9397
    @ihorushko9397 2 ปีที่แล้ว +1

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

  • @BAS-64
    @BAS-64 3 ปีที่แล้ว +2

    Gut !!!

  • @romanzinchuk681
    @romanzinchuk681 2 หลายเดือนก่อน

    а если нет готовой верстки, то вы также делаете?! Или просто натягиваете на Elementor без кода?! Мл наоборот через код?!

  • @user-lv4uw4fk8i
    @user-lv4uw4fk8i 3 ปีที่แล้ว +2

    Я что то пропустил, почему нельзя всё это сделать просто на элементор без вмешательства в код?

    • @johnny2598
      @johnny2598 3 ปีที่แล้ว

      А стили свои и скрипты как будут работать ? + Theme Options тоже через код нужно делать.

  • @DanielNosachev
    @DanielNosachev 2 ปีที่แล้ว

    при переносе натянутого сайта на хостинг, начинает глючить елементор, при активации плагина елементор который мы создавали.
    1. Редактор не открывается, кружится загрузка в блоке где добавлять шаблончики.
    2. В админке появляются белые экраны.
    Какие варианты решения могут быть?

  • @user-lt1dh8yw6f
    @user-lt1dh8yw6f 3 ปีที่แล้ว

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

  • @encanto3356
    @encanto3356 3 ปีที่แล้ว

    Спасибо, отличное видео, подскажите будут ли исходники?

    • @bedeveloper
      @bedeveloper  3 ปีที่แล้ว

      В описании ссылка на шаблон.

  • @mikelxxx4681
    @mikelxxx4681 3 ปีที่แล้ว

    Добрый день,подскажите,а как в elementor или в wordpress сделать фиксированную версию сайта чтоб одинаково смотрелось как на мобильном так и на пк? верстать не умею, но про viewport знаю. Но в данный момент делаю все через элементор,просто конструирую чистую страницу. Знаю что это не правильно,но все же вопрос.

  • @front-wp
    @front-wp 3 ปีที่แล้ว +1

    ждём ООП

  • @andriikalutskyi
    @andriikalutskyi 3 ปีที่แล้ว

    Привет, как тебе мак бук про 13 на м1 чипе?
    Для web( вёрстка и т.д.) Не мало ли будет 13 дюймов?

  • @zloy_tushkanchik
    @zloy_tushkanchik 3 ปีที่แล้ว

    Как сделать чтоб админ мог сам добавлять и убирать социальные ссылки в футере, через redux? Кто-нибудь знает? Узнал про расширение redux repeater, но оно вроде как платное. Есть другие способы?

  • @user-iz9sj1nn5q
    @user-iz9sj1nn5q 2 ปีที่แล้ว

    40:59 Просьба сделать курс по ООП
    42:27

  • @evgeniyprowork
    @evgeniyprowork 2 ปีที่แล้ว

    сейчас на сайте элементора структура кода для создания виджета по другому выглядит, если даже url вбить как на видео - редиректит

    • @NeBog74
      @NeBog74 2 ปีที่แล้ว

      Есть момент...

    • @NeBog74
      @NeBog74 2 ปีที่แล้ว

      как решили этот вопрос?

    • @evgeniyprowork
      @evgeniyprowork 2 ปีที่แล้ว +1

      @@NeBog74 по такому пути нашел все что мне надо:
      /docs/widgets/simple-example/
      /docs/addons/addon-example/
      /docs/controls/data-controls/

    • @NeBog74
      @NeBog74 2 ปีที่แล้ว

      @@evgeniyprowork топич!

    • @NeBog74
      @NeBog74 2 ปีที่แล้ว

      @@evgeniyprowork но я все равно не нашел аналогичного кода

  • @RG-hx8ym
    @RG-hx8ym 3 ปีที่แล้ว

    ООП в студию please. Gut ?

  • @user-js3sy2qv7m
    @user-js3sy2qv7m 2 ปีที่แล้ว +1

    Скажу сразу что просто посмотреть не получится. Видео тематическое и не даст вам ничего вообще. Что бы хоть какую то пользу извлечь из этого видео то нужно обязательно конспектировать, и разумеется пробовать на исходниках. Именно не что то одно а и конспект, и практика. Видео крайне нагружено и эти два часа вы пройдете не за два часа точно. Ну и о рекламе: это тот самый случай , когда реклама из видео оказывается полезной и у меня, к примеру, попала в конспект. У этого человека и бесплатные то видео весьма вкусны а платные, я подозреваю, еще вкуснее.

  • @user-js3sy2qv7m
    @user-js3sy2qv7m 3 ปีที่แล้ว

    Джуниор все гуглит а сеньер все нагуглил.

  • @ForeverDarkDeath
    @ForeverDarkDeath 2 ปีที่แล้ว

    "Качественный Landing" и "Elementor + Redux" - это уже две несовместимые вещи, которые нельзя ставить в одном предложении даже.

  • @dieselpower1252
    @dieselpower1252 3 ปีที่แล้ว

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

    • @bedeveloper
      @bedeveloper  3 ปีที่แล้ว +4

      Это Спарта! В ИТ только с хорошим зрением) Тренировка для глаз и мозга!
      P.S. Для следующего урока верну по крупнее как раньше. Тут форс мажор случился.

    • @dieselpower1252
      @dieselpower1252 3 ปีที่แล้ว

      @@bedeveloper главное, что с рекламой всё нормально и никаких форс-мажоров не случилось с ней.

    • @viciouswhitkid
      @viciouswhitkid 3 ปีที่แล้ว

      С мобилы чтоли смотришь? На пол экрана шрифт.

  • @woodzimierz9621
    @woodzimierz9621 3 ปีที่แล้ว +1

    Что за дурацкие советы не использовать санитайзинг на фрилансе?

    • @antonhonchar
      @antonhonchar 3 ปีที่แล้ว

      Наверное от цифр в бюджете зависит. Если цифр мало - заморачиваться не стоит)

    • @woodzimierz9621
      @woodzimierz9621 3 ปีที่แล้ว

      @@antonhonchar Да какая разница сколько цифр? Делать всегда надо качественно. Если подписался на выполнение работ за указанную сумму, значит твои проблемы. Но рукожопить из-за того, что считаешь, что тебе мало платят - это не вариант. Надо было не браться, если бюджет маленький. Ни кто ж не насильно не заставлял.

    • @antonhonchar
      @antonhonchar 3 ปีที่แล้ว

      @@woodzimierz9621 Возможно Вы не совсем верно меня поняли) Рукожопить в любом случае не стоит) Одно дело, когда работаешь почасово над проектом, другое дело, когда ограниченный бюджет и конкретные задачи. Вы ведь не будете проект , скажем за 300$ доводить до совершенства в течении нескольких недель? P.S. Большинство клиентов даже не знает, и не оценит Ваши труды по поводу санитайзинга)

    • @woodzimierz9621
      @woodzimierz9621 3 ปีที่แล้ว +1

      @@antonhonchar Я либо поставлю в известность заказчика, что не все так просто и подниму цену, либо просто не возьмусь за низкооплачиваемый проект.

    • @antonhonchar
      @antonhonchar 3 ปีที่แล้ว +2

      @@woodzimierz9621 Как вариант) Мир Вам✌️