Как использовать виджет шорткодов Elementor [Руководство для начинающих]
Опубликовано: 2021-05-30Недавно я перешел на Elementor в качестве моего конструктора перетаскивания. С самого начала процесс обучения был таким простым и визуально интересным - что-то, что я мог использовать, чтобы сделать веб-страницу визуально идеальной с максимальной точностью.
Через несколько дней в WordPress Elementor я понял, что могу в десять раз ускорить процесс сборки, просто используя «короткие коды Elementor».
Во-первых, одно дело оптимизировать веб-сайт, чтобы сделать его быстрым, а с другой стороны, быстро и легко создать веб-сайт - совсем другое. Итак, давайте поговорим о том, как очень легко использовать шорткоды WordPress Elementor и стоит ли использовать шорткоды Elementor для вашего проекта.
Что такое шорткоды Elementor?
Шорткоды Elementor - это строка символов или фрагмент, которые можно скопировать и вставить для дублирования определенного компонента вашего веб-сайта. Другими словами, шорткоды - это специальные теги; что-то при вводе сгенерирует другой компонент, как только вы его увидите.
Если это звучит сложно, позвольте мне рассказать вам об этом. Библиотека Elementor имеет огромную коллекцию готовых виджетов, которые вы можете использовать для ускорения процесса создания вашего веб-сайта.
Теперь, если вы занимаетесь разработкой и нуждаетесь в дублировании компонента, шорткоды - лучший способ сделать это за считанные секунды.
Во-первых, вам нужно скопировать фрагмент выбранного компонента и вставить его в любое место, где вы хотите его продублировать.
Предположим, вы работаете над созданием формы, которую собираетесь использовать на другой странице. Обычно вы создаете точно такую же форму с помощью Elementor, и на это у вас уходит несколько минут.
Однако короткие коды шаблонов Elementor позволяют вам выбрать готовый компонент по вашему выбору на веб-странице, а затем скопировать его в других местах.
Это одно из основных применений шорткодов виджетов, и, честно говоря, его можно использовать более эффективно. Итак, если вы уже думаете…
Когда и как использовать шорткоды Elementor?
Вот один реальный случай, который, как я обнаружил, лучше всего подходит для использования шорткодов WordPress Elementor:
Шорткоды Elementor - идеальный выбор для быстрого добавления большего количества контента на ваш сайт, если он частично разработан с использованием Elementor.
Если вы хотите скорректировать старый контент и добавить на свою страницу заранее разработанные виджеты, то совет эксперта говорит, что шорткоды - лучший вариант. Так что вставьте шорткоды для нужного шаблона, и вуаля!
Это лучший выбор для добавления коротких кодов Elementor для настройки. Типичный сценарий, при котором вы можете столкнуться с такой ситуацией, - это работа со страницами по умолчанию выбранной темы.
Не все темы разработаны с использованием Elementor, поэтому попытка преобразовать их в веб-страницу Elementor может нарушить структуру страницы.
Кроме того, другие плагины, не поддерживающие Elementor, не будут предоставлять доступ для редактирования этих элементов, что приведет к катастрофе.
Но не волнуйтесь ...
С помощью шорткодов Elementor вы можете добавлять новые компоненты или элементы на свой веб-сайт без риска конфликта с другими конструкторами страниц и / или плагинами. Кроме того, он также позволяет вам добавить свой собственный индивидуальный шаблон.
Как установить шорткоды для Elementor?
Установить шорткоды очень просто, и для этого требуется всего 3 шага. Вот как вы можете установить шорткоды для Elementor.
Нежное напоминание - все три шага в этом руководстве по установке требуют, чтобы вы установили Elementor в WordPress. Итак, если вы не сделали этого до сих пор, сделайте это быстро и повторите шаги позже.
В этом руководстве по установке есть два процесса: автоматическая установка и установка вручную.

Автоматическая установка
- Перейдите в «Плагины» и следуйте за «Добавить новый» на том же экране.
- Ищите короткие коды WordPress для Elementor.
- Установите плагин и активируйте его.
Ручная установка
- Загрузите RS <a href=" #"> шорткод Elementor.
- Распакуйте файл shortcode.zip. Файлы плагина будут внутри каталога с именем rselements-lite.
- Загрузите файлы плагина в то место, где вы установили WordPress. Каталог должен быть примерно таким - / wp-content / plugins / elementor-short-code.
- Активируйте плагин из раздела «Плагины» в меню WordPress.
Ручная установка - это всего лишь пример одного конкретного плагина, и процесс аналогичен для любого плагина, который вы хотите установить вручную.
Как войти в шаблоны Elementor с помощью шорткодов?
Вот как вы можете ввести заранее разработанный шаблон Elementor с помощью шорткодов. Вот как это сделать. Перейти к -
WordPress -> Шаблоны -> Сохраненные шаблоны
Здесь вы сможете проверить шорткод для каждого виджета в библиотеке. Кроме того, вы также можете создать свой собственный шаблон и сгенерировать для него уникальный шорткод.
Каждый сохраненный шаблон имеет собственный уникальный шорткод, который всегда доступен для использования на других страницах.
Например, вы хотите создать всплывающее окно WooCommerce, где ваши клиенты могут просматривать статус своего заказа.
Для этого все, что вам нужно сделать, это перетащить всплывающий виджет с боковой панели на холсте. Теперь сгенерируйте шорткод из исходного всплывающего окна и вставьте его в новое всплывающее окно, и он мгновенно сгенерирует точно такой же всплывающий виджет.
Теперь, когда вы знаете о шорткодах и о том, как они работают, вы можете задаться вопросом, конвертирует ли Elementor каждый контент на веб-странице в шорткоды? Что ж, если вы уже спрашиваете об этом, вот ваш ответ.
Добавляет ли Elementor контент на веб-страницы с короткими кодами или без них?
Чтобы избежать путаницы, Elementor не вставляет контент на веб-страницу с помощью шорткодов. Проще говоря, он не преобразует шаблон в уникальный шорткод, а затем размещает его на веб-странице. Вот почему ...
Если бы Elementor использовал короткие коды для каждого сгенерированного шаблона в библиотеке, его библиотечные элементы были бы в значительной степени зависимы от плагина Elementor.
И по какой-то причине, если вам нужно удалить Elementor из списка установленных плагинов для вашей веб-страницы, вы потеряете всю поддержку существующих компонентов библиотеки Elementor и связанных с ними шорткодов. Как будто это превратилось бы в настоящий кошмар, если бы это случилось.
Но это не относится к Elementor, поскольку он просто решает проблему. Elementor создает шорткод для выбранного шаблона, который вы хотите скопировать.
Но перед этим он делает копию разработанного вами шаблона в виде кода на странице.
Итак, в следующий раз, когда вы копируете что-то из одного места в другое, вы вставляете код сзади. Но визуально для этого вы используете шорткоды.
Раньше у конструкторов страниц были такие зависимости от определенных плагинов и шаблонов, для которых было сложно использовать другие плагины на веб-сайте.
Но теперь, без каких-либо зависимостей, вы можете легко настроить веб-страницу, независимо от того, использует ли она конструктор страниц Elementor или нет.
Подводя итоги
К настоящему времени у вас есть все идеи, необходимые для использования шорткодов Elementor на своем веб-сайте WordPress. Кроме того, первые несколько раз всегда немного сбивают с толку. Итак, не забудьте посмотреть несколько видеороликов, пока вы это делаете, чтобы убедиться, что ваше обучение идеально.