Si has instalado Wordpress en inglés por error y quieres traducirlo al español es bien sencillo.
Lo primero que debemos hacer es sobreescribir los ficheros de nuestro wordpress por el wordpress en español (descarga desde el sitio web).
Si con esto no se ha traducido (sería normal) abrimos nuestro fichero wp-config.php y editamos la variable define (‘WPLANG’, ”); tendremos que dejarla de esta manera:
define ('WPLANG', 'es_ES');
Guardamos el fichero y listo, todo estará en español (incluido el dashboard).
Pues a la hora de rediseñar el sitio lo primero que me planteé fue traducir los meses y los días de mi blog, ya que detesto que todo el sitio esté en español (Salvo error de traducción por mi parte) y muestre las fechas de las entradas en inglés.
Para traducir esto solo hace falta ir al siguiente directorio de nuestro wordpress:
/wp-includes/
Una vez ahí tendremos que localizar el fichero locale.php, donde podremos traducir los meses y días de nuestro wordpress.
Espero haya sido de ayuda.
Saludos, Dario.
Se me planteó una curiosidad para jugar con el overflow de las capas…
¿Y si creo una página con un ancho y alto fijos a modo de presentación en el que tan sólo una capa sea flexible?
Buscando por internet llegué a un hilo de foros del web en el que trataban éste tema, y me he tomado la libertad de terminar un poco el código (para añadirle un ancho a la web y que se autocentre).
El código CSS:
html, body {
height: 100%;
width: 100%;margin: 0;
}
#caja {
display: table;
height: 100%;
width: 100%;
position: relative;
background:#000;
}
.centrado {
display: table-cell;
vertical-align: middle;
margin: 0 auto;
padding: 0 10px;
height: 100%;
background:#FFF;
}
.texto {
position: relative;
top: 0;
display: block;
background-color: #f00;
color: #fff;
width:400px;
height: 300px;
margin-left:auto;
margin-right:auto;
}
Y el código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Centrado Vertical</title>
</head>
<body>
<div id="caja">
<div class="centrado">
<p class="texto">Texto de la página aquí</p>
</div>
</div>
</body>
</html>
Y el resultado sería algo como esto:
(Clic en la imagen para agrandar)
Hay muchas personas que me preguntan qué tipo de Software utilizo para diseñar y desarrollar sitios web desde Ubuntu (o cualquier distro de GNU/Linux). Por eso creo ésta entrada.
En primer lugar decir que realizo los sitios web 100% desde Ubuntu, sin necesidad de tocar el windows XP que tengo otra partición más que para actualizar el GPS.
Ahí van las herramientas que utilizo más frecuentemente:
Diseño gráfico:
- Inkscape – Para dibujos vectoriales
- Gimp – Para creación de backgrounds, botones y demás
- FontForge – No se trata de una herramienta de diseño gráfico como tal, pero a la hora de ser originales con un sitio web/logo no está de más crear tus propias fuentes.
Desarrollo/programación
- Aptana – Es un IDE open source que trae soporte para ajax, javascript, (X)HTML, CSS y ampliandolo con plugins soporta Ruby on Rails, PHP, Python, Perl[1], Adobe AIR, Apple iPhone and Nokia WRT
- Bluefish – Un editor de texto con resaltado de código para múltiples lenguajes
- Eclipse y Netbeans – Realmente sólo los utilizo para programar Java para la universidad.
Herramientas varias
- Firefox – Para comprobar una vez hemos terminado un sitio.
- Opera – Para lo mismo (tener varias versiones de cómo se ve el sitio web en varios navegadores)
- ies4linux – Para probar el puñetero IE
- Apache – con LAMP tenemos todo (en xp sería XAMP o WAMP)
- Filezilla – Cliente FTP para subir los archivos (importante)
Y ya está, creo que con esas herramientas podríamos hacer casi cualquier diseño/desarrollo que nos encargasen.
*Entrada sujeta a cambios por actualización.
Saludos, Darío.
A todos en nuestros inicios se nos plantea el mismo problema: ¿Cómo podemos mantener el pie de la página siempre abajo? Pero ésta vez no quiero “abajo del contenido” sino abajo de todo; pegado al borde inferior de mi pantalla en caso que el contenido no rellene la misma, en caso de que la página tenga un largo scroll, etc.
Ésta es la técnica del wrapper, conocida por casi todos los maquetadores CSS, pero que yo tardé en descubrir (lo que tardé en usar google) y quiero compartirla hoy aquí.
Para ésto, creamos las siguientes propiedades CSS:
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}
.footer, .push {
height: 4em;
}
Como HTML tenemos la siguiente estructura:
<html>
<head>
<link rel="stylesheet" href="layout.css" ... />
</head>
<body>
<div class="wrapper">
<p>Your website content here.</p>
<div class="push"></div>
</div>
<div class="footer">
<p>Copyright (c) 2008</p>
</div>
</body>
</html>
Si necesitais ver un ejemplo revisad la fuente, propone un ejemplo.
Fuente: Ryanfait
