Web5X - Готовые сайты

Блог о создании сайта, конструкторе сайтов и Elementor

заставка виджет html-код в конструкторе сайта elementor

HTML-код — виджет Elementor

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

Представьте ситуацию, вы хотите разместить на странице некий виджет, например Вконтакте (а может и виджет погоды, ведь раньше это было очень модно 🙂 ). После того как вы изучили где и как взять код для виджета, вы получаете именно кусок html кода, который нужно внедрить на сайт.

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

виджет html-код в конструкторе сайтов

А может у вас есть какой то JS (JavaScript) код, который тоже необходимо разместить на сайте, чтобы он выполнял определенный функционал. Т.е по сути у вас стандартный код js обрамленный тегами <script>

И вот после создания верстки блока в виде html или получения готового html кода, вы просто вставляете его на страницу конструктора с помощью специального виджета HTML-код. Виджет не имеет настроек, лишь поле для ввода html кода.   Хотя с помощью дополнительной вкладки Расширенные (которая присутствует в любом виджете) вы можете добавить необходимые стили, отступы итд.

Как видите, такой простой и «малофункциональный»  виджет конструктора сайта, вполне себе необходим и иногда без него просто никуда.

Список всех виджетов Elementor вы можете посмотреть на странице Виджеты

HTML-код — виджет Elementor: 11 комментариев

  1. зДРАВСТВУЙТЕ мне нужно в на странице в Элементоре вставить js , его вставлюя он у меня не выводиться а если просто на странице вставлять выводиться, в чем может быть проблема? вот это js

    1. Здравствуйте. Скорей всего вам нужно сохранить страницу или смотреть в предварительном просмотре. Желательно знать, что за js код пытаетесь вставить. Может проще воспользоваться плагином который размещает код в подвале страницы или в шапке.

  2. а если главная страница на элементоре сделана, то код для фавиконки для яндекса, который требует на главной странице разместить

    тоже через эту функцию вставлять?

    1. Нет. Иконка фавиком, вставляется стандартно через админку вордпресс. Внешний вид — Настроить — Свойства сайта

  3. Это понятно, но вот робот Яндекса просит вставить html код на главную страницу, в котором прописан путь к иконке и ее характеристики.Редактирование Header.php, и установка плагинами, как и стандартная установка иконки во Внешнем виде в настройках темы не воспринимается роботом-фавиконоискателем яндекса в таком случае.Ему нужно, чтобы фавиконка лежала в корне сайта, а в head был прописан ее путь Вопрос: если на сайте выбрана статичeская страница, сделанная элементором, и яндекс просит внести в главной странице соответсвующий код html, то как это сделать…

    1. Ничего подобного робот не должен требовать. Если вам плагины, которые работаю с секцией head не помогают и ручное редактирование шаблона, то уже ничего не поможет . На самом деле, если вся проблема в том, что не отображается иконка в поиске, то нужно просто подождать.

    1. Еще раз.
      Виджет размещает код на странице, созданной элементором. Размещает в то место, где его разместили. Те. в тело сайта.

      Вы же пытаетесь вставить код в секцию head, виджетом который для этого не предназначен. И выше уже написал, как действовать в данном случаи.

  4. Здравствуйте!
    Вставил код блока:

    Автор

    (function(d,e,s){if(d.getElementById(«likebtn_wjs»))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id=»likebtn_wjs»;a.src=s;m.parentNode.insertBefore(a, m)})(document,»script»,»//w.likebtn.com/js/w/widget.js»);

    Аватар и имя автора, которые определены PHP-кодом не выводятся

    В инструментах разработчика видно, что эти строки закомментированы

    Можно ли добиться вывода?

    Скрипт лайков выводится.

    С уважением, Александр

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Блог о создании сайта, конструкторе сайтов и Elementor.
Авторские права © 2018 . Все права защищены.
Готовые сайты на web5x.ru
Политика конфиденциальности