Hoy vamos a aprender como se inserta una imagen en Wordpress (v.1.5), es algo sencillo pero tiene su truquillo… a ver si me explico, en caso de no ser así decídmelo e intento mejorar un poquito.
Paso 1. Debemos pulsar en “Subida“, en la barra principal de Wordpress.
Si ya estamos escribiendo el post, podemos hacerlo para mayor comodidad en una ventana nueva, pulsando sobre Subida con el botón derecho y abriéndolo en una nueva ventana o pestaña.
Paso 2. En el menú de subida debemos seleccionar en Examinar el fichero que deseamos integrar en el post, buscándolo en nuestro disco duro, y una vez encontrado, dándole a abrir. Aparecerá el nombre del fichero en la barra blanca que está a la derecha, y entonces podemos ponerle una descripción, y darle a subir.
Una vez hemos pulsado el botón debería aparecernos algo así.
En caso de que haya algún problema, poneros en contacto conmigo.
Paso 3. Una vez hemos subido la imagen, el paso siguiente es copiar el código tal y como se puede ver en la imagen de arriba, y pegarlo en nuestro post. El resultado, una vez puesto en un post en blanco, sería este:
Paso 4. Alineando la Imagen.
Una vez tenemos la imagen, el siguiente paso es ajustarla a nuestro gusto, teniendo diferentes opciones, de las que las más destacadas son:
Alineación a la derecha:
Añadimos a la línea básica de texto el align=”right” al final, que da como resultado la imagen que hay a la derecha.
< img src='/images/blogico.jpg' alt='Imagen de Prueba' align="right" />
Alineación a la izquierda:
Añadimos a la línea básica de texto el align=”left” al final, que da como resultado la imagen que hay a la izquierda, dejando el texto a su derecha.
< img src='/images/blogico.jpg' alt='Imagen de Prueba' align="left" />
Centrando la imagen
Para centrar la imagen (o cualquier texto) lo haremos con las etiquetas < center > en el comienzo, y < / center > en el final de lo que queramos centrar (sin espacios)
Para lo que empleaños este código:
(se deben suprimir los espacios anteriores y posteriores a los “corchetes”)
< center >
< img src='/images/blogico.jpg' alt='Imagen de Prueba'>
< /center >