Elementor pro виджет логин пользователя: Login Widget (Pro) | Elementor

Содержание

Обзор Elementor (Free и Pro)

Elementor — это визуальный конструктор страниц, который появился в 2016 году и быстро завоевал популярность.

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

Elementor превращает создание красивого и сложного сайта из того, что раньше делали программисты в то, что может делать каждый.

В этом обзоре вы узнаете как пользоваться Элементором, что его отличает от других пейдж-билдеров и почему он стал таким популярным.

И 3 лайфхака по использованию функций версии Pro в версии Free.

Содержание:

8 Особенностей Элементора, которые сделали его успешным

  1. Простота использования
  2. Скорость работы
  3. Удобные функции редактирования
  4. Редактирование текста в виджетах
  5. Мобильный предпросмотр и адаптивный дизайн
  6. Библиотека шаблонов
  7. Дополнения для Элементора
  8. Чистый код, если вы деактивируете Элементор

Elementor Pro

  1. Конструктор темы
  2. Все Pro шаблоны
  3. 30+ новых виджетов
  4. Динамические теги
  5. Всплывающие окна / Поп-апы
  6. Глобальные виджеты
  7. Интеграция с сервисами
  8. Управление доступом к редактору
  9. Загрузка шрифтов и иконок
  10. Шорткоды готовых блоков
  11. Редактор CSS

Кому подходит Elementor

Чего не хватает в Элементоре

8 Особенностей Элементора, которые сделали его успешным

В сообществе Вордпресс существует большое количество конструкторов страниц, которые предлагают визуальный драг-энд-дроп интерфейс, но Элементор предлагает больше, чем его главные конкуренты — DIVI, Beaver Builder и ThriveArchitect.

1. Простота использования

По сравнению с другими конструкторами страниц, интерфейс Элементора один из самых простых и интуитивно понятных.

Хотя все конструкторы страниц, особенно фронт-энд конструкторы, к которым относится Elementor, довольно просты в изучении, Elementor определенно один из самых простых.

Сразу после установки понятно, как им пользоваться, как редактировать страницу, как создать новую. Более глубокие настройки находятся там, где ожидаешь их увидеть.

Интерфейс Элементора прост и эффективен. Элементы интерфейса такие, как должны быть, — достаточного размера, быстро появляются при нажатии или наведении, не отвлекают внимание, но всегда под рукой. Лаконичность интерфейса — большой плюс Элементора.

Настройки стилей

2. Скорость работы

Иногда редактор Элементора довольно долго загружает страницу, — 10-15 секунд. Обычно проблема в скорости соединения или в нагруженности самой страницы.

После того, как страница загрузилась, все работает сразу. Вы перетаскиваете виджеты, делаете настройки и не ждете, пока что-то загрузится.

До Элементора я пользовался конструктором WPBakery Page Builder, разница в работе сразу заметна.

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

Интерфейс Elementor

В этом пейдж-билдере приходится постоянно открывать дополнительные окна, и виджеты располагаются случайным образом:

Виджеты WPBakery

Интерфейс Элементора работает достаточно быстро и не имеет всплывающих окон. В плане скорости работы здесь, наверное, нечего улучшать.

3. Удобные функции редактирования

Кроме удобного интерфейса, у Элементора есть несколько инструментов, которые помогают работать быстрее:

1. Правая кнопка мыши

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

Правая кнопка — Копировать и вставить стили
2. Навигатор

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

Навигатор вызывается в меню правой кнопкой или в нижнем баре:

Навигатор Элементора
3. История редактирования

Elementor хранит историю последних действий, которой можно пользоваться двумя способами.

Нажмите кнопку История и выберите действие, на которое хотите вернуться.

История последних действий

Или нажмите кнопку Редакции и выберите одну из сохраненных ранее версий страницы.

Для отмены последнего действия используйте комбинацию кнопок Ctrl+z.

4. Поиск виджетов / Finder

Для поиска виджетов вы можете использовать окно поиска:

Поиск виджетов

Для поиска ваших страниц, блоков или шаблонов используйте Finder:

Elementor — Finder

4. Редактирование текста в виджетах

Вы можете редактировать текст прямо в текстовых виджетах:

Текст в текстовых виджетах

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

5. Мобильный предпросмотр и адаптивный дизайн

Адаптивный дизайн страниц — обязательное условие для любой темы и пейдж-билдера. Все блоки, страницы или шаблоны, которые вы делаете в Элементоре, по умолчанию адаптивные.

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

Адаптивный дизайн

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

Кроме этого, вы можете отключить показ любого элемента на любом устройстве.

Отключение видимости элементов

Например, у вас большой слайдер на Главной странице, который вы не хотите показывать на мобильной версии. Вместо него вы можете показывать картинку с текстом.

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

6. Библиотека шаблонов

Хотя у Элементора довольно много инструментов для создания страниц с нуля, вам не нужно это делать каждый раз. Даже в бесплатной версии Элементора в библиотеке есть готовые Блоки и Страницы.

В библиотеке шаблонов находится довольно много готовых шаблонов, которые вы можете загрузить с помощью нескольких кликов:

Библиотека шаблонов

Кроме встроенных шаблонов Элементора вы можете загрузить шаблоны других разработчиков.

Ну и конечно вы можете сохранить в библиотеке свои шаблоны и использовать их позже.

7. Дополнения для Элементора

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

Разработчики Элементора оставили возможность другим разработчикам писать дополнения для Элементора.

Некоторые из них, например, Crocoblock имеют даже больший функционал, чем Elementor Pro.

8. Чистый код, если вы деактивируете Элементор

Для отображения своих виджетов Элементор не использует шорткоды. Если однажды вы решите удалить Элементор, он не оставит после себя шорткоды, как например DIVI или WPBakery. Ваш контент останется на странице, но стили, конечно, пропадут.

Почему Elementor так популярен

В конце мая 2020 года у Элементора более 5 млн. установок, и он входит в Топ-10 самых популярных плагинов Вордпресс.

Я думаю, что Элементор стал таким популярным благодаря этим характерным чертам:

  1. Быстрый и удобный интерфейс,
  2. Много настроек стилей для каждого элемента,
  3. Большое количество платных и бесплатных дополнений для расширения функционала,
  4. Потенциал для редактирования шаблонов темы с помощью дополнений
Разделитель секции

Elementor Pro

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

В платной версии, которая стоит 49$ / год за 1 сайт, вы получите еще больше:

  1. Конструктор темы
  2. Все Pro шаблоны
  3. 30+ новых виджетов
  4. Динамические теги
  5. Всплывающие окна / Поп-апы
  6. Глобальные виджеты
  7. Интеграция с сервисами
  8. Управление доступом к редактору
  9. Загрузка шрифтов и иконок
  10. Шорткоды готовых блоков
  11. Редактор CSS

1. Конструктор темы

Самая крутая функция Elementor Pro — конструктор темы. С его помощью вы можете создать свою собственную тему.

Перейдите ElementorШаблоныКонструктор темы. Выберите, какую часть темы вы хотите создать:

Новый шаблон Записи

Создайте новый шаблон с помощью виджетов Элементора, выберите, на каких страницах вы хотите использовать этот шаблон и нажмите Сохранить.

В версии 2.9.4 вы можете создать 9 шаблонов:

  • Страница
  • Секция
  • Поп-ап
  • Хедер
  • Футер
  • Запись
  • Архив
  • Страница Товара
  • Архив Товаров

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

Если вы хотите создать все шаблоны самостоятельно, используйте минималистичную тему Элементора Hello, в которой практически ничего нет.

Или вы можете использовать другую собственную премиум-тему Элементора Layers, которую вы получите бесплатно вместе с покупкой любой Pro лицензии.

2. Шаблоны Pro

Если вы купите Elementor Pro, вы получите все блоки и шаблоны в библиотеке. Шаблоны Pro обычно сложнее и более детально проработаны.

Шаблоны Elementor

В версии 2.9.4 в библиотеке доступно около 200 шаблонов.

3. 30+ новых виджетов

В версии Pro добавляется более 30 дополнительных виджетов, которые могут заменить множество плагинов.

Часто используемые виджеты:

  • Конструктор форм
  • Меню сайта
  • Слайдер
  • Банер
  • Кнопки Поделиться в соцсетях
  • Таймер обратного отсчета
  • Таблица цен
  • Форма входа
Виджеты Elementor Pro

И динамические виджеты для создания шаблонов.

4. Динамические теги

Вторая крутая функция в Elementor Pro — использование динамических тегов. Вы можете использовать динамические теги для показа динамической информации о сайте, странице или пользователе.

Например, для того, чтобы вывести название записи, имя или фотографию посетителя.

Динамические теги

Пример вывода информации о посетителе.

Еще один способ применения динамических тегов — вывод информации из кастомных полей плагинов Advanced Custom Fields, JetEngine, PODS.

Вы можете создать шаблон со своим контентом и сохранить как Поп-ап. ElementorШаблоныПопапы. В настройках укажите условия отображения:

Триггеры поп-апа

6. Глобальные виджеты

Иногда у вас может быть ситуация, когда вы хотите использовать один виджет на нескольких страницах. Например, форму подписки.

С помощью глобального виджета вы можете:

  • Сохранить элемент как шаблон и использовать на нескольких страницах
  • Автоматически обновлять копии виджета, когда редактируете глобальный виджет
Elementor — Глобальный виджет

7. Интеграция с сервисами

У Элементора по умолчанию есть интеграция со множеством сервисов.

  • MailChimp
  • MailerLite
  • ActiveCampaigns
  • HubSpot
  • Zapier
  • FontAwesome
  • и многие другие

Если вы пользуетесь каким-либо из этих сервисов, вы можете использовать стандартные виджеты Элементора для подключения или использования этих сервисов.

Подключение к сервисам находится в разделе НастройкиИнтеграции.

8. Управление доступом к редактору

Вы можете запретить любой роли редактировать шаблоны, или разрешить доступ только к редактированию контента:

Менеджер ролей

9. Загрузка шрифтов и иконок

В Elementor Pro вы можете загрузить свои собственные шрифты и иконки:

Пользовательске шрифты и иконки

Лайфхак: В бесплатной версии Элементора вы можете добавить кастомные шрифты с помощью плагина Custom Fonts.

Если у вас тема Astra, этот плагин добавит шрифты в тему и в Элементор. Если у вас другая тема, этот плагин добавит шрифты только в Элементор.

10. Шорткоды готовых блоков

В версии Pro все шаблоны, которые вы создаете, имеют шорткод. Вы можете вставить этот шорткод в любое место сайта для отображения содержимого шаблона:

Шорткоды Elementor

Это очень удобная функция, которой нет в бесплатной версии.

Хотя это очень полезная функция, я вынес ее в конец списка, потому что в бесплатной версии вы можете использовать плагины Piotnet Addons for Elementor, Elementor – Header, Footer & Blocks или AnyWhere Elementor, которые добавляют шорткоды шаблонам. Лайфхак.

11. Редактор CSS

В Elementor Pro у каждого виджета в разделе Расширенные становится доступен Custom CSS. С его помощью вы можете добавлять собственный css.

Расширенные — Custom CSS

Это тоже очень полезная функция, но она находится в конце списка, потому что для нее тоже есть лайфхак: в бесплатной версии вы можете пользоваться виджетом HTML-код:

Кастомный css в виджете HTML-код

Если вы хотите использовать собственный класс, вы можете назначить его в настройках виджета РасширенныеCSS ID:

Расширенные — CSS ID

И так же использовать виджет HTML-код для добавления своих стилей.

Кому подходит Elementor

Элементор подойдет практически всем, кто использует Вордпресс.

Обычный пользователь

Если вы обычный пользователь и ищите, как украсить ваш сайт или сделать его более уникальным, то Элементор вам подходит.

Без специальных знаний вы можете сделать домашнюю страницу, собственный сайдбар или разметку страниц сайта.

Интернет-маркетолог

Элементор подходит интернет-маркетологу, потому что у него есть множество инструментов для маркетинга.

Бесплатной версии Элементора достаточно для создания лендингов.

В Elementor Pro вы можете использовать конструктор форм и подключить их к сервисам рассылки или к CRM, например, HubSpot.

В Elementor Pro есть встроенная интеграция с Zapier, с помощью которой вы можете подключить ваш сайт к сотням сервисов в Интернете.

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

Если вы продаете какие-то товары или услуги, вы можете использовать конструктор WooCommerce для дизайна продающих страниц или карточек товара.

Разработчик сайтов

Если вы делаете сайты на заказ, Элементор хороший и популярный выбор.

Если вы будете использовать конструктор темы в Элементоре, хорошую тему, хорошее дополнение для Элементора, если нужно, плагины типа ACF, JetEngine или Toolset, и добавите свой CSS, вы можете добиться впечатляющих результатов.

Чего не хватает в Элементоре

Хотя Elementor и особенно Elementor Pro — это действительно хороший инструмент, который постоянно развивается, и в котором постоянно появляются новые функции, хотелось бы видеть этот функционал в ближайших обновлениях:

Отключение неиспользуемых виджетов

В следующих версиях хотелось бы видеть отключение неиспользуемых виджетов, как в плагинах Crocoblock, PAFE Piotnet и других:

Отключение виджетов в плагине JetElements

Это позволило бы оптимизировать и ускорить загрузку страниц.

Редактирование страниц Корзина, Оформление заказа

Если конструктор темы позволяет создать собственный шаблон Страницы товара WooCommerce и архивные страницы Товаров, то почему бы не добавить возможность редактировать страницы Корзина и Оформление заказа.

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

Возможно, это появится в одной из будущих версий, пока это есть в плагинах JetWooBuilder и Woolementor.

Редактирование админки WooCommerce

Хотя это довольно просто сделать вручную, было бы удобнее иметь один инструмент для всех задач.

Пока известно, что в ближайшей версии появится много-шаговая форма и поддержка Lottie:

Заключение

Элементор — это база для создания практически любого сайта. Я думаю, что это лучший пейдж-билдер для Вордпресс на данный момент, потому что у него:

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

Хотя с версией Pro вы можете создать собственную тему, для экономии времени вы можете использовать одну из этих тем:

Стоимость лицензии начинается с 49$ / год за 1 сайт, примерно столько же стоит лицензия на хорошую тему.

Я думаю, что идея Элементора заключается в том, чтобы заменить тему и работать хорошо. И он успешно с этим справляется.

Если вам понравился Элементор, вы можете его купить на официальном сайте разработчика.

Читайте также:

  1. Обзор темы Astra
  2. Обзор плагина Advanced Custom Fields
  3. Библиотеки CSS
  4. Липкое меню Вордпресс с помощью Elementor
  5. Как закрыть любую секцию в Elementor по клику
  6. Как добавить текст на картинке при наведении мышкой

Надеюсь, статья была полезна. Оставляйте комментарии.

Polylang Connect for Elementor — Language Switcher & Template Tweaks — Плагин для WordPress

Where to get support?

At best in our Polylang User Community Group at Facebook — highly recommended for all users of this plugin!

Additionally, we also monitor the plugin’s support forum here on WordPress.org as well — but our preferred support channel is the FB community group.

  • What is covered by our support? — All things regarding THIS plugin («Polyang Connect for Elementor»), plus the relation to Polylang, Elementor and Elementor Pro of course.
  • What is NOT covered by support? — Anything general regarding multilingual topics and WordPress. Explicitely we DO NOT offer any «WPML», «WPBakery» or «Visual Composer» support, and also not for your theme etc.!!!

Is there a live demo?

Yes, there is.

See live demo on co-author’s own website

Plus: bigger versions of the above screenshots are in this external gallery 😉

Recommended Workflow?

  1. Setup Polylang at first, add at least TWO languages, one of them make your default language (in Polylang)
  2. Add content to your default Polylang language — if Polylang asks you to apply existing content to it, you should most likely click «ok» and proceed — it works really fine 🙂
  3. After that setup an Elementor Theme Builder template — asign it to your Polylang default language, apply conditions in Elementor
  4. Next, setup a translation template for the template of 3.) — asign your second Polylang language, DO NOT apply conditions in Elementor

Recommended Polylang settings?

If you have issues with proper display of your translated templates, pages, content it is recommended to check your settings:

In Polylang Settings at Languages > Settings > URL Modificatons set to the following option: «The language is set from the directory name in pretty permalinks» (see screenshot)

And in the case, all is working well with your current settings then please do not touch them. The above recommendation can be necessary for some users/ installs but not necessarily for all.

It most likely will work totally fine if you follow our recommended workflow (see above). If not, please ask in our FB user group.

Correct Elementor template does not show up?

Every page/ post/ template must be assigned a language for this to work. This is standard Polylang procedure but it should be noted in case «it doesnt work».

Also, for Elementor Templates, the post type must be enabled for Polylang support: Go to Polylang > Settings > Custom post types and Taxonomies, enable the «My Templates» post type (Elementor).

Where is the Elementor Widget to be found?

It’s in the widget category «General Elements». Plus, if Elementor Pro is active and you’re editing a template, the widget additionally appears in the «Site» widget category.

Always via search: When searching for widgets type «polylang» or «languages» and it will show up immediately! 😉

Where is the plugin’s settings page?

This plugin has NO settings page, as it does not need one. All it does works just under the hood. Activate the plugin. Done.

(If there will be settings needed in the future, we might add options in later plugin versions.)

Is Elementor Pro required?

Technically, Elementor Pro is not required — but highly recommended, though.

Elementor Pro is required for these features of the plugin:

  • Translating Elementor Theme Builder Templates the version is required, otherwise this will not work.
  • Dynamic Tags, additionally added by the plugin

For the other features of the plugin the regular free version of Elementor is sufficient — so the native Elementor language switcher widget will work also that way already 😉

Is Polylang Pro supported?

Yes, it is! 🙂
All features of «Polylang Connect for Elementor» work with both, Polylang (free) AND Polylang Pro (Premium).

Are custom flags supported?

In general, custom flags are supported in the Polylang Switcher Elementor widget and in the Dynamic Tag (Current Language Flag).
However, the default flags in Polylang are sized 16px wide and 11px high, this automatically applies to custom flags — as it is fully handled internally by Polylang.

To use a different size for custom flags we are trying to find ways to implement this for Elementor in future versions of this plugin.

Typography and uppercase settings?

In the Polylang Switcher Elementor widget there are typography settings available for the Switcher menu items. These settings are CSS based of course, and applied «globally» to the various states they are for: normal, hover, active (current language). The available toggles for uppercase are done code-wise and therefore have a lower priority — this means the CSS always takes over, if wanted. That way you are most flexible with quick settings (toggles) but have all styling options at hand if needed.

Is Elementor plugin needed?

Yes, it is. Otherwise this connect plugin won’t do anything. Elementor is available for free on WordPress.org.

The Elementor Pro Add-On plugin is needed for the Theme Builder capabilities (for example Header templates), plus the feature of «Dynamic Tags». So it is highly recommended. But if it is not installed/ activated, the depending features from the connect plugin won’t even load. So it is all optional.

The language switcher widget only needs Elementor base plugin to work 😉

Other recommended plugins for multilingual websites?

There are quite a few:

More info on Translations?

  • English — default, always included
  • German (de_DE): Deutsch — immer dabei! 🙂
  • For custom and update-safe language files please upload them to /wp-content/languages/connect-polylang-elementor/ (just create this folder) — This enables you to use fully custom translations that won’t be overridden on plugin updates. Also, complete custom English wording is possible with that as well, just use a language file like connect-polylang-elementor-en_US.mo/.po to achieve that (for creating one see the following tools).

Easy WordPress.org plugin translation platform with GlotPress platform: Translate «Polylang Connect for Elementor»…

Note: All my plugins are internationalized/ translateable by default. This is very important for all users worldwide. So please contribute your language to the plugin to make it even more useful. For translating and validating I recommend the awesome «Poedit Editor», which works fine on Windows, macOS and Linux.

Ссылка в Elementor. Вкладка Содержимое. Общие настройки виджетов

Ссылка в Elementor

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

Можно добавить ссылки как с абсолютным путем, так и с относительным.

Для перехода на внутренние страницы Вашего сайта, мы рекомендуем добавлять ссылки с относительным путем, так как при смене домена Вам не придется переписывать пути в старых ссылках на новые.

Рассмотрим подробнее работу абсолютных и относительных ссылок.

Добавим виджет обычного заголовка, по клику на который мы хотим сделать переход на сайт Elementor.com.

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

Где взять ссылку на сайт? Все очень просто. Находим в сети интересующий нас сайт, в нашем случае elementor.com, и копируем ссылку на сайт из адресной строки сверху.

Далее вставляем скопированную ссылку в поле Ссылка виджета elementor.

Теперь по клику на заголовок Вы перейдете на сайт Elementor.com.

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

Ставим галочку в чекбокс Открывать в новом окне, и по клику на ссылку она откроется в новой вкладке в браузере.

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

Абсолютные ссылки.

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

Формат абсолютной ссылки следующий:

https://название-сайта.ru/статья_001

или

http://название-сайта.ru/изображение.img

При смене доменного имени сайта, на который ведет ссылка, она (ссылка) перестанет работать, так как сменится путь к ресурсу.

Относительные ссылки.

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

Формат относительной ссылки в Elementor не должен включать имя домена:

/статья_001

или

/изображение.img
Путь к тому же самому ресурсу, только с указанием относительного пути

Еще, как самый легкий вариант, можно использовать плагин Duplicator, который поможет перенести сайт с одного домена на другой и поменяет все ссылки автоматически.

Произвольные атрибуты ссылки.

Помимо всего, Вы можете прописывать дополнительные атрибуты к ссылкам, прописав их в поле Произвольные атрибуты в формате ключ|значение.

Рассмотрим работу атрибутов ссылки на виджете изображения.

Например, необходимо, чтобы по клику на изображение происходило его скачивание. Для этих целей у ссылки есть атрибут download.

Вставим виджет изображения на страницу, добавим ссылку к нему и пропишем в произвольных атрибутах следующее:

download|img (где img - это значение атрибута, которое для атрибута download указывать необязательно. Другие атрибуты без указания значения могут не работать)

Теперь по клику на изображение будет происходить его скачивание.

Ознакомиться с другими атрибутами ссылок можно ЗДЕСЬ.

Якорные ссылки.

Есть еще один особый тип ссылок — так называемые, якорные ссылки, которые необходимы для перехода к различным разделам, или блокам страницы.

Более подробно якорные ссылки рассмотрены в нашей отдельной статье, доступной к прочтению по клику на кнопке ниже.

Elementor Pro Form Widget — Trello — Интеграция

Elementor Pro Form Widget Trello Интеграция это плагин интеграции с Trello для WordPress, который позволит вам легко отправить данные из ваших Elementor Pro Form Widget форм в ваш Trello аккаунт. После интеграции, отправленные формы будут автоматически добавлены как карточки на указанную доску и лист в вашем аккаунте Trello, вместе с дополнительными данными.

Особенности:

  1. Интегрирует ваши `Elementor Pro Form Widget` формы с Trello.
  2. Нет ограничений по количеству форм `Elementor Pro Form Widget`.
  3. Поддержка нескольких досок/списков.
  4. Вы можете настроить в каждой форме, какие данные вы хотите получать.
  5. Отправка в двух режимах: сразу при отправке формы или с небольшой задержкой через `WP Cron`.
  6. Поддержка позиции карточки — сверху/снизу.
  7. Поддержка установки срока выполнения карточки.
  8. Поддержка установки меток.
  9. Поддержка установки участников.
  10. Поддержка `utm` параметров из `URL`.
  11. Поддержка отправки `GA Client ID`.
  12. Поддержка отправки `roistat_visit`.
  13. Поддержка отправки загруженных файлов.
  14. Изображения для предпросмотра.

Очень легко настраивается!Бесплатная техническая поддержка 6 месяцев.Регулярное обновление.

Шаг 1 — Установка

Примечание: Для работы плагина требуется `Elementor Pro` плагин.

WordPress административная панель:

  1. Перейдите `Плагины` -> `Добавить новый`.
  2. Нажмите `Загрузить плагин`.
  3. Загрузите `Elementor Pro Form Widget — Trello — Интеграция` zip файл.
  4. Активируйте, после того, как загрузка завершится.

Загрузка вручную — FTP, SSH, SFTP etc:

  1. Распакуйте `Elementor Pro Form Widget — Trello — Интеграция` zip файл.
  2. Загрузите распакованную папку `WordPress` папку с плагинами (обычно /wp-content/plugins ).
  3. Перейдите `Административная панель` -> `Плагины` и активируйте его.

Шаг 2 — Настройки интеграции

Перейдите `Elementor` -> `Trello`

Вам необходимо заполнить поля `API key` и `API token`.

  1. Авторизуйтесь в вашем аккаунте. https://trello.com/login
  2. Перейдите https://trello.com/app-key
  3. Скопируйте ключ и вставьте в поле `API key`

4. Нажмите на ссылку «токен».

5. Внизу открывшейся страницы нажмите «Разрешить».

6. В результате вы получаете окно с токеном, скопируйте и вставьте его в поле `API token`.

Сохраните настройки.

Шаг 3 — Настройка действия после отправки

Откройте для редактирования страницу с формой, которую вы хотите отправлять в Trello.

Нажмите на форму и выберите раздел «Actions After Submit» слева. Нажмите в поле «Add action» и выберите нужный тип.

После выбора появится раздел с полями для заполнения.

Ниже пример заполнения полей.

Заполните поля и нажмите кнопку «Update».

Теперь, когда форма будет отправляться, данные будут переданы в Trello.

Дополнительная информация

Где я могу найти шорткод поля для вставки?

Откройте раздел «Form Fields», щелкните по нужному полю, перейдите на вкладку «Advanced». В поле `Shortcode` есть шорткод, который можно вставить в поля для Trello.

Дополнительные шорткоды
  1. [utm_source]
  2. [utm_medium]
  3. [utm_campaign]
  4. [utm_term]
  5. [utm_content]
  6. [roistat_visit]
  7. [gaClientID]
  8. [meta_page_url]
  9. [meta_user_agent]
  10. [meta_remote_ip]

Руководство для начинающих по Elementor Page Builder, от запуска до начала работы — Клуб разработки сайтов

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

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

Этот пост предоставит исчерпывающее руководство по покупке и созданию сайта с помощью Elementor . Даже если вы начинающий WordPress, эти шаги позволят вам быстро запустить профессионально выглядящий веб-сайт. Пошли!

Введение в Elementor: что это такое

Elementor – это то, что известно как конструктор страниц WordPress. Он добавляет интерфейс перетаскивания в редактор WordPress, который позволяет пользователям создавать сайты, используя предварительно созданные элементы, называемые «виджетами»:

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

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

Более того, конструкторы страниц, такие как Elementor, делают создание сайта быстрым. Даже профессиональные разработчики иногда используют компоновщики страниц, потому что они могут создавать веб-сайты быстрее, чем если бы им приходилось собирать каждую страницу вручную.

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

Покупка Elementor: Free против Pro

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

Бесплатная версия плагина Факир доступна в WordPress каталог плагинов, и поставляется с 30 виджетов , которые можно использовать для создания страниц и сообщений. С помощью этой версии инструмента создать функциональные и привлекательные сайты очень просто.

Конечно, есть и версия Pro, которая предоставляет дополнительные функции. Он включает в себя более 50 дополнительных виджетов, в том числе те, которые специально предназначены для интернет-магазинов. Он также позволяет редактировать тему, а также создавать такие функции, как формы, всплывающие окна и динамический контент:

Принимая решение о том, какую версию выбрать, вашими основными соображениями будет то, насколько продвинутыми должны быть функции ваших страниц и сколько сайтов вы хотите создать. Если вам не нужны дополнительные виджеты, вы можете придерживаться бесплатной версии. Однако если вы хотите добавить на свой сайт более продвинутые функции, возможно, стоит приобрести одну из лицензий Pro.

Как использовать Elementor для создания страниц WordPress (за 3 шага)

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

Шаг 1: Запустите Elementor из редактора страниц

Если у вас установлен и активирован Elementor , вы можете начать использовать его на любой странице. Чтобы начать, просто откройте существующую страницу или создайте новую, перейдя в « Страницы»> «Добавить новое» на панели инструментов WordPress.

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

Теперь вы увидите пустую страницу и боковую панель с несколькими виджетами, а также поле с надписью  Drag widget здесь:

Теперь, когда вы запустили Elementor, вы готовы начать создавать свою страницу.

Шаг 2. Перетащите виджеты, чтобы создать свою страницу

Есть несколько способов начать создание новой страницы с помощью Elementor. В поле « Перетащите виджеты сюда» вы увидите две иконки: символ «  и серую папку.

При нажатии на значок папки откроется библиотека шаблонов Elementor. Здесь вы можете выбрать из множества предварительно созданных страниц или разделов для вставки, которые затем можно настроить с помощью собственного содержимого:

Важно отметить, что если вы используете бесплатную версию Elementor, вы будете ограничены в доступе к шаблонам. Однако, если вы предпочитаете создавать полностью настраиваемую страницу, вы можете продолжить работу без использования каких-либо шаблонов.

В этом случае вы захотите нажать на розовый значок + . Вам будет предложено выбрать структуру для этого раздела страницы:

После выбора количества элементов и их размещения в строке вы можете просто перетащить виджеты с боковой панели в обозначенные области:

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

Кроме того, нажав на значок шестеренки в левом нижнем углу боковой панели, вы можете получить доступ к дополнительным элементам, таким как заголовок страницы и рекомендуемое изображение:

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

Шаг 3: опубликуйте свою страницу из редактора Elementor

Если в какой-то момент вам нужно временно прекратить редактирование своей страницы, вы можете сохранить изменения, нажав на значок зеленой стрелки и выбрав  Сохранить черновик :

Вы также можете нажать на  опцию Сохранить как шаблон, если вы хотите использовать структуру страницы позже в будущих проектах. Если вы довольны своей страницей и готовы ее опубликовать , вы можете сделать это прямо из редактора Elementor, нажав кнопку « Опубликовать» .

Вывод

Выбор правильного компоновщика страниц для вашего сайта – задача не из легких. Есть несколько качественных вариантов там. Однако, благодаря его низкой стоимости и широкому спектру функций, вы не ошибетесь с Elementor .

После установки плагина и выбора плана хостинга вы можете создать пользовательскую страницу всего за три шага:

  1. Запустите Elementor из редактора страниц.
  2. Перетащите виджеты, чтобы создать свою страницу.
  3. Опубликуйте свою страницу из редактора Elementor.

У вас есть еще вопросы о Elementor? Оставьте их в разделе комментариев ниже!

Как работать в Elementor WP

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

Этот визуальный конструктор, имеющий поддержку адаптивности под разные устройства, работает на базе системы Word Press и имеет ряд особенностей, облегчающих работу, относящуюся в том числе и к проектам гемблинг-направленности:

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

Отмечается, что версия плагина, выпущенная в 2018 году, решила такие проблемы, распространенные среди конструкторов страниц, как невозможность редактировать отдельные участки темы, а также сложности в обработке динамического контента, связанного, например, с задачами по записи блога.

По состоянию на март 2020 года в плагине предусмотрено около 80 шаблонов, поделенных на разделы соответствующей тематики. Например, здесь есть разделы для крупных коммерческих проектов, интернет-магазинов, разделы под мобильные устройства с финансовой и бизнес-тематикой, актуальный для гемблинг-сферы шаблон Hoteller, включающий в себя решения для лакшери-отелей, а также городских, пляжных, горных и многих других, расположенных в том числе в игорных зонах.

Читайте также: Фишинговое мошенничество – что это такое

Особенности работы в WP Elementor

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

Задаваясь вопросом, как работать в Elementor WP, пользователь оценит отсутствие необходимости использовать код, а также различные языки программирования. Интерфейс конструктора достаточно прост – слева приведено отельное окно с разделами, отвечающими за конкретную часть работы («Медиафайлы», «Видео», «Текстовый редактор», «Внешний вид», «Инструменты» и т. п.). Выбирая предлагаемые плагином схемы, пользователь может самостоятельно сделать разметку каждой страницы, а также для всей страницы выбрать конкретные цветовые решения. Предусматриваемые программой виджеты устанавливаются в любую часть листа методом перетаскивания и настраиваются в режиме реального времени. В настройке виджетов можно выбрать, будут ли они адаптироваться под другие типы устройств, и заранее проверить, как они будут смотреться.

Читайте также: Основные правила, по которым ресурс будет поднят в топ-10 Яндекс

В WP Elementor размер изображения также нередко интересует новых пользователей плагина, так как визуальная составляющая сайта является хорошим дополнением текстового контента. Чаще всего изображения демонстрируют саму услугу, а прилагающийся текст подробно раскрывает ее особенности. Для реализации таких задач конструктор имеет виджет, который в последних версиях называется «Картинка с текстом». Его задача – выводить на страницу блок с изображением, описанием и заголовком к нему. Здесь же можно вставить ссылку на необходимый ресурс, выбрать позицию изображения (вверху, в правой или левой стороне) и тег для заголовка виджета на этапе разработки семантического ядра. Размер и прозрачность изображения приводятся в процентном соотношении. Для проверки анимации необходимо навести курсор мыши на изображение, в настройках описания есть возможность выбрать цвет текста, а также его типографику, отвечающую за настройку параметров выводимого текста.

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

WP job manager Elementor – способы монетизации

Существует несколько подходов в том, как монетизировать проект, работающий на этом плагине. Ряд экспертов, специализирующихся на WP Elementor, приводит в качестве одного из способов «пассивного дохода» партнерский маркетинг, когда ссылка на бизнес-продукт размещается партнерами на их ресурсе, в результате чего количество переходов по ссылке повышается вместе с доходом.

Читайте также: Основные потребности современного гемблинг-ресурса

Также эффективным может оказаться использование сервиса контекстной рекламы Google AdSense, позволяющего проверенным рекламодателям размещать свои предложения на ресурсе, который работает на плагине Elementor WP. Сайт таким образом становится издателем, контент которого приносит доход благодаря таким объявлениям.

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

К слову, обмен базами между партнерами станет эффективным для развития маркетинговой кампании – заявление эксперта.

Платформа Elementor Experts может помочь маркетологам гемблинг-ресурса, работающим на WP Elementor. Данная площадка поможет в случае необходимости найти партнеров по сотрудничеству, к примеру, для помощи в конкретном проекте, а также для поиска новых клиентов и рекламы уже существующих проектов.

Напомним, кризис и переход на удаленную работу стали поводом для внедрения HR-отделами новых методов работы с кадровым составом.

Читайте также: CRM-системы – почему стоит внедрять в гемблинг-проект

Читайте также: Виртуализация рабочих мест – в чем основные преимущества

elementor 🚀 — Выпуск Elementor Pro v2.9 Beta 3 (RC) 📣

===========

===========

Привет, бета-тестеры Elementor,

Мы готовимся к выпуску Elementor Pro v2.9 с новаторской функцией полного редактирования сайта .

Мы хотели бы попросить вас помочь нам протестировать Elementor Pro v2.9 Beta с 4 новыми функциями:

  • Полное редактирование сайта
  • Глобальный пользовательский CSS
  • Динамические цвета
  • Теги HTML-оболочки частей сайта

Перед тестированием убедитесь, что вы используете:

  • Элементор v2.9.3
  • Elementor Pro v2.9.0 beta1

Представляем полное редактирование сайта: дизайн верхнего, нижнего колонтитула и содержимого в одном месте! (# 4985)

Даже в 2020 году редактирование сайта по-прежнему разделено и повсеместно.
Вы редактируете заголовок, возвращаетесь к экрану панели инструментов, затем на странице содержимого, затем снова заголовок, переключаетесь на нижний колонтитул. Блин!

Представляя полное редактирование сайта, создайте весь свой сайт в одном месте.

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

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

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

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

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

Тестовый поток:

  1. Создайте заголовок с помощью Elementor и импортируйте его из библиотеки шаблонов
  2. Публикация и установка условий для всего сайта
  3. Создайте нижний колонтитул с помощью Elementor и импортируйте его из библиотеки шаблонов
  4. Публикация и установка условий для всего сайта
  5. Создайте одиночный пост с помощью Elementor и импортируйте желаемый макет из библиотеки шаблонов
  6. Публикация и установка условий для всех сообщений
  7. Создайте новый пост и перетащите несколько виджетов
  8. Наведите указатель мыши на заголовок и нажмите «Изменить заголовок».
  9. Внесите изменения в этот заголовок
  10. Сделайте то же самое для части «Одно сообщение» и для части нижнего колонтитула.
  11. Убедитесь, что все работает должным образом во внешнем интерфейсе и в режиме предварительного просмотра.

Соблюдайте собственные правила CSS для всего сайта (№ 3345)

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

Одна из наших наиболее востребованных функций, которую мы получаем, — это возможность установить собственный CSS глобально. С Elementor Pro v2.9 вы можете добавлять собственные правила CSS, которые будут применяться ко всему вашему сайту.

Просто войдите в меню «Стиль темы» и откройте раздел «Пользовательский CSS». Просто как тот!

Тестовый поток:

  1. Создайте новую страницу с помощью Elementor
  2. Перетащите виджет заголовка
  3. Перейдите на вкладку «Дополнительно» и введите roses-headings в поле CSS Class и violet-heading в поля идентификатора CSS.
  4. Нажмите «Опубликовать».
  5. Войдите в меню стиля темы и перейдите в раздел Custom CSS.
  6. Заполните .elementor .roses-headings h3 { color: red; } и #violet-heading { background: blue; } в поле кода
  7. Убедитесь, что ваш предварительный просмотр обновляется в соответствии с указанными цветами (синий фон и красный цвет текста)
  8. Убедитесь, что на Frontend все работает должным образом.

Поддержка новых динамических тегов: динамические цвета (# 6485)

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

До сих пор динамические теги были ограничены текстовым и числовым вводом. С помощью новой опции «Динамический цвет» вы можете встроить динамические значения цвета в любой виджет, имеющий цветовое поле. Новый элемент управления Color Dynamic поддерживает цветовые поля ACF, а также ключи настраиваемых полей.

Хотите создать сайт электронной торговли, где страницы продуктов меняют цвет в зависимости от того, какая страница продукта просматривается? С этой функцией вы можете!

Тестовый поток:

  1. Перетащите виджет заголовка на свою страницу
  2. Рядом с каждым полем цвета есть элемент управления динамическим тегом, щелкните его и выберите предпочтительный источник динамического цвета.
  3. Сделайте то же самое с другими виджетами
  4. Убедитесь, что на Frontend все работает должным образом.

HTML-теги оболочки — установите теги оболочки

<header> , <footer> , <aside> , <main> или <article> для частей вашего сайта (# 9293)

До сегодняшнего дня при создании верхнего, нижнего колонтитула или обычного шаблона страницы с помощью Theme Builder вы могли устанавливать только HTML-теги для каждого раздела. Поскольку большая часть контента, который вы создаете с помощью Elementor, состоит из нескольких разделов, было сложно назначить один тег HTML для всей области.

С этого момента вы можете устанавливать HTML-теги для каждой части темы. Назначьте весь заголовок тегом <header> , всю область содержимого <main> а нижний колонтитул <footer> .

Назначая соответствующий HTML-тег для каждого элемента темы, вы улучшаете доступность и семантику HTML, а также улучшаете SEO на странице.

Тестовый поток:

  1. Создайте заголовок с помощью Elementor и импортируйте его из библиотеки шаблонов
  2. Нажмите на значок шестеренки настроек и выберите нужный HTML-тег.
  3. Публикация и установка условий для всего сайта
  4. Создайте нижний колонтитул с помощью Elementor и импортируйте его из библиотеки шаблонов
  5. Нажмите на значок шестеренки настроек страницы и выберите нужный HTML-тег.
  6. Публикация и установка условий для всего сайта
  7. Создайте одиночный пост с помощью Elementor и импортируйте желаемый макет из библиотеки шаблонов
  8. Нажмите на значок шестеренки настроек страницы и выберите нужный HTML-тег.
  9. Публикация и установка условий для всех сообщений

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

  • Доработано: Добавлена ​​поддержка атрибутов ссылок для виджетов Pro (# 5716, # 3642, # 9225, # 9079)
  • Доработано: Добавлена ​​поддержка стиля темы в частях построителя тем (# 10564)
  • Улучшено: Избегайте создания пустого пользовательского шрифта
  • Доработано: Добавлен атрибут aria-expanded в виджет корзины меню
  • Доработано: перемещен модуль действий со ссылками в основной плагин
  • Доработано: изменено название «Веб-шрифты TypeKit от Adobe» на «Adobe Fonts»
  • Доработано: Добавлена ​​возможность встроенного редактирования заголовка и описания в виджет прайс-листа.
  • Доработано: убраны избыточные условия отображения из виджетов Blockquote, Flipbox, Price Table и Search Form.
  • Улучшено: Виджеты Pro нельзя перетаскивать, если не активирована лицензия Elementor
  • Доработано: Удалить избыточные параметры label_block из нескольких элементов управления
  • Доработано: преобразованы селекторы элементов управления в переменные CSS в виджете Галерея.
  • Доработано: Заменены значки Stumbleupon на рекомендуемые значки виджета Mix in Reviews (# 10099)
  • Доработано: Добавлен микс в сетевой список кнопок общего доступа (# 10099)
  • Доработано: Добавлена ​​опция «Открыть в новой вкладке» в виджет «Сообщения»
  • Доработано: Обновлена ​​библиотека Font Awesome Pro до v5.12.0
  • Доработано: Добавлена ​​новая совместимость с лайтбоксами для виджетов Галерея и Медиа Карусель.
  • Доработано: выставить внешний API для экземпляров Swiper
  • Доработано: Добавлена ​​совместимость с JS API в построитель тем, всплывающие окна, виджет формы и глобальный виджет.
  • Доработано: заменены значки ботаников новыми смайликами Elementor
  • Доработано: Добавлен специальный атрибут color в заголовок в виджете «Оглавление».
  • Исправлено: проблемы с разрывом строки в виджете «Анимированный заголовок» (№ 10585).
  • Исправлено: виджеты кнопки «Поделиться» отображают значки Font Awesome 4 при первом перетаскивании в редакторе.
  • Исправлено: параметр соотношения сторон изображения, видимый в некоторых крайних случаях в виджете сообщений
  • Исправлено: отсутствует изображение при публикации в Pinterest с помощью виджета «Кнопки обмена».
  • Исправлено: настройка цвета ссылки стиля темы переопределяет стиль списка в виджете «Таблица содержимого».
  • Устарело. См. Все прекращения поддержки этой версии в нашем сообщении об устаревании для

Как установить бета-версию

Если вы все еще не включили бета-тестирование в Elementor, выполните следующие действия:

  1. Перейдите в Elementor> Инструменты> Версии
  2. Включить функцию бета-тестирования
  3. Перейдите в Панель управления> Обновления и обновите до последней бета-версии.

Это позволит вам протестировать новую бета-версию Elementor Pro 2.9.

Ноты

В случае ошибок и замечаний, пожалуйста, ответьте, добавив комментарий по конкретной проблеме здесь, на GitHub.
Пожалуйста, оставьте это только для текущей бета-версии!

Назначенное время для выпуска: March 17, 2020 (ориентировочно)

Большое спасибо за вашу поддержку и помощь!

_The Elementor Team_

Виджет входа в систему (Pro) | Элементор

Виджет входа в систему упрощает создание настраиваемой страницы входа вместо страницы входа в WordPress по умолчанию.

Как добавить страницу входа в WordPress

Создайте новую страницу и добавьте виджет входа


Поля формы
  1. Ярлык : Показать или скрыть форму Ярлык
  2. Размер ввода : Выберите размер ввода полей формы.

Кнопка
  1. Текст : введите текст кнопки
  2. Размер : выберите размер кнопки
  3. Выравнивание : установите выравнивание кнопки

Дополнительные параметры
  1. Перенаправление после входа в систему : Установите значение ON или OFF.
  2. Потерянный пароль : Выберите, следует ли отображать ссылку «Забыли пароль»
  3. Запомнить меня : Выберите, отображать или нет флажок «Запомнить меня»
  4. Сообщение для входа в систему : Выберите, нужно ли отображать или не отображать сообщение для вошедшего в систему пользователя
  5. Пользовательская метка : изменить метку формы по умолчанию и текст заполнителя

Стиль

Форма
  1. Rows Gap : Установите точный промежуток между каждой строкой
  2. Links Color : Выберите цвет ссылок
  3. Links Hover Color : Выберите цвет ссылок при наведении курсора на
Label
  1. Интервал : установите точный зазор между этикеткой и соответствующим ей полем
  2. Цвет текста : выберите цвет текста этикетки
  3. Типографика : установите параметры типографики для текста этикетки
Поля
  1. Цвет текста : выберите цвет текста в полях
  2. Типографика : установите параметры типографики для текста в полях
  3. Цвет фона : выберите цвет фона полей
  4. Граница Цвет : выберите цвет границы полей
  5. Ширина границы : Установите толщину границы вокруг полей
  6. Радиус границы : Установите радиус границы для контроля округлости углов полей
Кнопка

Нормальный | Парение

Следующие параметры можно установить независимо как для нормального состояния, так и для состояния при наведении курсора.

  1. Цвет текста : выберите цвет текста кнопки
  2. Типографика : установите параметры оформления для текста кнопки
  3. Цвет фона : выберите цвет фона кнопки

  1. Тип границы : выберите тип границы: нет, сплошная, двойная, пунктирная, пунктирная или рифленая.
  2. Радиус границы : установите радиус границы для управления закруглением угла кнопки.
  3. Отступ текста : установите величину. отступа с каждой стороны текста в кнопке

Advanced

Установите дополнительные параметры, применимые к этому виджету


Примечание. Используйте свои обычные учетные данные для входа в WordPress с помощью виджета входа

Как создать пользовательскую страницу входа в WordPress с помощью Elementor

В WordPress вы можете перейти на yourdomain.com / wp-login.php , чтобы получить доступ к странице входа на ваш сайт. Если у вас большой веб-сайт с несколькими авторами / пользователями, вы можете создать настраиваемую страницу входа с вашим собственным дизайном, чтобы усилить фирменный стиль вашего веб-сайта. С Elementor вы можете легко создать настраиваемую страницу входа для своего WordPress — без программирования и установки дополнительных плагинов.

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

Как создать пользовательскую страницу входа в WordPress с помощью Elementor

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

Если вы новичок в Elementor, вы можете прочитать руководство для начинающих, которое мы написали, чтобы узнать, как использовать Elementor.

1. Создание настраиваемой страницы входа из шаблона

Как упоминалось ранее, Elementor предлагает готовые шаблоны, позволяющие мгновенно создать настраиваемую страницу входа. Чтобы использовать его, сначала создайте новую страницу ( Pages -> Add New ) и отредактируйте ее с помощью Elementor.

В редакторе Elementor щелкните значок папки, чтобы открыть библиотеку шаблонов.

Найдите настраиваемый шаблон страницы входа. Вы можете использовать поле поиска, чтобы облегчить вашу работу. Найдя понравившийся шаблон, наведите на него указатель мыши и нажмите кнопку ВСТАВИТЬ .

Подождите, пока Elementor закончит загрузку шаблона. После загрузки шаблона вы можете щелкнуть ПУБЛИКАЦИЯ , чтобы опубликовать его.

Вот и все.

Для просмотра страницы вы можете щелкнуть трехстрочный значок в верхнем левом углу левой панели и выбрать Просмотр страницы .

2. Создание настраиваемой страницы входа с нуля

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

Когда ваш раздел будет готов, добавьте виджет входа в систему, перетащив его с левой панели в область холста.

Перейдите на вкладку Content на левой панели, чтобы установить основные параметры. Вы можете открыть 3 блока опций:

1. Поля формы

Вы можете открыть этот блок, чтобы включить / выключить метку и установить размер ввода.

2. Кнопка

Вы можете открыть этот блок, чтобы установить текст кнопки, размер кнопки и выравнивание кнопки.

3. Дополнительные параметры

Вы можете открыть этот блок, чтобы включить / отключить элементы на странице входа в систему, такие как ссылка , потеря пароля и опция запомнить меня .Поскольку вы хотите создать страницу входа, включите опцию Redirect After Login и вставьте URL-адрес панели управления WordPress ( yourdomain.com/wp-admin ) в доступное поле. Вы также можете включить опцию Redirect After Logout , если хотите.

Вы можете включить опцию Custom Label , если хотите использовать настраиваемые ярлыки и настраиваемые заполнители в форме входа.

После завершения настройки основных параметров перейдите на вкладку Style , чтобы изменить стиль формы входа.Вы можете открыть 5 блоков опций стиля:

1. Форма

Вы можете открыть этот блок, чтобы установить расстояние между строками, цвет ссылок и цвет наведенных ссылок.

2. Метка

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

3. Поля

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

4. Кнопка

Вы можете открыть этот блок, чтобы оформить кнопку входа в систему. Вы можете установить такие параметры, как цвет текста кнопки, цвет текста при наведении, типографика, цвет фона кнопки, радиус границы и отступ текста кнопки.

5. Вход в систему Сообщение

Вы можете открыть этот блок, чтобы настроить сообщение, как только ваши пользователи вошли в систему. Вот сообщение:

Вы можете установить цвет текста и типографику сообщения.

Завершив стилизацию виджета входа в систему, вы можете стилизовать другие виджеты на своей странице.После завершения редактирования страницы опубликуйте / обновите свою страницу, и вы успешно создали настраиваемую страницу.

Следует отметить одну важную вещь. После создания пользовательской страницы входа выше не удаляйте файл wp-login.php со своего сайта WordPress. Вашему сайту WordPress по-прежнему нужен этот файл для обработки процесса входа в систему.

Как отображать контент на основе роли пользователя и статуса входа в Elementor

Вы когда-нибудь хотели отображать контент своего веб-сайта на основе статуса входа пользователя или отображать какое-то содержимое ваших веб-страниц только тогда, когда оно удовлетворяет определенному условию? Вы можете легко сделать это и многое другое с помощью функции Advanced Display Condition PowerPack.

Многие веб-сайты скрывают / отображают контент своих веб-сайтов в зависимости от статуса входа их пользователей. Не каждый раз вы хотите показывать один и тот же контент всем своим пользователям. Могут быть некоторые условия, когда вам нужно ограничить контент или какую-то конкретную / страницу в зависимости от роли пользователя.

Что такое функция состояния дисплея?

Display Condition — одна из самых мощных и продвинутых функций. Он позволяет отображать / скрывать различные атрибуты страницы в зависимости от вашей роли пользователя, даты, времени, идентификатора пользователя и т. Д.

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

Есть несколько вариантов вариаций и комбинаций.С условиями отображения PowerPack вы можете охватить все эти возможности и создать неограниченное количество комбинаций.

Advance Display Condition Функция PowerPack позволяет вам устанавливать условия для защиты и персонализации контента вашего сайта. Эта функция поддерживает ограничения содержимого для виджетов, сообщений, страниц, определенных страниц, настраиваемых типов сообщений и вложений сообщений.


Зачем ограничивать контент на основе роли пользователя и статуса входа?

Также читайте: Как создать полноэкранное оверлейное меню в Elementor

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

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

Расширенные условия отображения Функция PowerPack дает вам полный контроль над видимостью контента на веб-сайтах Elementor.Это дает вам полную гибкость в выборе отображения или скрытия содержимого в соответствии с вашими пользовательскими правилами. Правила отображения делятся на категории «Пользователь», «Пользователь», «Дата и время», «Страница», «Архив» и «Разное». Он позволяет вам выбрать, будет ли раздел или виджет видимым или скрытым, в зависимости от различных условий пользователя.


Как ограничить контент в Elementor по роли пользователя и статусу входа?

Очень удобно добавлять условия отображения на вашем веб-сайте. Но сначала убедитесь, что вы активировали и установили последнюю версию (1.4.9.2) PowerPack на своем веб-сайте.

Шаг 1. Откройте страницу в редакторе Elementor

Чтобы использовать условия отображения, сначала нужно открыть страницу в редакторе Elementor. Например, если вы хотите установить определенное правило для отображения предложения только авторизованному пользователю, вам нужно открыть домашнюю страницу.

Теперь выберите строку, в которую вы хотите добавить условие, и перейдите на вкладку «Дополнительно».

Шаг 2. Настройка условий отображения и других атрибутов

Теперь щелкните раздел подменю PowerPack и включите кнопку Display Conditions .

Мы хотим добавить условия отображения на основе статуса входа пользователя, поскольку мы хотим отображать специальное предложение для входа только пользователей. Мы выберем условие « Login Status».

Шаг 3: Определите критерии для условия

Теперь вам нужно определить конкретные критерии для условия. Здесь мы хотим отображать предложение только для вошедшего в систему пользователя. Итак, выберите «Состояние входа»> «Есть»> «Вход в систему».

Давайте посмотрим, как можно легко установить пользовательское условие на веб-сайтах Elementor:



Как видите, в примере, упомянутом выше, я поставил условие для раздела предложений . Скидка 50% создана исключительно для авторизованных пользователей.

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

Таким же образом с помощью функции Display Condition PowerPack вы можете легко ограничить другой контент на вашем веб-сайте.

Вы можете отображать разные таблицы цен для пользователей вашего профессионального и базового пакетов. Кроме того, вы можете отображать настраиваемое приветственное сообщение на основе роли пользователя I, электронного администратора, редактора, подписчика и т. Д.


Получите дополнения PowerPack Elementor прямо сейчас!

Вы можете получить эту очень полезную функцию вместе с более чем 60 другими креативными виджетами, которые сделают процесс создания вашего веб-сайта более легким и увлекательным!

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

User Frontend для Elementor — Frontend Admin Panel, Profile, Login, Registration & Content Submission for Elementor — WordPress plugin

Хотите создать панель администратора, профиль пользователя, сообщение, страницу, тип сообщения, категорию, форму создания / отправки таксономии, форму настроек WP, пользовательский вход и регистрацию в
FRONTEND даже для разных ролей с помощью простого перетаскивания Elementor? Пользовательский интерфейс для Elementor — это то, что вам нужно,
БЕЗ проблем.

Что User Frotnend for Elementor (UFEL) может для вас сделать?

  • Frontend Post, Таксономия, Пользователь, Создание настроек — С UFEL вы можете позволить создавать свои сообщения любого типа, таксономии, включая категорию, настройки
    или даже пользователя с различными формами отправки. UFEL позволяет создавать НЕОГРАНИЧЕННЫЕ формы и использовать их для создания чего угодно из внешнего интерфейса.

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

  • Создание внешнего профиля пользователя — вы можете создать открытый профиль пользователя с помощью UFEL. При этом вошедший в систему пользователь может управлять своим профилем даже из Frotnend.

  • Отображать созданный контент во внешнем интерфейсе — контент, созданный с помощью внешнего интерфейса, может отображаться с любым макетом, разработанным Elementor.
    Вы можете отображать любые данные поля, будь то заголовок сообщения или мета сообщения.

  • Неограниченное количество виджетов для создания формы — у вас будет неограниченное количество виджетов, включая текстовое поле, текстовое поле, флажок, переключатель, поле раскрывающегося списка, средство загрузки файлов, заголовок сообщения
    , содержимое сообщения, различные поля пользователя, поля мета, поля категорий, поля таксономии и многое другое. и многое другое для изготовления форм разного типа.

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

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

  • Загрузить файлы — вы можете загружать файлы любого типа в веб-интерфейсе.

  • Отправка / отправка гостевых сообщений не авторизованными пользователями — вы также можете разрешить гостевому пользователю создавать контент из внешнего интерфейса, если хотите. (Требуется про версия)

  • Управление доступом к виджетам с учетом ролей — вы можете определить, какая часть вашей формы интерфейса или панели администратора интерфейса должна быть видимой / доступной для какой роли пользователя
    . (Требуется про версия)

  • Панель администратора Frontend — Вы можете создать полностью отдельную панель администратора во Frotnend для ваших авторизованных пользователей.Пользователям вашего сайта больше не требуется
    для входа в wp-admin. Вместо этого они войдут в административную панель внешнего интерфейса после входа в систему.

  • Вы можете установить пользовательский URL-адрес перенаправления после входа пользователя в систему.

  • Контроль доступа для wp-admin — с помощью UFEL вы можете контролировать, какая роль пользователя может иметь доступ к вашей панели wp-admin по умолчанию, а кто нет.

Документация

Вы можете найти полную документацию по этому плагину здесь.
http://docs.cybercraftit.com/docs/user-frontend-for-elementor/

Как создать форму публикации в пользовательском интерфейсе Elementor и как ею пользоваться
Как создать форму категории в пользовательском интерфейсе Elementor и как ею пользоваться.
Как создать регистрационную форму в Elementor и как ею пользоваться
Как создать форму входа в UFEL и как ею пользоваться
Демо

Вы можете найти полную демонстрацию этого плагина здесь.
Демо для пользовательского интерфейса для Elementor

Имя пользователя: ufel
пароль: admin

Характеристики
  • Интерфейсная панель администратора — вы можете создать интерфейсную панель администратора для пользователей. Даже разные административные панели могут быть созданы для разных пользователей разных ролей.
  • Неограниченное количество элементов форм в виде виджетов — Создание сообщения, страницы или пользователя или чего-то еще является частью панели администратора, и для этого нужна форма. С этим подключением вы сможете
    создать форму для этого и добавить ее в панель администратора интерфейса, чтобы пользователи могли создавать сообщения, страницы и т. Д.

  • Перетаскивание — вы можете создавать макеты панели администратора, просто добавляя виджет путем перетаскивания, как вы это делаете с другими виджетами в Elementor.

  • Конструктор панелей управления интерфейсом

  • Различные типы форм — вы можете создавать разные типы форм. Форма публикации, форма страницы, форма пользователя и даже форма категории с ним.

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

  • Публикация во внешнем интерфейсе — пользователи (которых вы авторизуете) могут публиковать сообщения из внешнего интерфейса с помощью форм, которые вы создаете в серверной части, и позволять им использовать

  • Создание пользователя во внешнем интерфейсе — Пользователь (которого вы авторизуете) также может создавать пользователей с помощью форм, которые вы создаете в серверной части.
  • Конструктор профилей внешнего интерфейса — для пользователей может быть создана полная страница профиля для внешнего интерфейса
  • Отправка формы Ajax — отправка формы раздражает, если требуется перезагрузка страницы.Таким образом, этот плагин опускает его и позволяет отправлять форму без перезагрузки страницы.
  • Создание сообщения из внешнего интерфейса
  • Создание пользователя из внешнего интерфейса
  • Создание категории из внешнего интерфейса
  • Создание тегов из внешнего интерфейса
  • Создание таксономии из внешнего интерфейса
  • Список сообщений с разбивкой на страницы — вы можете сделать страницу списка сообщений вместе с редактированием, удалить действия, подобные тому, что в бэкэнде
  • Список пользователей с разбивкой на страницы — вы можете сделать страницу списка пользователей вместе с одновременным редактированием, удалить действия, подобные тому, что в бэкэнде
  • Список категорий с разбивкой на страницы — Вы можете сделать страницу списка категорий вместе с редактированием, удалить действия, подобные тому, что в бэкэнде
  • Список тегов с разбивкой на страницы — вы можете сделать страницу списка тегов вместе с редактированием, удалить действия, подобные тому, что находится в бэкэнде
  • Список таксономий с разбивкой на страницы — Вы можете сделать страницу списка таксономий вместе с постоянным редактированием, удалить действия, подобные тому, что находится в бэкэнде
  • И многое другое…
Pro

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

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

1) Регулярное обновление
2) Мгновенное обновление безопасности
3) Приоритетная поддержка
4) Поддержка настройки плагина при необходимости
5) Интеграция запросов функций на приоритетной основе
6) Контроль доступа — пользователь может контролировать конфиденциальность / доступность любого виджет, форма, страница и т. д.
7) Создание контента гостем — пользователь, вышедший из системы / гость, может создавать пост, страницу или любой контент.
8) Управление видимостью и доступностью виджета для различных ролей.
9) Список сообщений / содержимого любого автора (ов)
10) Управляйте действиями, как вы хотите (добавление, редактирование, удаление) для перечисленных сообщений
11) Виджеты полей: группа флажков
, датапикер
, выдержки из сообщений

12) Виджет отображения: виджет списка плагинов
с возможностью активировать, деактивировать или удалять, виджет списка тегов
, список всех таксономий
, список тем
с возможностью активировать, деактивировать или удалять
13) Форма: форма настроек
— поля страницы настроек администратора wp,

14) Создайте любую таксономию так, как вы хотите, вместе с категориями.

15) Таможенная регистрация

Вы можете найти про версию здесь

2.0.0.1

  1. [fix] Исправлена ​​проблема с вызовом функции при активации

2,0

  1. [новый] Добавлены новые хуки и функции.
  2. [новое] Добавлены новые поля
  3. [fix] Исправлена ​​типографика
  4. [fix] Изменена структура кода

1.0.2

  1. [fix] Исправлена ​​проблема с сохранением категории.
  2. [fix] Тип исправлен
  3. [исправлено] Исправлена ​​проблема с заполнением параметров в авторе сообщения, статусе сообщения и настройках поля
  4. [fix] Исправлена ​​проблема с отображением метки радиополя
  5. [fix] Исправлена ​​проблема с сохранением статуса публикации.
  6. [fix] Исправлена ​​ошибка, из-за которой обязательное поле было ограничено для роли пользователя, показывающее ошибку.

1.0.1

  1. [новое] Не нужно включать elementor для форм вручную, это сделает сама система.
  2. [fix] Пост теперь сохраняет
  3. [fix] Исправлена ​​ссылка на справку
  4. [исправлено] Список форм теперь заполняется в элементе управления формой
  5. [исправлено] Список сообщений теперь заполняется в элементе управления формы кнопки отправки

1.0,1

  1. [новое] Не нужно включать elementor для форм вручную, это сделает сама система.
  2. [fix] Пост теперь сохраняет
  3. [fix] Исправлена ​​ссылка на справку
  4. [исправлено] Список форм теперь заполняется в элементе управления формой
  5. [исправлено] Список сообщений теперь заполняется в элементе управления формы кнопки отправки

1.0.1

  1. [новый] Обновленный файл Readme
  2. [новое] Справка обновлена ​​

1,0

  1. [новое] Плагин инициализирован

Visibility Logic for Elementor — плагин для WordPress

Скрыть или показать виджет Elementor в зависимости от того, вошел ли пользователь в систему, вышел из системы (гость), имеет определенную роль, в зависимости от метаданных пользователя, в определенные даты или по используемому браузеру.

Вы также можете скрыть весь раздел или показать его только определенным пользователям.

На основе ваших настроек видимости для каждого виджета вы можете ограничить отображение элементов на интерфейсе, что означает, что вы можете скрыть или показать любой виджет Elementor в зависимости от роли пользователя (подписчик, автор, администратор и т. Д.), Если пользователь вошел в систему. или если пользователь авторизован.

Примечание. Обновление более старой версии 1.2.0 до 2.1.3 безопасно и сохранит ваши первоначальные настройки. Вы по-прежнему можете получить к ним доступ на вкладке «Видимость Stax» при редактировании виджета или раздела Elementor.

НОВЫЕ Бесплатные функции
  • Ограничение мета-контента пользователя
  • Ограничить контент на основе пользовательского браузера (Chrome, Mozilla, Safari и т. Д.)
  • Ограничения по дате и времени для содержимого
PRO Характеристики
  • Сообщение и страница, Таксономия, ограничение содержимого параметра URL
  • Ограничения архивирования, основанные на типах сообщений и таксономии
  • Ограничения IP и реферера
  • Ограничения условных тегов WordPress
  • Fallback — Позволяет отображать сообщение вместо того, чтобы скрывать элемент.

Узнайте больше о нашей версии Pro.

Другие варианты ограничения появятся. Предложения приветствуются.

Вот как вы найдете настройки ограничения видимости Elementor:
1. Откройте страницу с Elementor
2. Перейдите и выберите любой виджет со страницы
3. Перейдите в Advanced — Visibility control
4. Здесь вы найдете ограничение настройки для вашего элемента.

Больше от StaxWP

Оцените плагин BuddyBuilder.
Создавайте потрясающие сообщества на своем сайте на базе Elementor и BuddyPress

Политика конфиденциальности

Мы используем Appsero SDK для сбора некоторых данных телеметрии после подтверждения пользователя.Это помогает нам быстрее устранять проблемы и улучшать наши продукты.

  • Advanced — Настройки контроля видимости — Показать для пользователей
  • Advanced — Настройки контроля видимости — Скрыть для пользователей
  1. Загрузите плагин в каталог «wp-content / plugins»
  2. Активировать плагин
  3. Редактировать страницу с помощью Elementor
  4. Выберите существующий элемент или добавьте новый.
  5. Перейти к расширенному — Контроль видимости
  6. Включите условия и установите ограничения для виджета Elementor
  7. Вот и все 🙂

«Visibility Logic for Elementor» — это программное обеспечение с открытым исходным кодом.Следующие люди внесли свой вклад в этот плагин.

авторов
2.1.7
  • Условия даты и времени Улучшение пользовательского интерфейса для отображения текущего времени сервера в редакторе
2.1.6
  • Исправить ограничение раздела при использовании с опцией «Скрыть HTML»
  • Исправить интеграцию с плагином Paid Memberships Pro для ограничений разделов
2.1.5
  • Улучшенная логика и фиксированный тип условия при установке «По крайней мере одно» в соответствии с ограничениями
2.1,4
  • Улучшение: добавлен элемент управления AJAX для мета-выбора пользователя для повышения скорости редактора
  • Исправить резервный текст, чтобы он отображал правильный экранированный HTML-код
2.1.3
  • Переход с версии 1.2.0 ничего не изменит на вашем сайте. Мы добавили безопасные резервные настройки для более старых настроек из v1. Старые настройки теперь учитываются и доступны в настройках виджета. Вы можете переключиться на новые настройки, если хотите, или просто оставить их на месте.
2.1.2
  • Добавлены дополнительные пользовательские мета-условные операторы
  • Добавлен значок рядом с виджетами и разделами с включенными условиями в редакторе Elementor
  • Улучшения страницы настроек администратора
2.1.1
  • Обновите логику миграции, чтобы уменьшить потребление памяти
2.1.0
  • Новая бесплатная функция: ограничение пользовательского мета-контента
  • Новая бесплатная функция: ограничение содержимого на основе пользовательского браузера (Chrome, Mozilla, Safari и т. Д.)
  • Новая бесплатная функция: ограничения даты и времени для содержимого
2.0,3
  • Обновление логики переноса старых настроек для внутренних элементов.
2.0.2
  • Сделать перенос настроек автоматическим при обновлении плагина.
2.0.1
  • Исправить совместимость версий PHP в логике обновлений
2.0.0
  • Рефакторинг логики кода и введение функций Pro.
1.2.0
  • Исправлен крайний случай при объединении скрывающих элементов для гостей и роли пользователя
1.1.0
  • Сделал селекторы на всю ширину, так как была ошибка с элементом управления Select2
1.0.4
  • Внесены изменения в логику скрытия, и элемент полностью скрыт, лишних пустых обертывающих div не отображается.
1.0.3
  • Добавлены настройки видимости для раздела
1.0.2
  • Добавлен перевод pot file
1.0.0
Будьте соавтором

Если вы хотите внести свой вклад, перейдите в наш репозиторий GitHub.

Вы также можете добавить новый язык через translate.wordpress.org.

Создание формы входа и регистрации для Elementor

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

Итак, мы собрали подробное руководство, которое поможет вам создать пользовательскую страницу входа и регистрации с помощью плагина Elementor page Builder.

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

Теперь виджет конструктора форм, который поставляется с Elementor, заблокирован в своей профессиональной версии. Однако вместо получения Elementor Pro для создания вашей регистрационной формы мы рекомендуем использовать плагин Ultimate Addon for Elementor (UAE), поскольку он поставляется с множеством мощных блоков и виджетов по сравнению с Elementor Pro.

Оглавление

Преимущества создания настраиваемой страницы регистрации

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

Вот некоторые ключевые преимущества создания настраиваемой страницы регистрации, чтобы дать вам представление:

1. Персонализация страниц регистрации пользователей

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

Виджет «Форма регистрации пользователя» может использоваться для следующих целей:

  • Элегантное решение для того, чтобы стать участником интернет-магазина
  • Пользовательская регистрационная форма WordPress, отражающая ваш бизнес
  • Безопасная форма для форумов и электронного обучения веб-сайты
  • Индивидуальная форма регистрации для веб-сайтов участников

2.Соберите всю необходимую информацию из единой формы

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

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

3. Настройте взаимодействие с пользователем

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

4. Борьба со спамом и повышение безопасности

С добавлением Honeypot и ReCaptcha вы можете бороться со спамерами и предотвращать поддельные регистрации.

5. Идеально для вашего фирменного стиля

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

Как создать настраиваемую форму регистрации пользователя с помощью Elementor?

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

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

Примечание : Прежде чем продолжить, убедитесь, что вы включили опцию Членство , перейдя на Панель инструментов> Настройки> Общие> Членство: Включено .

Включение опции членства позволит любому пользователю зарегистрироваться на вашем сайте.

Шаг 1. Создайте форму регистрации пользователя с помощью подключаемого модуля UAE (Ultimate Addon for Elementor)

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

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

Если вы перетащите виджет, вы увидите поля формы по умолчанию.

Вы можете поэкспериментировать с полями — вы можете удалить поле, которое вам не нужно, или добавить другие поля, такие как имя пользователя, имя и т. Д.

Существует возможность управлять требуемой шириной столбца и шириной столбца для отдельных поля формы.

Вы также можете управлять размером ввода и метками полей (хотите ли вы их отображать или скрывать) или обязательной меткой.

Шаг 2. Настройте параметры формы

После ознакомления с основами вы можете настроить параметры формы, посетив раздел Общие параметры . Отсюда вы можете выполнять следующие функции:

  • Роль нового пользователя
  • Выберите «После действий регистрации»

Вот подробное описание обоих:

Роль нового пользователя

Если у вас есть членский сайт, который требует пользователя, чтобы зарегистрировать его на вашем веб-сайте, то по умолчанию вы назначаете «Роль пользователя» как Subscriber .

Вы можете установить роль пользователя по умолчанию для своих участников, и назначенная роль будет установлена ​​для всех новых пользователей, когда они зарегистрируются на вашем веб-сайте.

Выбрать действия после регистрации

Пользователь может выбрать следующие действия, которые он может выполнить после регистрации на сайте членства, с помощью виджета «Форма регистрации пользователя»:

  • Автоматический вход : с помощью этой опции вы можете разрешить пользователь для автоматического входа на ваш сайт. После предоставления учетных данных в первый раз пользователю не нужно будет снова входить в систему, потому что он войдет на веб-сайт автоматически после успешной регистрации.
  • Перенаправить после регистрации : с помощью этой опции вы можете перенаправить пользователей на страницу приветствия или страницу входа в систему после успешной регистрации. Вы можете настроить страницу с переадресацией, вставив URL-адрес нужной страницы в поле URL-адреса под этим параметром.
  • Отправить электронное письмо: когда пользователь успешно зарегистрирует его на вашем веб-сайте, эта опция отправит ему электронное письмо, подтверждающее его регистрацию. Содержание электронного письма можно настроить, и вы можете сделать его личным, чтобы сделать его более теплым.Но если вы хотите отправить одно и то же электронное письмо всем своим пользователям, вы также можете сделать это, изучив этот вариант.
  • Скрыть после регистрации: Иногда вам может потребоваться скрыть форму регистрации пользователя после того, как он успешно зарегистрировался на вашем сайте. С помощью опции «Скрыть после регистрации» вы можете скрыть регистрационную форму при переходе на страницу входа в систему или просто отобразить сообщение «Успешно» после предоставления им ссылки для перехода на страницу входа для доступа к веб-сайту.Вы можете найти эту опцию в разделе «Общие настройки» на вкладке «Содержимое» виджета.

Далее вы можете разработать и стилизовать форму регистрации пользователя, используя вкладку «Стиль» виджета.

После этого вы закончите создание и настройку виджета «Форма регистрации пользователя». Форма готова к размещению на веб-сайте Live.

Шаг 3: Добавьте форму регистрации пользователя на свой веб-сайт

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

Ниже мы разработали еще несколько способов, которые помогут добавить любой виджет в редактор Elementor.

например для формы регистрации пользователя на странице WooCommerce

Если вы хотите создать настраиваемую страницу WooCommerce, то есть страницу моей учетной записи, под именем Custom Account Page, вы можете просто:

Щелкнув на кнопке «Изменить с помощью Elementor» , ‘и вы попадете в редактор Elementor.

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

Наконец, для настройки страницы как «Моя страница учетной записи» перейдите на панель управления WordPress. И следуйте по следующему пути в разделе WooCommerce:

WooCommerce> Настройки> Дополнительно> Настройка страницы> Моя страница учетной записи> Страница моей учетной записи> выберите страницу пользовательской учетной записи

Вы можете увидеть страницу, содержащую виджет формы регистрации пользователя ОАЭ на странице учетной записи WooCommerce. .

Заключение:

Вы можете создать стильную регистрационную форму с предпочтениями по вашему выбору для своего веб-сайта, используя Elementor и ОАЭ.

Следуя инструкциям в этой статье, вы можете регистрировать пользователей с помощью виджета «Форма регистрации пользователя» в ОАЭ. Это простое и элегантное решение для создания стильной формы регистрации для ваших новых пользователей.

Войти | Регистрационная форма | Основные дополнения для Elementor

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

Как активировать вход в EA | Регистрационная форма №

Чтобы использовать этот элемент Essential Addons , создайте новый пост или страницу на панели инструментов WordPress и нажмите «Редактировать с помощью Elementor». После этого найдите элемент ‘EA Login Register Form’ в строке поиска на вкладке «ELEMENTS» в редакторе Elementor.Просто перетащите элемент в любое место на странице.

После успешного выполнения этого шага вы должны увидеть EA Login | По умолчанию зарегистрируйте элемент формы на своей странице таким образом.

N.B: Чтобы использовать регистрационную форму , сначала убедитесь, что у вас включено членство на вашем веб-сайте WordPress. Вы можете сделать это, перейдя на панель управления WordPress и выбрав Настройки → Общие .Прокрутите страницу вниз и включите опцию « Кто угодно может зарегистрироваться» .

Как настроить параметры содержимого #

Чтобы настроить содержимое вашего EA Login | Зарегистрируйте элемент формы , перейдите на вкладку «Содержимое» и измените там параметры.

Генеральный №

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

При желании вы также можете включить Google reCAPTCHA в своей регистрационной форме для входа в систему . Все, что вам нужно сделать, это нажать на опцию «Общая форма входа» или на опцию «Общая форма регистрации». Для этого вам потребуется ключ сайта и секретный ключ. Вы можете узнать больше, как это сделать, в этом руководстве .

Содержимое заголовка формы #

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

Поля и параметры формы входа #

В разделе «Поля и параметры формы входа в систему » вы можете выбрать использование меток и заполнителей по умолчанию, добавить свои собственные метки и заполнители или полностью скрыть их все. Вы также можете использовать переключатель, чтобы показать или скрыть флажок « Remember Me» и значок «Password Visibility» .

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

Вход в социальную сеть #

В разделе «Социальный вход» у вас есть возможность включить как вход в систему Facebook, так и вход в систему Google . Вы можете переключать эти параметры, чтобы посетители сайта могли входить в систему со своими учетными записями Facebook или Google.

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

Поля и параметры регистрационной формы #

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

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

Зарегистрируйте пользователя и параметры электронной почты администратора #

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

Положения и условия №

В разделе «Условия и положения » вы можете выбрать принудительное соблюдение условий и положений, когда посетители вашего сайта захотят зарегистрироваться. Вы можете добавить собственный источник контента или написать его самостоятельно с помощью редактора.

Сообщения проверки #

Из раздела «Сообщения проверки» у вас есть возможность отображать пользовательские сообщения для различных случаев, например, сообщения об ошибках при сбое reCAPTCHA или недействительных электронных письмах, или сообщения об успешном выполнении, когда пользователь успешно входит в систему.

Как оформить вход в EA | Регистрационная форма №

Чтобы стилизовать ваш EA Войти | Зарегистрируйте элемент формы , перейдите на вкладку «Стиль» и измените там параметры.

Генеральный №

В разделе «Общие» вы можете изменить ширину блока контейнера, изменить поля и отступы, добавить границы и тень блока. Вы также можете установить цвет фона или использовать изображение в качестве фона или даже использовать градиентный фон.

Форма входа №

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

Стиль входа в социальную сеть #

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

Форма входа reCAPTCHA #

В параметре «Форма входа reCAPTCHA» вы можете изменить поля для вашей reCAPTCHA, выбрать светлую или темную тему и изменить размер на компактный.

Прочие #

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

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

Окончательный результат #

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

N.B: Для предварительного просмотра формы необходимо скопировать ссылку предварительного просмотра на своей странице и открыть ее в новом окне в режиме инкогнито, в котором вы не вошли на свой веб-сайт.

Оставить комментарий

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

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

© 2019 Штирлиц Сеть печатных салонов в Перми

Цифровая печать, цветное и черно-белое копирование документов, сканирование документов, ризография в Перми.