
Quizás muchos de ustedes sean diseñadores profesionales, otros iran camino a ello. Sin dudarlo mucho, apostaría que la mayoría de los trabajos que realizan para clientes, se basan meramente en diseños para plataformas wordpress. Seguramente por lo sencillo que es utilizarla. Supongo que a la hora de diseñar para terceros, revisaran cada detalle con el fin de corroborar que todo funcione a la perfección y que el diseño lograra cubrir las expectativas del cliente. Aun revisando cada detalle del diseño en el cual trabajamos, nose porque, pero siempre olvidamos algún pequeño detalle. ¿Qué me dices del login de wordpress?…¿no lo tenias en cuenta?, si bien es algo sencillo, es algo que le podrá dar un poco mas de seriedad a tu trabajo o un poco mas de estilo a tu blog personal.
Pues, veamos entonces lo fácil que es personalizar la pantalla de “Wp-Admin” (donde damos el login).
Si tienes un blog en wordpress, basta con que des una mirada por la carpeta “wp-admin/ images”, en ella notaras dos archivos “GIF” titulados .
Estas dos imágenes componen el diseño que vemos al acceder a la pantalla de “admin”, una actuando como encabezado y otra como pie. Simplemente debemos remplazar estas imágenes respetando su tamaño, y cambiarla por nuestro diseño propio. Una buena idea es quizás poner la insignia de la empresa para la cual hemos realizado el diseño o la insignia de tu empresa de diseño web, para que el cliente recuerde nuestra dirección a la hora de querer rediseñar el sitio (jaja no viene mal).
Pd: Siempre me olvidaba de este pequeño detalle, la idea original fue de davidairey y lo descubrí gracias a blogvecindad.









Mikel Tripulante
13-07-2007
Permalink
Vaya, de bastante ayuda
muy buen post Nikko me ha ayudado bastante ya…
Si es prudente y hasta agradable cambiar la pantalla de la administración, no sé creo que se ve un poco más intimo y personal…
Saludos
Carlos
13-07-2007
Permalink
Hola niko como andas?
jeje ya que y eso que me habia quedado bonito 
no me sirvio guarde las imagenes, las subo pero sigue apareciendo la misma
salu2
Carlos
13-07-2007
Permalink
Actualizo el ultimo comentario. jeje siempre si me sirvio gracias niko por pasar esta info me quedo bien jeje salu2
Nikko
13-07-2007
Permalink
Carlos ^_^ si a veces tarda un poquito en mostrar los cambios..saludos Amigo
Alejandro Torres
13-07-2007
Permalink
Esto ya lo había hecho en mi blog mas que por curiosidad
Le di un tono negro con uno de los logos de WP que se postearon aquí en Xyberneticos n_n
Aqui les dejo las imagenes por si a alguien le gusta
http://www.alextorres.com.ar/blog/wp-admin/images/login-bkg-tile.gif
http://www.alextorres.com.ar/blog/wp-admin/images/login-bkg-bottom.gif
salu2
blackhat
13-07-2007
Permalink
login-bkg.bottom.gif no esta disponible ..
Nikko
13-07-2007
Permalink
blackhat: Corregido estaba mal el enlace..de todas formas te darás cuenta con solo ver la carpeta..saludos
Chicoblog
13-07-2007
Permalink
Interesantisimo, en un tiempito mas actualizare mi admin x)
Muchas gracias!
Saludos ^^
links for 2007-07-14 en newdisco
13-07-2007
Permalink
[…] Personalizar la pantalla de administración de Wordpress « Xyberneticos El título lo dice todo: Personalizar la pantalla de administración de Wordpress (tags: wordpress hint tip tool howto custom wp) […]
» Blog Archive » BitsFuzion Login splash!
13-07-2007
Permalink
[…] Tuorial para cambiar tu splash log-in de Wordpress de Xyberneticos? […]
Enlaces rápidos XXIII | Infected-FX| tutoriales, photoshop brushes y recursos para diseñadores web
13-07-2007
Permalink
[…] Personaliza la pantalla del login de tu wordpressInteresante y sencilla forma de darle un toque personal a la pantalla de login de wordpress. […]
Bloggus | Actualidad & Tecnología » Blog Archive » Personalizar la pantalla del login de Wordpress
13-07-2007
Permalink
[…] Vía Xyberneticos […]
Sabo
13-07-2007
Permalink
Yo ya había batallado con esta madre anteriormente, pero al volver a leer de este tema me armé de valor de nueva cuenta para dejarlo así:
http://www.malditoweekend.com/wp-login.php?action=register
hehehe… no soy diseñador, no se preocupen no lo volveré hacer… ¬¬
Saludos!
Entradas en las blogosferas.9 - Carrero Bitácora de los Hermanos Carrero, David Carrero Fernández-Baillo y Jaime Carrero Fernández-Baillo.
13-07-2007
Permalink
[…] Personaliza el formulario de acceso a la administración de Wordpress. […]
Enlaces Interesantes #2 at ZyruS WeB
13-07-2007
Permalink
[…] •Personalizar la pantalla de administración de Wordpress: Quizás muchos de ustedes sean diseñadores profesionales, otros iran camino a ello… […]
WordPress Login Skins | Infected-FX| tutoriales, photoshop brushes y recursos para diseñadores web
13-07-2007
Permalink
[…] un par de días comentábamos sobre la posibilidad de darle un toque personal a la pantalla de login de WordPress que Nikko nos pasó el […]
FeLiPe RM
13-07-2007
Permalink
Hola,
Una pequeña duda (aunque parezca que no).
He copiado los archivos a la carpeta /wp-admin/images/ pero no se me cambia el estilo en la pantalla de login.
He estado mirando y el tema uso los archivos de login llamados: “box-butt.gif” y “box-head.gif”. He intentado cambiar los tuyos a esos y no funciona y directamente copiándolos tampoco.
¿Alguna solución por favor?
Gracias
Nikko
13-07-2007
Permalink
FeLiPe RM pero en wordpress las imagenes se llaman como la que he puesto en el post…Por lo menos en la version 2.0 en adelante no recuerdo las otras..
Ahora puede ser que estés haciendo todo bien, solo que aun no ves los cambios por el tema de lo almacenado en cache…
Pero si haces todo bien, seguro se actualizara en unos días..yo al hacerlo en mi blog online, no se vi los cambios hasta el otro dia…pero probando en mi localhost el cambio es instantáneo…
Pero si cambias las imágenes adecuadas el cambio es garantizado..ya que o hay ningún truco de por medio
Saludos amigo
macrohw » Blog Archive » WordPress Login Skins
13-07-2007
Permalink
[…] un par de días comentábamos sobre la posibilidad de darle un toque personal a la pantalla de login de WordPress que Nikko nos pasó el […]
FeLiPe RM
13-07-2007
Permalink
Hola Nikko,
A ver. Si, si debería ser. Pero ahora he caído en preguntarte una cosa. ¿No sé cosa del css?
Es decir, intento ver esos archivos en el css y no están. Por tanto, ¿como va a funcionar entonces?
Es decir, me vienen las siguientes imagenes (que es lo que te decía):
#moremeta .dbx-content {
background: url(images/box-butt.gif) no-repeat bottom right;
padding-bottom: 15px;
padding-right: 2px;
}
#moremeta fieldset.dbx-box-closed {
background: url(images/box-butt.gif) no-repeat bottom;
padding-bottom: 9px;
#moremeta .dbx-handle {
padding: 6px 1em 2px;
font-size: 12px;
background: #2685af url(images/box-head.gif) no-repeat right;
}
#moremeta .dbx-box {
background: url(images/box-bg.gif) repeat-y right;
}
#advancedstuff h3.dbx-handle {
margin-left: 7px;
margin-bottom: -7px;
padding: 6px 1em 0 3px;
background: #2685af url(images/box-head-right.gif) no-repeat top right;
}
#advancedstuff div.dbx-handle-wrapper {
margin: 0 0 0 -7px;
background: #fff url(images/box-head-left.gif) no-repeat top left;
}
[…] etc.
Por eso, te pregunto, ¿me podrías aclarar cuales son los datos del css para que así si funcione los nombres de los archivos para configurar la pantalla de administracion de wordpress?
Muchas gracias.
Un saludo Nikko
BM Custom Login - Plugin wordpress para personalizar nuestros tablero login « Xyberneticos
13-07-2007
Permalink
[…] recordaras el post donde explicábamos lo fácil que es personalizar nuestro tablero de login en wordpress. Aun siendo un proceso muy […]
Plugin para personalizar nuestros tablero login de Wordpress
13-07-2007
Permalink
[…] más juego para probar cosas que antes era imposible. En el blog XYBERNETICOS nos recuerdan el post donde explicaba lo fácil que es personalizar nuestro tablero de login en Wordpress. Aun siendo un proceso muy […]
BM Custom Login - Plugin wordpress para personalizar nuestros tablero login « Indigo`s Blog
13-07-2007
Permalink
[…] recordaras el post donde explicábamos lo fácil que es personalizar nuestro tablero de login en wordpress. Aun siendo un proceso muy […]