Przejdź 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
poprzednieDjango – manage.py i niestandardowe polecenia
DalejGoogle Cloud – pierwsze kroki w chmurze

Dodaj komentarz Anuluj pisanie odpowiedzi

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Social

     

Ostatnie wpisy

  • Serwer Amazon EC2 i SSL od Let’s encrypt w aplikacji Spring Boot
  • Pisanie własnego ebooka
  • Kurs programowania w Javie od podstaw
  • Java 17 – nowa wersja z rozszerzonym wsparciem (LTS)
  • Java 16 – co nowego?

Najnowsze komentarze

  • Jakub - Docker + Spring Boot – zamykamy aplikację w kontenerze Dockerowym
  • Michał - Docker + Spring Boot – zamykamy aplikację w kontenerze Dockerowym
  • mate00 - Docker + Spring Boot – zamykamy aplikację w kontenerze Dockerowym
  • Michał - Java 15 – Co nowego w kolejnym wydaniu?
  • Adam - 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
  • Kurs programowania
  • Linux
  • MacOS
  • PHP
  • Python
  • Raspberry PI
  • Selenium
  • Short
  • Spring
  • Spring Boot
  • Spring Boot Mail
  • Spring Data JPA
  • Spring Security
  • Testowanie
  • Uncategorized
  • Web
  • Wordpress

Archiwa

  • maj 2022
  • kwiecień 2022
  • styczeń 2022
  • listopad 2021
  • marzec 2021
  • luty 2021
  • 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: