Меню

Custom login плагин настройка



Меняем страницу логина в WordPress (+ креативные примеры)

Практически во всех системах управления контентом для сайтов имеется специальная страница для входа в админку (с логином и паролем). Более продвинутые и функциональные CMS позволяют эти страницы модифицировать, изменяя визуальное оформление и тексты на них. Где-то это делается с помощью базовых возможностей систем, где-то за счет специальных хаков или плагинов.

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

Если говорить о простой смене логотипа (как вы можете видеть в изображении-примере в начале поста), то реализуется это весьма просто. Первым делом вам нужно создать соответствующую картинку, которая по размерам будет похожа на базовое лого WordPress. Сохранять ее следует с прозрачным фоном в формате PNG. Потом загружаем изображение на ФТП в директорию images используемого вами шаблона.

Следующих шаг — в разделе «Внешний вид» — «Редактор» открываем файл functions.php. Добавляем в него следующий код.

function custom_loginlogo() < echo ''; >add_action(‘login_head’, ‘custom_loginlogo’);

Здесь login_logo.png — название файла с картинкой, которую вы предварительно создали и загрузили в директорию images темы. Сохраняем все и проверяем как получилось.

Плагин BM Custom Login

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

Установка плагина BM Custom Login простая — скачиваете архив модуля отсюда, распаковываете и загружаете на ФТП в директорию /wp-content/plugins/. Либо находите его непосредственно в разделе плагинов в админке WordPress. Дальше активируете модуль и переходите в одноименный пункт меню с настройками.

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

Примеры креативной страницы логина в WordPress

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

Читайте также:  Prestigio multipad wize 3341 3g настройка

Ну и всякие разные другие более простые вариации страницы логина:

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

Источник

Как изменить форму входа в WordPress

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

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

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

Как изменить внешний вид формы входа в WordPress

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

1. Устанавливаем и активируем плагин Custom Login Plugin.

2. После активации плагина переходим к настройкам плагина: Настройки -> Admin custom Login.

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

Для этого устанавливаем значение на «Enable Custom Login» и нажимаем кнопку «Save Changes».

Теперь форма включена, и можно начинать изменять ее по своему желанию.

Замена фона на форме входа WordPress

4. Для замены стандартного фона переходим на вкладку настроек «Background Design». В выпадающем списке выберите один из трех вариантов:

  • Static Background Color — сделать фон одним цветом
  • Static Background Image — загрузить изображение на фон
  • Background SlideShow — установить слайд-шоу на фоне

Для установки изображения на фон выбираем «Static Background Image» и загружаем картинку нажав чуть ниже кнопку «Upload».

Настройка формы входа

5. Настроить форму входа с помощью этого плагина также очень просто. На вкладке «Login form Setting» можно настроить позиционирование формы (Login from Floating), изменить фон на картинку или сплошной цвет (Select Background), а также изменить:

  • Login Form Opacity — прозрачность формы
  • Background Effect — эффект фона
  • Login Form Width — ширина формы
  • Border Color — цвет границы
  • Border Radius — радиус границы
  • Border Style — стиль формы
  • Border Thickness — толщина границы
  • Enable form shadow? — тень формы
  • Form Shadow Color — цвет тени

Настройка шрифтов

6. Настройки шрифтов находятся на вкладке «Font Setting». Там же можно изменить цвет кнопки и иконки на форме входа. Сложностей в настройке шрифтов возникнуть не должно.

Читайте также:  Настройка openvox на asterisk

Как изменить логотип в WordPress при входе в админку

Для того, чтобы изменить стандартный логотип WordPress нужно перейти на вкладку «Logo Settings» и нажав кнопку «Upload» загрузить новый логотип. На этой вкладке также можно изменить ширину и высоту логотипа.

Социальные иконки, импорт/экспорт настроек плагина

С помощью этого плагина можно также под форму входа добавить кнопки соц. сетей. Включить и настроить их можно на вкладке «Social Settings».

Также можно импортировать и экспортировать настройки плагина. Делается все это на вкладке «Export / Import».

Результат изменения страницы входа

Всего за 5 минут у меня получилась вот такая форма входа в административную панель сайта WordPress:

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

В случае если у Вас возникли вопросы или что-то не получилось — смело пишите в комментариях.

Источник

GS Custom Login – плагин для создания привлекательного экрана входа

GS Custom Login – простой, гибкий и мощный пользовательский плагин входа в систему, позволяющий настроить свой экран входа в WordPress так как Вы хотите.

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

Опции плагина

  • Плагин активен / деактивирован;
  • Фоновый цвет;
  • Изображение на заднем плане;
  • Размер фонового изображения;
  • Положение фонового изображения;
  • Повторение фонового изображения;
  • Изменить текст заголовка логотипа;
  • Изменить URL-адрес логотипа, по умолчанию домашний URL-адрес веб-сайта;
  • Скрыть логотип;
  • Добавить свой логотип;
  • Установить ширину логотипа;
  • Установить высоту логотипа;
  • Ширина формы входа;
  • Цвет фона формы;
  • Фоновое изображение формы;
  • Фоновая позиция формы;
  • Повторить фон формы;
  • Размер фона формы;
  • Цвет границы формы;
  • Толщина границы формы;
  • Стиль границы формы;
  • Цвет шрифта метки формы;
  • Цвет текста ввода формы;
  • Цвет фона ввода формы;
  • Цвет границы поля формы;
  • Толщина границы поля формы;
  • Стиль границы поля формы;
  • Цвет кнопки «Отправить»;
  • Цвет текста при наведении;
  • Пользовательские CSS;
  • И многое другое.

Что делать, если GS Custom Login не работает после активации?

Перейдите в «Настройки»> «Пользовательский вход GS»> «Общие настройки». Выберите ACTIVE из выпадающего списка.

Когда закончите, нажмите «Сохранить настройки».

Размер изображения для фона

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

Размер изображения для логотипа на странице входа

Если вы используете бесплатную версию, вы должны загрузить 80 X 80. Принимая во внимание, что вы получаете возможность использовать любой размер для премиальной версии GS Custom Login.

Читайте также:  Все о настройке усилителей в авто

Источник

Плагины для изменения внешнего вида формы входа

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

Скорее всего, они однотипные, поэтому не хочется рассматривать их по отдельности, а постараюсь в одном посте посмотреть штук 5-6 самых активных и популярных.

Custom Login Page Customizer | LoginPress

Русского языка нет.

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

Внешний вид формы полностью настраивается в стандартном меню Настроить. Есть всё основное: изменение логотипа, изменение фона, настройка кнопки, редактирование сообщений и прочее. С режимом просмотра, конечно.

Custom Login Page Customizer

Плагин очень похож на предыдущий плагин, тот же способ настройки с предпросмотром: фон, лого, кнопка, поля формы.

Но настроек здесь меньше. Большой минус — нет редактирования текстов сообщений. Поэтому, на мой взгляд, уже проигрывает вышеуказанному плагину.

Customize WordPress Login Page

У данного плагина своя панель управления, на мой взгляд, немного шумная.

Один из основных ключевых элементов из описания — это слайдшоу на фоне. Ну, не знаю, насколько это актуально.

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

Custom Login

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

Custom Login Page by SeedProd

У этого плагина своя панель настроек с живым просмотром, похожая на WordPress customizer. Чем не угодила стандартная, неизвестно, но такой подход уже вносит разницу в управлении сайтом.

Erident Custom Login and Dashboard

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

Предпочтительный плагин

Я тестировал поверхностно, наверняка каждый из них работает должным образом.

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

Русского языка, конечно, ни у одного нет. Но это не страшно. Интуитивно можно разобраться вместе с живым просмотром изменений.

Плагин или не плагин?

Если нужно сделать 2-3 стилевые правки, то можно обойтись без плагина.

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

Решение в пользу плагина, если это создаст удобства и определенные преимущества.

Источник

Adblock
detector