Ekran logowania, który jest domyślnie wyświetlany w WordPressie nie jest zbyt interesujący głównie przez swoją powszechność i z reguły nijak ma się do wyglądu strony głównej samego serwisu. Dzisiaj omówimy wtyczkę Custom Login Plugin, dzięki której sprawnie zmienicie wygląd wspomnianego ekranu logowania.

Wtyczka Custom Login Plugin jest dość nowa, ponieważ powstała na początku 2015 roku. Korzysta z niej przeszło 10 tys. serwisów. Została zaprojektowana w ten sposób, żeby nawet osoby nieznające HTML oraz CSS były w stanie stworzyć atrakcyjny wygląd ekranu logowania. Wtyczka szczególnie przyda się serwisom, które umożliwiają rejestrację i logowanie się czytelnikom. Użytkownik pluginu otrzymuje dostęp do niezwykle intuicyjnego panelu konfiguracyjnego. Po kilkunastu minutach zabawy udało mi się stworzyć taki projekt:

Screenshot (14)

INSTALACJA WTYCZKI

  • Zaloguj się do swojego panelu administracyjnego.
  • Przejdź do “Wtyczki” oraz “Dodaj nową”.
  • W wyszukiwarce wpisz “Custom Login Plugin”.
  • Kliknij “Zainstaluj” przy pierwszej wtyczce.
  • Uruchom wtyczkę.

KONFIGURACJA WTYCZKI

Przejdź do “Ustawienia” i kliknij “Admin Custom Login”. Następnie na pierwszym widocznym ekranie zaznacz “Enable Custom Login” w sekcji “Admin Custom login Status” i kliknij “Save Changes”.

Wszelkie zmiany wprowadzone w panelu zalecam przeglądać w trybie incognito przeglądarki, ponieważ wtedy nie będziesz zalogowany do systemu. Przejdźmy teraz do omówienia poszczególnych sekcji w menu po lewej stronie.

admincustomlogindashboard

BACKGROUND DESIGN

W tym miejscu można wybrać styl tła całego ekranu logowania spośród trzech różnych opcji:

  • Static Background Color – tło będzie jednolitego koloru. Można wybrać na bazie przygotowanej palety lub wprowadzić kolor w HEX.
  • Static Background Image – w tle będzie wyświetlany statyczny obrazek. Zalecany rozmiar to minimum 1920×1080 pikseli.
  • Background Slideshow – w tle będzie wyświetlany pokaz slajdów z wysłanych zdjęć. Maksymalnie 6 zdjęć, minimum 2. Zalecany rozmiar to 1920×1080 pikseli.

LOGIN FORM SETTING

W tym miejscu można opracować wygląd formularza logowania na podstawie kilku opcji:

  • Login from Floating – pozycja formularza logowania na ekranie. Może być po lewej, po środku oraz po prawej
  • Select Background – wybór typu tła pomiędzy tłem jednolitego koloru i w formie zdjęcia.
  • Login Form Opacity – przezroczystość formularza wyrażona w pikselach.
  • Login Form Width – szerokość formularza wyrażona w pikselach.
  • Border Color – kolor obramowania formularza.
  • Border Radius – zaokrąglenie rogów formularza.
  • Border Style – styl obramowania.
  • Border Thickness – grubość obramowania.
  • Enable form shadow? – cień pod formularzem.
  • Form Shadow Color – kolor cienia formularza.

FONT SETTING

W tej sekcji ustawiamy wszystkie detale dotyczące fontów – kolory, rozmiary oraz style. Tutaj zmienisz także ikonki w polach użytkownika oraz hasła. Wybór jest bardzo szeroki.

LOGO SETTING

W tym menu załadujesz swoje logo, które możesz podlinkować gdziekolwiek. Ustalisz także jego wysokość oraz szerokość.

SOCIAL SETTINGS

W tej sekcji możesz zdecydować się na zamieszczenie ikonek linkujących do swoich profilów w social media. Do dyspozycji mamy Facebooka, Twittera, LinkedIn, Google+ oraz Pinteresta.


Ostatnia opcja związana jest z eksportem oraz importem stworzonych już wcześniej konfiguracji wtyczki. Custom Login Plugin jest idealnym rozwiązaniem dla osób, które nie miały nigdy do czynienia z HTML oraz CSS, a chcą, żeby ich panel logowania wyglądał atrakcyjnie.

SPRAWDŹ NASZĄ OFERTĘ HOSTINGOWĄ

(wykorzystaj kod customloginplugin i zyskaj 10% rabatu na pakiety zenbox 5k, zenbox 25k, zenbox 50k oraz zenbox 100k w miesięcznym lub rocznym okresie rozliczeniowym)

Autor:

root

Może ci się spodobać również

płatności woocommerce
Porady - 2 sierpnia 2022 10:42

Jak zintegrować WooCommerce z bramkami płatności?

W poprzednim artykule pokazaliśmy Ci, w jaki sposób możesz stworzyć swój własny sklep internetowy oraz przeszliśmy przez jego podstawową konfigurację. Przyszedł czas na uruchomienie płatności w Twoim sklepie. Pokażemy Ci krok po kroku, w jaki sposób uruchomić płatności WooCommerce online oraz te za pobraniem. 

Więcej →

Jak otworzyć sklep internetowy?
Porady - 26 lipca 2022 8:32

Jak otworzyć sklep internetowy? Dzięki WooCommerce zrobisz to w jeden dzień!

Branża e-commerce rozwija się nieustannie, a co za tym idzie, coraz więcej przedsiębiorców myśli o założeniu sklepu internetowego. W końcu pomyślmy sami, kto z nas nie robi zakupów przez Internet? Może Ci się wydawać, że stworzenie swojego sklepu internetowego jest czymś trudnym do wykonania. Nic bardziej mylnego! Skrypt WordPress po raz kolejny staje na wysokości zadania i daje Ci możliwość stworzenia sklepu w łatwy sposób. Poznaj zatem wtyczkę WooCommerce!

Więcej →

Porady - 22 lipca 2022 10:25

Jak uruchomić wielojęzyczną stronę WordPress?

Internet jest miejscem, w którym przecinają się drogi wielu narodowości, które niekoniecznie porozumiewają się jednym językiem. Oczywiście, w kontekście historycznym możemy przyjąć, że językiem urzędowym Internetu jest język angielski, niemniej rozwój technologii przyczynił się do zwiększenia populacji użytkowników sieci. Co za tym idzie, pojawiła się konieczność by wykonać tłumaczenie treści umieszczanych w Internecie na inne, nie mniej rozpowszechnione języki.

Więcej →

Komentarze

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.

CAPTCHA

Szanujemy Twoją prywatność

Na stronie internetowej używamy plików cookies lub podobnych technologii w celach zapewnienia poprawnego i bezpiecznego funkcjonowania strony, w celach analitycznych i statystycznych, dostosowywania strony do indywidualnych potrzeb Użytkowników oraz w celach reklamowych. Jeżeli wyrażasz zgodę na przetwarzania Twoich danych w powyższych celach, kliknij „Akceptuj wszystko”. Możesz nie wyrazić zgody na korzystanie przez nas z plików cookies pozyskanych przez Twoje urządzenia mobilne korzystając z możliwości kontynuacji korzystania ze stron internetowych w domenie zenbox.pl nie akceptując plików cookies, jak również poprzez zarządzanie ustawieniami plików cookies w Twoich przeglądarkach. Administratorem Twoich danych osobowych jest zenbox sp. z o.o. Więcej informacji dot. przetwarzania danych osobowych oraz korzystania z plików cookies znajdziesz w Polityce Prywatności.

Niezbędne pliki cookies

„niezbędne” pliki cookies - są niezbędne do funkcjonowania strony internetowej, umożliwiające korzystanie z usług dostępnych w ramach Serwisu, służące zapewnieniu bezpieczeństwa w korzystaniu z niego, np. wykorzystywane do wykrywania nadużyć w zakresie uwierzytelniania w ramach Serwisu.