Entradas con la etiqueta ‘manual’

Como instalar la última versión de WordPress

Para instalar wordpress simplemente deberemos realizar unos simples pasos.

Iremos a http://es.wordpress.org y una vez allí nos bajaremos la ultima versión de WordPress Este lugar nos permite descargar la ultima versión de WordPress traducida al castellano, aunque si queréis os podéis bajar la inglesa, pero el tiempo que hay entre que sacan la versión inglesa y la traducción española es casi nulo. Si de todos modos deseáis bajaros la versión inglesa la podréis encontrar en http://wordpress.org/download/ .

Ahora la descomprimiremos y accederemos a la descompresión para buscar el fichero wp-config-sample.php que lo abriremos mediante un editor de texto. Una vez abierto buscaremos la parte del código siguiente:

define(‘DB_NAME’, ‘putyourdbnamehere’);

/** MySQL database username */

define(‘DB_USER’, ‘usernamehere’);

/** MySQL database password */

define(‘DB_PASSWORD’, ‘yourpasswordhere’);

/** MySQL hostname */

define(‘DB_HOST’, ‘localhost’);

Donde pone “putyourdbnamehere” deberemos poner el nombre de la base de datos, en el lugar de “usernamehere” pondremos el nombre de la base de datos, al lugar de “yourpasswordhere” pondremos el pass de la base de datos y finalmente donde pone “localhost” pondremos la dirección web de nuestra base de datos (en mi caso en 000webhost es: “mysql5.000webhost.com”).

Una vez configurado lo guardaremos con el nombre wp-config.php en el mismo directorio que el archivo anterior.

Una vez terminado el proceso subiremos los archivos al servidor escogido. Para subirlos yo recomiendo FileZilla o FireFTP (extensión para Firefox).

Cuando hayamos terminado de subir los archivos al servidor iremos a la dirección www.tudominio.com/wp-admin/install.php. Una vez allí nos pedirá el nombre que deseamos asignarle a nuestro blog pero además deberemos indicarle nuestra dirección de correo electrónico. Cando hayamos realizado este paso nos mostrará nuestra contraseña por defecto, tendremos que apuntárnosla bien. Ahora teniendo el nombre y la contraseña iremos a www.tudominio.com/wp-admin y pondremos el nombre que será admin y el as que se nos haya asignado por defecto. Una vez dentro sería conveniente modificar nuestra clave para recordarla mejor y evitar algunos intentos de ataque.

Manual para crear cajas de colores utilizando CSS

En este manual aprenderás a crear unas cajitas de texto de distintos colores que contengan una imagen. Para hacerlo modificaremos el CSS (Cascade Style Sheet).

Nos quedará algo parecido al siguiente ejemplo:

Ejemplo de correcto
Ejemplo de aviso
Ejemplo de error
Ejemplo de información

Que hacer para poner las cajitas?

Para empezar deberemos modificar el archivo css que está en (pon el nombre del tema que estés usando):

wp-content/nombredeltheme/stylesheet.css

Una vez listo para editar el archivo deberemos poner este código:

.aviso {

background: #fffddc url(url de imagen de aviso) no-repeat 10px;

padding: 7px 10px 7px 37px;

border: 1px solid #f0ea8b;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

font-size:10px;

width: 580px;

}

Aviso será el nombre.

background: #fffddc url(url de imagen de aviso) no-repeat 10px; dónde background indica el fondo, #fffddc es el color, url de la imagen ya se sabe, url entera entre paréntesis y sin espacio entre url y los paréntesis.

padding: 7px 10px 7px 37px; paddinges la separación entre los objetos en pixels.

border: 1px solid #f0ea8b: Esto es el ancho del borde y su color.

-moz-border-radius: 5px; Esto es el radio de la esquina en caso que queramos redondearlo.

-webkit-border-radius: 5px; Esto es el radio de la esquina en caso que queramos redondearlo.

font-size:10px; Este será el tamaño de la letra.

width: 580px; Será el ancho.

Quizás os sea de ayuda esta imagen para comprenderlo un poco mejor.

Las fotos mejor que sean 16×16 porque 48×48 es demasiado grande aunque no lo parezca.

De este modo usaremos el estilo de texto de la página es decir el tipo de letra y su tamaño.

Ahora la parte de configuración ya está lista.

Cómo indicar que queremos colocar las cajas de texto?

Para colocar las cajitas de texto deberemos crear un post normal y poner <div class=”nombre”>Aqui escribes el texto que va en la caja</div>, pero en código HTML, no lo insertes como texto plano 😉 Nombre será el nombre que le hayamos puesto para identificarlo.

<div class=”nombre”>Aqui escribes el texto que va en la caja</div>

Buscador