Архив за месяц: Июнь 2020

Плагин для создания всплывающей формы авторизации Login/Signup Popup ( Inline Form + Woocommerce )

Простым и удобным в применении оказался плагин Login/Signup Popup ( Inline Form + Woocommerce ). Все формы плагина поддерживают AJAX. В плагине встроенные скрипты для работы всплывающих окон с формами авторизации. Гибкая настройка форм в админке. В платном версии плагина есть возможность добавлять свои мета-поля в форму регистрации. Есть поддержка авторизации через СМС при подключении дополнительного модуля. Приятный внешний вид. В шаблон формы можно вставить логотип, баннер или картинку (настройки в админке).

Оригинальная форма входа для плагина
Дефолтная форма входа в всплывающем окне
Оригинальная форма входа не всплывающая
Дефолтная форма входа при размещении на странице

Путем не сложных изменений дефолтные шаблоны форм легко адаптируются под нужный дизайн. Пример на стандартной теме WordPress TwentyTwenty.

Всплывающая форма входа тема TwentyTwenty
Всплывающая форма входа
Всплывающая форма регистрации темы TwentyTwenty
Всплывающая форма регистрации
Всплывающая форма восстановления пароля для темы TwentyTwenty
Всплывающая форма сброса пароля

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

Форма входа на странице тема TwentyTwenty
Форма входа на странице
Форма регистрации на странице темы TwentyTwenty
Форма регистрации на странице
Форма входа на странице для темы TwentyTwenty
Форма сброса пароля на странице

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

Вывод ошибки в всплывающей форме темы TwentyTwenty

Вызов всплывающих форм авторизации можно добавить в главное меню сайта. После активации плагина в админке => внешний вид => меню => добавьте элементы меню, появляются элементы Login/Signup Popup, которые можно добавить в меню.
В плагине есть возможность размещения шорткода, чтобы форма авторизации открывалась на странице или вызывалась всплывающая форма.

Через шорткод можно настроить, чтобы ссылка или название кнопки после авторизации изменялась на «Выход».
Гибкая система настроек дает широкую возможность адаптации.
Установить или скачать плагин Login/Signup Popup ( Inline Form + Woocommerce ) можно из репозитория WordPress.

0

Плагин для подсветки кода во фронт энде Urvanov Syntax Highlighter

Очень удобно, когда при просмотре публикации, содержащей код, синтаксис этого кода подсвечен. Это упрощает восприятие кода. Про подсветку кода в бэк-энде уже писал в публикации «Плагин для подсветки кода в back end HTML Editor Syntax Highlighter » , но с обновлениями WordPress в нем смысл пропал, так как разработчики WP уже внедрили подсветку в в основную версию. Но подсветка кода во фронт-энде остается актуальной. Мне очень нравился плагин Crayon Syntax Highlighter , но его разработчик прекратил обновлять еще четыре года назад. Тут , случайно, наткнулся на новый вариант Crayon Syntax Highlighter и в другом репозитории WordPress. Это плагин Urvanov Syntax Highlighter. Как выяснилось, это тот же Crayon, только полностью переделанный под новые версии WordPress, а так же добавился еще один разработчик . Внешне осталось по прежнему:

Плагин подсветки синтаксиса кода

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

Плагин подсветки синтаксиса кода

Это меню упрощает копирование кода, просмотр. Есть возможность открытия кода на всю страницу. Можно включить или отключить нумерацию строк, убрать подсветку кода.
Плагин охотно дружит с Гутенбергом. Сложностей при публикации кода никаких. Кнопка вставки кода «<> Urvanov Syntax Highlighter» появляется после установки плагина в текстовом редакторе.

Скачать плагин Urvanov Syntax Highlighter можно из репозитория WP.

0

Плагин Classic Editor для возврата к классическому редактору

С версии WordPress 5.0 в основную сборку вошел новый блочный редактор контента Гутенберг (Gutenberg).
Он назван в честь Иоганна Гутенберга, первого немецкого печатника, который в 1440-х годах изобрел печатную машину с подвижными литерами (Википедия).
Новый редактор полностью изменил страницу написания/редактирования страницы/поста, также из-за глобальных изменений с вывод контента у некоторых сайтов может сломаться верстка. В таком случае, можно вернуться к классическому виду редактора контента с помощью плагина Classic Editor , который можно установить из репозитория WordPress.
Хотя, я бы не стал торопиться и игнорировать нововведение. У Гутенберга есть все функции, которые были у классического редактора, а также очень удобные новые опции, например- простое перетаскивание блока по странице легким движением мышки.
Страницы, созданные еще в старых версиях WordPress, открываются для редактирования в Гутенберге в классическом редакторе, без необходимости установки плагина для возврата к классическому редактору, дальше решать вам: обновить формат или отредактировать в классическом редакторе.

0