Лендинг на Divi меньше чем за час

Артем Абрамович

Меня зовут Артем Абрамович и я являюсь фрилансером-вордпресером. Занимаюсь настройкой и редактированием сайтов созданных на CMS WordPress. Это основная моя специализация, есть еще несколько работ, которыми я занимаюсь, но обо этом вы можете более подробно узнать из моего портфолио.

100 комментариев к “Лендинг на Divi меньше чем за час”

  1. Спасибо! Очень полезное видео! В рунете очень мало обзоров по использованию темы Divi.

    Ответить
    • Пожалуйста! Пишите в коментах, о чем еще осветить по Диви

      Ответить
  2. На 3 минуте, выделение картинки. Я делаю, так)
    1. Выбираю инструмент “Move Tool” горячая клавиша “V” ;
    2. Затем прожимаю “ctrl+alt” правый клик мышки на картинке;
    3. В слоях открывается дерево, на слое картинки правый клик, в выпад. меню ищем “Convert to Smart Object”;
    4. Теперь левый двойной клик по сделанному смарт обьекту;
    5. И стандартное сохранение картинки, File –> Seve for Web –> ну и по стандарту все дальше…
    Как то так автор советую попробовать Вам, а то мне кажется это боль отключать слои если их много…
    Я было макрос делал себе для этого, в 2 клика до полного сохранения, очень помогает когда много картинок…

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

      Ответить
    • Зажмите Альт и нажмите на глаз нужного элемента. Это быстро его выделит. А дальше можно как Химич сказал.

      Ответить
    • Вот всегда был вопрос, а в чем сложность к psd документу сразу давать исходники картинок и прописать, какие шрифты с каким форматированием использовались в дизайне? У дизайнера и так и так это все в ТЗ и в папках должно быть.

      Ответить
  3. Спасибо за видео! Было бы круто посмотреть про popup окна на Divi

    Ответить
    • Пожалуйста. Да будет такое видео, я даже способ придумал, как в Диви такое сделать

      Ответить
    • Спасибо уже посмотрел!) Подскажите как убрать подпись Designed by Elegant Themes | Powered by WordPress в футере?

      Ответить
    • В настройках все это есть. Все настройки в Кастомайзере

      Ответить
  4. Не по теме, но сразу к вам, как к спасителю.
    Вопрос простой думаю для вас.
    Есть код с сайта, с подпиской короче., не суть. Код. Он там через время всплывает, то да сё. А как его в теме (Биземе) вставить и куда? Вроде просто, а хоть убейте, не пойму куда его вставлять. Спасибо Вам, учитель Года.
    Пс. Давайте обзор уже или уроки по БиЗеме, а то уроков мало по теме, а она в топ3 как никак)

    Ответить
    • Что за код? Скрипт? Насколько помню в настройках сей темы есть такие штуки как Custom Css и Custom JS вот последний можно запихать нужный код. Или должны быть настройки для добавления кода счетчиков, вот в них можно
      У меня нет такой темы, как-то не довелось купить, а нуленую не охота использовать

      Ответить
    • Ради зрителей можно нуленую) Мало уроков просто, очень мало. А у вас найподробнейшие)

      Ответить
    • Поживем увидим, сейчас пока хватаем тем. Но для себя записал

      Ответить
  5. если меню в начале не создали, то можно еще потом создать – после того как все секции установлены?

    Ответить
    • Можно, в данном случае, меню это такой же блок в билдере как и остальные, можно даже его в средине страниы вывести)

      Ответить
  6. Блин, чето не нашел кнопку отключения для всех статей рейтинга и кнопки поделиться в теме Extra , только для конктретных статей увидел. Вы случайно не помните где эти кнопки находятся :)?

    Ответить
    • а не, кнопка отключения нашел, вот только слово share осталось, ну это не проблема

      Ответить
  7. Артем, благодарю за познавательное и наглядное видео! Пригодится ))
    Есть просьба: могли бы Вы сделать видео обзор-сравнение двух тем – DIVI и EXTRA?
    В чем их отличия и какая под что больше подходит?
    Заранее благодарю!

    Ответить
    • Сделать можно, хотя есть раздельно обзоры про эти темы. Если кратко: Диви – универсальная, Экстра – под инфопроекты

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

    Ответить
    • Пожалуйста! Не, не знаю, так-то вряд ли кто будет такую инфу вкладывать. В принипе, у них там в файле style есть описание и откомментировано все

      Ответить
  9. Все понятно даже тем кто не сильно в теме веб-строительства, пересматриваю, еще раз спасибо.

    Если будете делать еще уроки по Divi (чего бы очень хотелось) – покажите как можно создать закрепленный блок внизу страницы, если реально такое на этой теме. Удобно для мобильных – блок с возможностью позвонить по телефону.

    Ответить
    • Спасибо! Да по Диви видео еще будут.
      Блок такой можно соорудить, если пример покажете, то можно точно такой же сделать

      Ответить
  10. Тему Divi покупал на год? или пожизненную лицензию? есть у них демо конструктор? где можно свой сайт сделать и посмотреть стоит ли использовать этот компонент или нет.

    Ответить
  11. Еще проще вытянуть картинку:
    выбираете нужный слой – правой кнопкой – “экспортировать как..” и там выбираете нужный формат и место. Занимает три секунды!

    Ответить
    • О блин! Супер способ! Спасибо, действительно быстро получается. Что значит, век живи – век учись)))

      Ответить
  12. в divi как сделать анимацию при появлении элементов? например появляется блок об авторе с анимации pulse или для кнопки “хочу скачать” допустим

    Ответить
    • Никак, там, только собственная анимация. Ну или плагин дополнительный поставить

      Ответить
  13. и касательно установки divi как ее установить подскажите пожалуйста? и как настроить форму подписки интегрированный с рассылщиком? джастклик? и получение заявок с лендинга на свою почту?

    Ответить
    • Что сложного с установкой? Там все штатно, как в любой темой. Ну а с остальным это тема отдельного видео

      Ответить
    • очень хотелось бы видео от вас на эту тему благодаря вашему каналу узнала много нового спасибо большое

      Ответить
    • Всегда пожалуйста. Попробую записать подобное видео

      Ответить
    • На блок добавляете идентификатор, потом его же добавляете в ссылку. В видео это есть

      Ответить
  14. Здравствуйте!
    Подскажите пожалуйста, вдруг Вы знаете 🙂 – реально на этой теме делать мульти-лендинг? 🙂 Но не сплит тест 🙂
    И вопрос по wp-guard может ли он блокировать отображение сайт в яндекс вебвизоре? 🙂

    Ответить
    • так кроме wp security и custom 404 page 🙂 ничего нет) в целом конечно не критично, но не комфортно

      просто в сплите, я так поняла на диви, можно менять один блок, а в мультилендинге – чаще всего меняют текст, там даже фоновые изображения остаются одинаковыми, суть в том что делают разные рекламные сообщения – и потом на лендинге идет продолжение мысли, которое начато в объявлении 🙂
      кратко, под разную ца – разное объявление – разные посадочные страницы, но с одним урл 🙂

      Ответить
    • Проверяется это просто отключением плагинов, но может и тема конфликтовать.

      В сплите на диви можно любой элемент менять, не только отдельный блок. Там принцип тот же что и в Гугл экспериментах. По итогу формально урлы как раз разные, только утм метки разные.
      Не понял зачем так делать “под разную ца – разное объявление – разные посадочные страницы, но с одним урл” – что мешает сделать разные объявления и ссылки дать на одну и ту же страницу?

      Ответить
    • Эт вряд ли, хотя и надо тестировать и проверять. Так сложно сказать

      Ответить
    • Мультилендинг нужен обязательно если продвигаешься в контекстной рекламе важно чтобы сайт соответствовал тому что человек вводит в поиске

      Ответить
  15. Спасибо. Как всегда крутые видео!
    Запишите, пожалуйста, видео о том как оптимизировать сайт на Divi для Гугловского Page Speed Insight. Очень актуальный вопрос. Спасибо!

    Ответить
  16. А можно к Divi как-то прикрутить нормальный слайдер? Мне кажется что тут он совсем не “ах”.

    Ответить
    • Можно. Хотя и этот нормальный. Ну и опять же все зависит от того что требуется от этого слайдера

      Ответить
    • Артем, т.е. в любом месте когда собирается лендинг, вместо стандартного слайдера можно использовать например какой-то другой платный? Может видео когда-нибудь на эту тему сделаете?

      Ответить
    • Можно конечно. Слайдеры обычно используют шорткоды, а Диви прекрасно их понимает, так что тут проблем никаких нет. Видео как нибудь сделаю) Записал себе

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

    Ответить
  18. Крутое видео! А можно как нибудь использовать одну темя для WP для главной страницы, а под страницы сайта сделать на Divi?

    Ответить
  19. Добрый день у меня два вопроса по блоку отзывы 1) как сделать стрелочки по бокам чтобы отзывы листать (прокручивать) 2) возможно ли поставить кнопку что бы люди писали отзывы на прямую и они добавлялись.

    Ответить
    • Доброго!
      1. Стрелки должны включаться в настройках модуля
      2. Не, так сделать не получиться, только если использовать сторонний плагин, такой например https://www.youtube.com/watch?v=-_65C11C2_U

      Ответить
  20. Здравствуйте! В тему сайтов начинаю ток вникать ( чайник) подскажите плиз в чем + и – если создавать сайт на этом конструкторе ? Например в сравнении с той же платной темой для ворпреса DIVI , постаравшись в инете и посмотрев обзоры сделал ПОВЕРХОСНЫЕ выводы (СКОРЕЕ ВСЕГО НЕ ВЕРНЫЕ) :
    ЭЛЕМЕНТЕР + можно сделать что угодно (в пределах разумного )
    +интерактивно наглядный и понятный процесс создания самого сайта
    – это ежемесячная плата за подписку
    – кривой код ( сложности в продвижении)

    DIVI + купил один раз и на всегда
    +Чистый код
    + Более быстрое создание сайта если делать по шаблону
    – более ограничен в плане творческого создания страницы ( оперировать приходится разметкой что задана в шаблонах)
    – нет такой интерактивности и наглядности при создании сайта как в случаи с ЭЛЕМЕНТОРОМ
    – соответственно нужно более глубокое понимание всех проектов настроек шаблона при создание
    -больше времени на вникание во все нюансы при создании страницы

    Ответить
    • Доброго! Элементор не видел и не пробовал, мне сложно сказать, что лучше. Но если за элемнтор надо платить ежемесячно, то диви в этом плане лучше и удобнее

      Ответить
    • WPRUSe · Финты WordPress . Если будет время глянте https://elementor.com
      Оч важно узнать ваше мнение .
      В идеале бы его обзор от вас увидеть ?
      Про подписку напутал . Она годовая , + есть бесплатная версия с урезанным функционалом

      Ответить
    • Тут конечно обзор надо делать, как будет возможность обязательно запишу

      Ответить
  21. Здравствуйте, Артём.
    Вот я делаю в теме Диви Хэдер. Мне нужно, чтобы текст и кнопка были справа, а не по центру. Если я использую полноэкранную секцию и широкоформатный хэдер, то там я могу выбрать в дизайне ориентацию текста и логотипа справа. И текст там отлично вправо сдвигается так, как мне надо. Но кнопка сдвигается тоже, а вот кнопку мне туда не надо. Можно ли что-то сделать, чтобы её оставить на месте, а текст сдвинуть?
    Если я использую стандартный раздел, то у меня нет никаких проблем с местоположением кнопки, но фоновая картинка видна не целиком, а только узкая полоска, а я хочу чтобы было на весь экран.
    Можно ли тут что-то сделать?
    http://info.ululena.ru/divi/

    Ответить
    • Доброго! Можно стили дописать конкретно для этого блока, только я не понял что должно получиться

      Ответить
    • Кнопка должна быть под текстом, а не сдвинута совсем вправо, как сейчас. А стили эти нужно где писать? Там ведь есть вкладка “расширенные”, и можно что-то писать про кнопки, но я не понимаю, что.

      Ответить
  22. Хотелось бы увидеть как работать с модулем “Портфолио с фильтрами”

    Ответить
  23. Как убрать анимацию в слайдере для текста, чтобы он текст не выезжал снизу?

    Ответить
    • В новых версиях темы можно любую анимацию настроить на любом элементе

      Ответить
  24. Возможно, ответная польза в помощь. Раньше тоже на маленьком экране собирала сайт и думала, что ширины картинки 1920 достаточно для больших экранов. Когда посмотрела на свой сайт с монитора 24 дюйма, эти картинки у меня не растянулись по ширине, как я думала, а картинка закончилась, началась картинка с снова.. Была видна граница. Стала брать фоны с больше шириной. Типа такого http://joxi.ru/L21KlYVI6ewxkr

    Ответить
    • Ну если монитор 4к то картинка и будет мальнькой, все к тому и идет. Ну и от верстки многое зависит

      Ответить
  25. И интересно, можно ли на вордпресс как-то сделать оформление отделений блоков сайта цветом и интересным обрамлением как на прототипе: https://raratheme.com/preview/bakes-and-cakes/ Вроде встречала информацию, что с помощью плагина Елементор можно. Но это отдельный конструктор и на диви и других темах со встроенным конструктором он уже лишний.

    Ответить
    • Не просто так не получиться. Это или верстать надо, или конструктор использовать. Других вариантов нет. Есть еще Гутенберг, но это отдельная песня

      Ответить
    • Ну на сколько я поняла, Гутенберг и конструктор в DIVI – очень близки. Диви же тоже можно на самом экране страницы собирать сайт (путаюсь: верстка это перенос из psd с кодингом в папки сайта или вот то, что на видео: сбор страницы на конструкторе по прототипу. ))))

      Ответить
    • Не-не-не, Гутенберг не конструктор в сегодняшнем его понимании, ему пока далеко до Диви по функционалу.
      Это все верстка по идее, что из psd хтмл писать что конструктором собирать

      Ответить
  26. Здравствуйте, вопрос про DIVI появился, отвечаете на вопросы, поможете?
    Спаибо.

    Ответить
    • Вручную обычно. Если требуется, то отдельный модуль запиливаю
      Билдер по умолчанию создан по принципу “работай с тем, что есть”, потому сложно будет найти нужное. А в Див есть вот такая фича http://snap.ashampoo.com/sU25wO3uay74eEQFK0wP5B5iR6mOCLEUbaRXpNMPhlmlP6r26IlZkIC4gpLj2Q84 называется специальный раздел, и там можно собрать примерно то что нужно вам

      Ответить
    • А в Див есть вот такая фича http://snap.ashampoo.com/sU25wO3uay74eEQFK0wP5B5iR6mOCLEUbaRXpNMPhlmlP6r26IlZkIC4gpLj2Q84 называется специальный раздел, и там можно собрать примерно то что нужно вам.

      Я в курсе данной фичи, только не понял как туда свою сетку вставлять, пытался в коде разобраться – не вышло. Буду рад если подскажите.
      p.s. Хех если бы только вы отвечали побыстрей ))) А то снова три дня ответа ждать ((

      Ответить
    • Я как Вжик быстрый) Просто времени не хвататет)

      Свою сетку не получиться. В этом проблема всех билдеров, что сетка уже есть и придется пользоваться только ей. Есть еще финт ушами – написать свой собственный шорткод и в нем выводить как надо, а сам шорткод уже пихать через штатные блоки билдера

      Ответить
    • > написать свой собственный шорткод
      да это кодить нужно, моя вера это не позволяет. Если бы я кодил, то я бы и не пользовался всякими CMS )) Учитывая что скил верстальщика из 100 балов прокачан где-то на 50))

      Ответить
    • Скил кодера – вещь полезная) Можно еще готовые модули покупать, их много и недорого. Может и под нужное вам, кто-то успел сделать

      Ответить
  27. Здравствуйте, у меня такой вопрос: можно ли сделатьу установит якорь ссылку с одного сайта на другой. Если да, то как? Плиз… буду очень признателен Вам

    Ответить
    • Доброго! Не понял вопроса. Якорь или ссылку? На какой странице?

      Ответить
    • Я уже решил вопрос
      Дело в том что у меня был домен и субдомены под него… Контакты находились в лэндинге в главном домене. На контакты устоновил якорь, а в субдомены установил произвольную ссылку на этот же якорь. Работает прекрасно)

      Ответить
  28. Крутая тема, но единственнный косяк это 4 колонки максимум, когда в элементоре, визуал композере, кинг композере и бобре их 6

    Ответить
    • Не всегда это надо, иногда и 4 колонок за глаза. Но да есть такое

      Ответить
  29. Добрый день, очень все круто, только по верхнему меню не понятно как его сделать, чтобы оно было всегда закрепленным, а не улетало вверх?)

    Ответить

Добавить комментарий

%d такие блоггеры, как: