WordPress es una herramienta de gestión de contenido de código abierto. Está escrito en PHP y MySQL. Se utiliza para crear fácilmente sitios web hermosos y completos. WordPress se puede personalizar fácilmente realizando cambios en funciones simples de PHP. Estos tutoriales le mostrarán cómo personalizar fácilmente la página de administración de WordPress agregando un nuevo fondo y cambiando el logotipo predeterminado.

requisitos

  • Nombre de dominio (por ejemplo, example.com)
  • Editor de texto
  • Credenciales para administradores de WordPress

Paso 1:

Vaya a la carpeta de su tema actual, cree una carpeta y asígnele un nombre Inicio de sesión de administrador. Cree un archivo de texto en la carpeta y guárdelo como my-custom-css.css

Para asegurarse de que WordPress accederá a este archivo CSS, debe realizar algunos cambios en los temas de WordPress. function.php Archivo. La function.php El acceso se realiza a través del panel de WordPress en el menú Ver

Abre eso functions.php Archivo y agregue la siguiente línea de código y actualice el archivo

function my_custom_admin() {
echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('stylesheet_directory') . '/login/my-custom-css.css" />';
}
add_action('login_head', 'my_custom_admin');

Esto le dirá a WordPress que preste atención a nuestro CSS personalizado cuando cargue la página de inicio de sesión del administrador.

Paso 2:

Puede reemplazar el logotipo predeterminado de WordPress y agregar su propio logotipo personalizado agregando algunas líneas de código a nuestro archivo CSS recién creado.

.login h2 a {
  background-image: url('my-login-logo.png');
}

Debe asegurarse de que su archivo de logotipo my-logo.png está en el Inicio de sesión de administrador Carpeta.

Paso 3:

También puede reemplazar la imagen de fondo simple con su propia imagen de fondo personalizada. Para hacer esto, agregue otro conjunto de códigos a su archivo CSS y guarde el archivo.

body.login {
  background-image: url('admin-bg.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

Nuevamente, debe asegurarse de que el admin-bg.jpg está en el Inicio de sesión de administrador Carpeta.

Paso 4:

También puede cambiar el enlace del logotipo de wordpress.org a su propio enlace. Para hacer esto, agregue la siguiente línea de código a su tema function.php Archivo.

// Use your own logo link
function wpc_url_login(){
  return "http://www.example.com/"; // }
add_filter('login_headerurl', 'wpc_url_login');

Conclusión:

Haciendo algunos cambios en el tema function.php Si agrega su propio archivo CSS, puede personalizar la página de inicio de sesión del administrador a su gusto.