Skocz do treści

Tech Hex Blog

Programowanie, technologia i tematy około technologiczne

Tech Hex Blog

Programowanie, technologia i tematy około technologiczne

WordPress: zmiana logo na stronie logowania

  • Michał Michał
  • Short, Web, Wordpress
  • 3 czerwca 2016

Zmiana logo na stronie logowania wordpressa jest bardzo prosta i wymaga jedynie kilku linii kodu. Oryginalna strona widoczna jest na obrazku powyżej. Jeśli chcemy zastąpić domyślne logo wordpressa naszym własnym, należy dodać do pliku functions.php w katalogu naszego motywu następujący kod:

add_action('login_enqueue_scripts', function() { ?>
		<style type="text/css">
			#login h1 a, .login h1 a {
				background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/logo.png);
				width: 185px;
				height: 185px;
				background-size: initial;
			}
		</style>
	<?php });

Funkcja get_stylesheet_directory_uri() wskazuje na katalog używanego motywu, jeśli jest to child theme to wskaże na katalog child, zamiast na motyw nadrzędny (w przeciwieństwie do funkcji get_template_directory_uri()). Obrazek z nowym logo należy umieścić w katalogu wp-content/themes/nazwa_motywu/images/logo.png. Parametry width, height oraz background-size są opcjonalne, domyślnie logo ma wielkość 84px i nowe zostanie przeskalowane do takiej wielkości jeśli te parametry nie zostaną dodane. Jeżeli chcemy zachować oryginalny rozmiar należy dodać wspomniane parametry z wartościami odpowiednimi dla naszego nowego logo.

Moja nowa storna logowania wygląda jak na obrazku poniżej.
nowa strona logowania

Share this:

  • Click to share on Twitter (Opens in new window)
  • Click to share on Facebook (Opens in new window)
  • Click to share on LinkedIn (Opens in new window)
  • Click to share on Reddit (Opens in new window)
  • Click to share on Pocket (Opens in new window)
  • Click to share on WhatsApp (Opens in new window)
  • Click to share on Skype (Opens in new window)
  • Click to email this to a friend (Opens in new window)

Like this:

Like Loading...
Tagi:loginlogoPHPshortwordpress
previousDjango – manage.py i niestandardowe polecenia
nextGoogle Cloud – pierwsze kroki w chmurze

Dodaj komentarz Anuluj pisanie odpowiedzi

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Social

     

Najnowsze wpisy

  • Java Bean Validation – niestandardowy walidator danych
  • Java Bean Validation + Spring Boot – sprawdzanie poprawności danych w Spring Boocie
  • Java 15 – Co nowego w kolejnym wydaniu?
  • Docker + Spring Boot – zamykamy aplikację w kontenerze Dockerowym
  • Java Bean Validation – sprawdzanie poprawności przesłanych danych

Najnowsze komentarze

  • Jakub o Docker + Spring Boot – zamykamy aplikację w kontenerze Dockerowym
  • Michał o Docker + Spring Boot – zamykamy aplikację w kontenerze Dockerowym
  • mate00 o Docker + Spring Boot – zamykamy aplikację w kontenerze Dockerowym
  • Michał o Java 15 – Co nowego w kolejnym wydaniu?
  • Adam o Java 15 – Co nowego w kolejnym wydaniu?

Kategorie

  • AWS
  • Bash
  • Bean Validation
  • Bez kategorii
  • Cloud
  • CodeBuild
  • CodePipeline
  • Django
  • Docker
  • ECR
  • GIT
  • Google
  • Hadoop
  • Hardware
  • Java
  • JavaScript
  • Linux
  • MacOS
  • PHP
  • Python
  • Raspberry PI
  • Selenium
  • Short
  • Spring
  • Spring Boot
  • Spring Boot Mail
  • Spring Data JPA
  • Spring Security
  • Testowanie
  • Web
  • Wordpress

Archiwa

  • Grudzień 2020
  • Listopad 2020
  • Październik 2020
  • Wrzesień 2020
  • Sierpień 2020
  • Lipiec 2020
  • Marzec 2020
  • Luty 2020
  • Styczeń 2020
  • Grudzień 2019
  • Listopad 2019
  • Październik 2019
  • Sierpień 2019
  • Lipiec 2019
  • Luty 2019
  • Wrzesień 2018
  • Sierpień 2018
  • Lipiec 2018
  • Czerwiec 2018
  • Maj 2018
  • Lipiec 2017
  • Październik 2016
  • Czerwiec 2016
  • Styczeń 2016
  • Wrzesień 2015
  • Sierpień 2015
  • Czerwiec 2015
  • Maj 2015
  • Marzec 2015

Meta

  • Zaloguj się
  • Kanał wpisów
  • Kanał komentarzy
  • WordPress.org

Neve | Powered by WordPress

loading Cancel
Post was not sent - check your email addresses!
Email check failed, please try again
Sorry, your blog cannot share posts by email.
%d bloggers like this: