Tip WordPress: Cambiando la Cara del Login de nuestro WordPress

Navegando por las diversas webs de agregadores sociales, me encontré que existen algunos sitios que cambian el Diseño del Login de WordPress por uno propio.

Esto, aparte de dar una Marca Personal, es muy entretenido si tu blog es escrito entre varios Bloggers. Les hará una mejor impresión y, quizás, postulen a alguna galería demostrativa.

Hoy vamos a aprender cómo cambiar las imágenes de nuestro Login en WordPress. Para ello necesitaremos un Editor de Imágenes y nuestro Cliente FTP apuntando a nuestra Instalación de WordPress.

Manos a la Obra…!

Preparación y Ejecución

Lo primero que haremos será ir a la Carpeta donde se encuentran las Imágenes que editaremos. Las imágenes a editar serán dos: Una compuesta por la Parte superior llamada “login-bkg-tile.gif” y la otra, el pié de Página, llamada “login-bkg-bottom.gif”. Ambas imágenes se encuentran en /wp-admin/images de nuestra Instalación de WordPress.

Las descargamos a nuestro ordenador, para editarlas. Sugiero hacer un respaldo de las Imágenes por si algo malo sucediese en el Camino de Edición. En este Post estarán las “Copias de Respaldo” de las Imágenes que editaremos.

Una vez descargadas, el área Gráfica es nuestro estilo, ustedes deciden qué agregar y qué no, qué modificar y la “Marca Personal” que quieran darle.

Pueden usar algo de Aopyo agregando Imágenes y elementos, o inspirarse en el Diseño de MarlexSystems que está aquí. Les dejo también los PSD de Photoshop -que pueden descargar desde los enlaces de Abajo- para que si desean pueden comenzar con una Idea externa. En Flickr también encontrarán una Galería con otros Diseños de Login.

Una vez que tengan editadas las Imágenes, lo único que resta es subirlas a nuestra instalación de Wordpress. Cuida que se mantengan los mismos nombres de las Imágenes que las Originales, y por experiencia personal, cuida también de que la Imagen más grande tenga un alto de 700 Píxeles, ya que generalmente se agregan textos de error o mensajes en la Parte superior y que harán crecer la Página.

 

En MarlexSystems esperamos sus Diseños! Dejando un Comentario…

Descarga de PSD | login-bkg-bottom.psd y login-bkg-tile.psd
Galería | Custom WordPress Login Pool Flickr
Enlace | Diseño del Login de MarlexSystems

1. Hosting comentó:
   11 de Marzo del 2010 a las 5:54 PM (Responder ↓)

   Creo que esta muy bueno ya que de otra manera debes estar modificando manualmente el wp-login.php y puedes terminar haciendo lios.

   Hay un plugin para customizar con CSS:

   http://wordpress.org/extend/plugins/login-style/

   Saludos.!!!!!

Nombre (requerido)

Correo-e (No será publicado aquí) (requerido)

Sitio Web (Si no posees, déjalo vacío)

Avísame por email de nuevos comentarios

Condiciones de Uso | Política de Privacidad | Publicidad | Acerca de | Contacto | Buscador | Administración