Si estás buscando cómo personalizar el logotipo de wp-login en tu sitio web de WordPress, haz llegado al post indicado, ya que te explicaremos como ejecutar el cambio de forma sencilla y rápida.
Por lo general, al entrar como administrador se mostrará el formulario de datos junto a un fondo con la imagen de WordPress. Esto se muestra de forma predeterminada, sin embargo, el logotipo de wp-login se puede modificar.
Pero, ya que la plataforma no incluye la función para ejecutar el cambio, ese necesario instalar plugins o códigos que te permitan personalizar el logotipo de wp-login.
Por lo tanto, en este pot te explicaremos como hacerlo de forma básica añadiendo CSS. Así que presta atención y toma nota de lo siguiente.
Personalizar logotipo de wp-login añadiendo el CSS
En primer lugar para añadir CSS en el login se debe emplear la action login_enqueue_scripts junto a la función wp_enqueue_style(). De esta forma podrás insertar los archivos CSS.
En tal sentido, en la función wp_enqueue_style() se usará el login como parámetro para establecer las dependencias. Esto debido a que se refiere al identificador del archivo CSS que por lo generar se ejecuta en el wp-loging.php.
Por lo tanto, al fijar lo anterior el archivo CSS se cargará luego para poder sobrescribir estilos predeterminados.
Es decir, para insertar mitheme/assets/css/login.css en la functions.php se debe agregar el siguiente código.
Al mismo tiempo se puede insertar CSS inline
Luego con el CSS ya cargado en WordPrees ya puedes personalizar el logotipo de wp-login.
Cambiar logotipo de wp-login
Una vez añadido el CSS, podrás cambiar el logotipo. Debes tener en cuenta que la imagen que se muestra está predeterminada con un background desde el CSS.
Por lo tanto, para modificar se debe sobrescribir en el selector. Es decir, en el archivo login.css que se inserte debe quedar así.
Finalmente, de esta forma ya se habrá ejecutado el cambio.
También te puede interesar:
