Personalizar la pantalla de administración de Wordpress

Publicado por Nikko el dia 13 Jul 2007 - Guardado en Diseño Web, WordPress 1,682 Views

login1.jpg

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.

  • No Related Post
  1. Vaya, de bastante ayuda :D 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

  2. Carlos - Gravatar

    Carlos

    13-07-2007

    Permalink

    Hola niko como andas?
    no me sirvio guarde las imagenes, las subo pero sigue apareciendo la misma :( jeje ya que y eso que me habia quedado bonito :P
    salu2

  3. Carlos - Gravatar

    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

  4. Nikko - Gravatar

    Nikko

    13-07-2007

    Permalink

    Carlos ^_^ si a veces tarda un poquito en mostrar los cambios..saludos Amigo

  5. Esto ya lo había hecho en mi blog mas que por curiosidad :P
    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 :D

  6. blackhat - Gravatar

    blackhat

    13-07-2007

    Permalink

    login-bkg.bottom.gif no esta disponible ..

  7. Nikko - Gravatar

    Nikko

    13-07-2007

    Permalink

    blackhat: Corregido estaba mal el enlace..de todas formas te darás cuenta con solo ver la carpeta..saludos

  8. Chicoblog - Gravatar

    Chicoblog

    13-07-2007

    Permalink

    Interesantisimo, en un tiempito mas actualizare mi admin x)

    Muchas gracias!
    Saludos ^^

  9. […] 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) […]

  10. […] Tuorial para cambiar tu splash log-in de Wordpress de Xyberneticos? […]

  11. […] Personaliza la pantalla del login de tu wordpressInteresante y sencilla forma de darle un toque personal a la pantalla de login de wordpress. […]

  12. […] Vía Xyberneticos […]

  13. Sabo - Gravatar

    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!

  14. […] Personaliza el formulario de acceso a la administración de Wordpress. […]

  15. […] •Personalizar la pantalla de administración de Wordpress: Quizás muchos de ustedes sean diseñadores profesionales, otros iran camino a ello… […]

  16. […] 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 […]

  17. FeLiPe RM - Gravatar

    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 ;-)

  18. Nikko - Gravatar

    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

  19. […] 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 […]

  20. FeLiPe RM - Gravatar

    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 ;-)

  21. […] recordaras el post donde explicábamos lo fácil que es personalizar nuestro tablero de login en wordpress. Aun siendo un proceso muy […]

  22. […] 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 […]

  23. […] recordaras el post donde explicábamos lo fácil que es personalizar nuestro tablero de login en wordpress. Aun siendo un proceso muy […]



Nombre: (Necesario)

E-mail: (Necesario)

Website:

Escribe tu comentario: