Web5X Блог

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

Web5X Блог

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

Поиск по блогу

Встраивай шаблоны в любое место

Обновлено: 28.04.2018
16 комментариев

Хотите использовать шаблоны конструктора сайта в любом месте вашего вебсайта?  Мы расскажем вам, как это сделать. После прочтения вы сможете размещать сохраненные шаблоны конструктора в любое место вашего сайта и даже по средине статьи.

Добавить шаблон конструктора страниц в качестве виджета WordPress

В меню Elementor в разделе Мои шаблоны можно просмотреть список шаблонов. А в меню в разделе Внешний вид > Виджеты, вы увидите виджет Библиотека Elementor. Добавьте виджет  боковую панель и выберу необходимый шаблон, который вы предварительно сохранили в библиотеке конструктора сайта.

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

Добавление шаблона на страницу c помощью виджета шаблон

Конструктор Elementor также может вывести любой шаблон в свою контентную часть т.е при создании страницы с помощью конструктора. Для этого существует виджет самого конструктора, который так и называется Шаблон.  Это позволит вам вставить любой из сохраненных шаблонов непосредственно на страницу конструктора.

Данный способ достаточно часто используется для реализации механизма использования повторяемых частей сайта, такие как шапка, подвал, боковая колонка, форма контактов, меню итд. Т.е все что необходимо отобразить в разных местах сайта от двух и более раз.

Добавить шаблон в качестве Шорткода

Перейдите в консоль WordPress > меню Elementor > Мои шаблоны
Вы увидите, что каждый шаблон имеет свой собственный шорткод. Если вы хотите встроить шаблон подписки на рассылку новостей в один из своих постов, то вам нужно просто скопировать шорткод. Затем перейдите к сообщению и добавьте шорткод там, где вы хотите, чтобы отображалась форма подписки.

Эта функция дает Вам полный контроль над вашем сайтом. Встраивайте конструктор страниц в любом месте сайта и создавайте весь сайт с помощью Elementor.

Шорткоды шаблона в виджетах конструктор

Да именно так. Так как почти все виджеты поддерживают отображение шорткодов wordpress вида [shortcode id="7654"] то вы можете встроить шорткод в область содержимого определенного виджета конструктора.  Например мы создаем блок-шаблон из красиво оформленного текста в виде колонок и затем узнав шорткод шаблона мы его просто вставляем в поле "Содержимое" виджета Слайды. Далее нажимаем Опубликовать (или Предварительный просмотр) и мы увидим как созданный небольшой блок встроился в виджет Слайды. Тем самым мы получим красиво оформленное содержимое, которое невозможно по умолчанию отобразить во взятом для примера виджете Слайды.

Остались вопросы?
Листай ниже или клик по ссылке выше. Там можно задать вопрос или почитать комментарии других.
Написать комментарий

16 комментариев

  • Я создаю секцию в ширину экрана, добавляю в нее шесть маленьких секций. Далее задаю первой секции фон из фотографии, а элементор раскладывает фотку на каждую секцию по три штуки.

    И еще:)))

    Создаю сайдбар и он автоматом устанавливается из старого дизайна сайта. В настоящем дизайне он меня не устраивает. Где управлять сайдбаром?

    На сегодня последний вопрос. Заранее благодарен за ответ.

    Как применить созданный шаблон на главной странице сайта.
    Нашел только как применить шаблон к записям и страницам, а на главной он никак появляться не хочет.

    • A

      Значит вы ошиблись в создании секции. По умолчанию никуда не раскидывает. Взял секцию, внутри поставил виджет «Внутренняя секция» далее добовил клонки во внутренней секции Стили на вкладке первой секции добавил фон. Фон появился только в одной секции.

      По сайдбару. Или переписывайте стили вручную (у виджета вкладка Расширенные и там поле для CSS) или настраивайте из старой темы, если есть возможность. Я обычно делаю сайт совсем без тем, т.е на основе стартовой темы элементора и уже потом оформляю. Так проще, чем переписывать стили.

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

  • Добрый день.
    Пытаюсь в элементорс вставить изображение, а отображается постоянно предыдущее изображение.
    И совсем не понимаю каким образом сделать фоном секции фотографию, элементорс раскладывает фото мазаикой.
    ХЕЛП!

    • A

      День добрый. Предыдущее изображение это возможно кеш браузера. Нужно нажать ctrl+f5 для обновления кеша.
      Последнее предложение не совсем понял. При выборе в качестве фона изображение, есть настройка, как отображать фон, с повтором или нет итд.

  • Добрый день.
    Подскажите пожалуйста.
    В Elementor pro есть вкладки. При нажатии каждой закладки переключается естественно текст. Можно ли как то сделать так, что бы при нажатии какой ни будь закладке в ее секции отображалась собственная тема по [shortcode id=»хххх»].
    P.S.
    Сделал 2 шаблона с Price Table. Хочу что бы при нажатии на закладку менялась цена.
    Или может подскажите какой то виджет есть для таких целей. Спасибо.

    • A

      День добрый. Да можно. Прямо вместо текста и вставляйте шоткод созданной секции.

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

  • Я совсем начинающий. Не пойму как сделать рекламный блок.
    Есть сайт из двух колонок. В первой широкой колонке контент. Во второй (справа) должно быть несколько блоков, в том числе рекламных. Проблема в том, что когда делишь секцию на два блока, то оба блока становятся одинаковыми по высоте. А мне правый блок нужен таким, который не будет совпадать по размерам с левым. И будет содержать несколько реклам.
    По задумке, если блокировщик блокирует рекламу, чтобы это место автоматически заполнялось блоками, которые находятся ниже рекламы.
    Как это сделать?

    • A

      Я не смогу объяснить в рамках комментариев, если данная статья вам не помогла. Но вообще, вам поможет данный виджет https://blog.web5x.ru/shablon-widget-elementor-pro/

      • Спасибо. Это, наверно, то что требуется. Решил делать так: просто поставил блок контента слева, а справа рекламу и дополнительные блоки с выводом записей. Но тут другой вопрос возник.

        Первый блок — реклама, под ней блок сайта (предположим записи из какой-то категории). Если пользователь использует блокировщик рекламы, то второй блок визуально станет на место первого? Это конечно при условии, что реклама от яндекса или гугла заключена в блок «шаблон»?

  • Доброго времени!
    Подскажите пожалуйста, как вывести комментарии на странице, созданной через Elementor в шаблоне «Elementor полная ширина»? Комментарии выводятся только на страницах с базовым шаблоном. Спасибо!

  • Скажите, пожалуйста, возможно ли в бесплатной версии elementor получить шорткод к созданному шаблону, для дальнейшей вставки его в категорию товаров?

Добавить комментарий для Админ (Отменить ответ)