Плавающая кнопка или телефон в теме Divi

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

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

36 комментариев к “Плавающая кнопка или телефон в теме Divi”

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

    Ответить
  2. хотелось бы увидеть как на кнопку (button) навесить hover-эффект, когда при наведении тень спускается ниже и увеличивается с размывкой, получается эффект «подъема» кнопки от поверхности (плоскости экрана).. не нашел нигде подобных уроков, сам пытался.. но тень только получается сделать в обычном состоянии кнопки.. при наведении ничего не происходит. что-то делаю не правильно((

    Ответить
    • Видимо ховер не правильно задаете. Тут кроме тени надо еще задавать трансформацию и сдвиг по вертикали, для пущего эффекта.
      На будущее учту, покажу как будет возможность, хотя это не совсем вордпресс)

      Ответить
    • спасибо, будем ждать) может и не вордпресс, а больше html и css, но хочется такое на теме Divi))

      Ответить
  3. такое управление темой только в теме или используете посторонний плагин?

    Ответить
  4. Артём привет. Как то в одном из видео по DIVI ты мельком озвучил, что этот шаблон имеет какие то особенности в SEO, насколько я помню, дело связано с шорткодами. Можешь пояснить? Оочень любопытно.

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

      Ответить
    • Из этого следует, что на билдерах бесполезно пользоваться аналитикой, вот и все)

      Ответить
    • Холиварно. Если плагин не видит, то это не значит что поисковики не видят. А дргие функции плагина?

      Ответить
    • Дак я не говорю что плагин не работает, весь функционал работает как положено, кроме аналитики

      Ответить
  5. Оптин Модуль регистрации в Divi, который подключается к Mailchimp, как изменить и или добавить поля, например номер телефона?

    Ответить
  6. Не по теме.
    Можно ли сделать, чтобы при работал Вукомерц, но чтобы при нажатии Купить попадал не в корзину вукомерц, а появлялось всплывающее окно модальное? Реально так?

    Ответить
    • Реально конечно. Ничего сложного. Так на вскидку, отключить функционал кнопки и подвесить другую кнопку с модалкой. Все

      Ответить
    • Я думал что вукомерц не пускает в свои настройки. Ну если так, то ок. Там столько функций по умолчанию, например, значок корзины при наведении на изображение. Я и подумал, что сложно сделать чтобы вместо корзины всегда открывалось модальное. Не хочу убирать функции комерца, очень уже удобные они.

      Ответить
    • В Вукомерсе как раз на каждый чих есть или экшн или фильтр. И можно поменять практически любой элемент сайта

      Ответить
  7. Получилось, спасибо! Нет ли какой-то возможности добавить этот блок на все страницы сайта или только руками?

    Ответить
    • Он и не будет отображаться, head — невидимая служебная часть сайта. Код надо добавлять в body. А через настройки как раз добавляется в head.
      Сделайте дочернюю тему, скопируйте в нее файл header.php и вот с ним уже манипулируйте как хотите

      Ответить
    • Через настройки в body тоже пробовал добавлять. Head скопировал в дочернюю тему. Но там видимо код нужен другой для них, я пытался вставить код блока с кнопкой звонка, взятый со страницы, который генерируется темой )

      Ответить
    • Что-то не очень понял чего вы хотите добиться, телефон должен отображаться на каждой странице, если на ней шапка есть

      Ответить
    • Я уверен, что где-то косячу по детски из-за незнания матчасти. Сделал почти как в видео, только добавил картинку вместо текста. Блок отдельно вставленный из библиотеки через тему работает. Открываю страницу с этим блоком Ctrl-U и копирую его код . Копирую header.php в дочернюю тему. Вставляю в его файл код . И он начинает отображаться криво. Понятно что так делать нельзя, не знаю как нужно.
      При копировании и вставке кода через тему (там есть и body и head) никаких изменений на сайте.

      Ответить
    • Сложно так подсказать, скорее всего да. Но конкретно сказать, это надо смотреть что куда

      Ответить
  8. как это реализовать на другой теме? не могу сделать так что бы блок отображался только на телефоне

    Ответить
    • Принцип то же. А для телефонов можно медиа запросы прописать в стилях и например показывать только на телефонах

      Ответить
  9. Здравствуйте. Не подскажете, можно ли сделать такую кнопку только для телефонов, но с помощью какого небудь плагина? Нужно на каждую страницу вывести свой номер телефона ( 7-10 стрнаиц).

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

      Ответить
  10. Спасибо Артем!!! Выручил с этой фишкой, попробовал с кнопкой все отлично получилось. Финты как всегда помогают и выручают.

    Ответить

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

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