Pero, ¿Cómo insertamos imágenes a nuestros post?

Existen dos modos de hacerlo. Bien subiendo al servidor donde se aloja todo el blog la imagen, o bien enlazando una imagen guardada en otro sitio web, sin llegar a guardarla en nuestro sistema.

Las diferencias son varias. Si lo guardamos en nuestro servidor, gastamos nuestro espacio para guardarla, pero también es cierto que no dependemos de nadie, ya que en el caso de linkar y colocarla desde otra web/blog, puede ocurrir que el propietario del blog o de la web donde está alojado decida borrarla, cambiar la ruta de acceso a la misma o modificarla, lo que provocará que todos los cambios que haga en ella nos afecten, tanto si la borra, que dejaría de verse en nuestro blog, porque referenciaría a algo que no existe ya, como si la modifica, ya que nosotros la veríamos modificada en nuestro blog, como si le cambia de ruta (carpeta) dentro de su servidor, porque al apuntar a un sitio concreto no se encontraría y no se mostraría en nuestro blog.

La opción más idónea y profesional es la de almacenarla en nuestros servidores ya que así no dependemos de la web origen para mantener nuestro blog de calidad. Pero es comprensible que si quieres ahorrar en hosting uses el otro método.

Insertar una imagen, simplemente linkándola:

Al escribir un post, en la barra superior de edición tenemos varios iconos y uno que destaca por tener la imagen de un árbol (1), al clickar sobre él, nos aparece una ventana(2) donde nos pregunta la dirección url de la imagen, Image URL(a), donde está la imagen. Para saberla hemos de ir a la imagen en cuestión y clickando con el botón derecho sobre ella elegir Propiedades y copiar la url que nos da para pegarla en el campo Image URL(a).

Después nos pide la descripción de la imagen en el campo Image description(b) , la alineación en el campo Alginment(c) si queremos que se muestre abajo, arriba, a altura media, centrada a la izquierda, derecha, etc.

El tamaño en Dimensions(d), con el que queremos que se vea, yo os recomiendo no rellenar este dato y dimensionarla después una vez colocada entre el texto según nos interese.

El grosor del borde en Border(e) si queremos que tenga, normalmente no querremos por lo que podremos un grosor de 0.

En el espacio vertical, en el campo Vertical space(f) indicaremos el espacio vertical que guardará el texto alrededor de la imagen y lo mismo para el espacio horizontal en Horizontal space(g).

Finalmente pulsaremos sobre el botón Insert(3) y la imagen aparecerá entre el texto donde teníamos el cursor, si no es satisfactorio el resultado, siempre podemos borrarla y volverlo a repetir o seleccionar la imagen y volver a clickar sobre el icono del árbol para modificar las características.

Insertar una imagen guardándola en tu servidor.

Para insertar una imagen subiéndola en nuestro sistema, primero hemos de guardar la imagen elegida, en nuestro disco duro, para ello, clickaremos el botón derecho sobre la imagen que nos gusta en el sitio web donde la hayamos encontrado, y acto seguido elegiremos en el menú contextual que aparece la opción Guardar imagen como.. , le diremos la carpeta de nuestro ordenador donde guardar provisionalmente la imagen y pulsaremos Guardar.

Acto seguido iremos al panel de escritura del post, debajo del recuadro del post y de los tags y pulsaremos sobre la pestañita Subir(1), después en el botón Examinar(2) y buscaremos la imagen que acabamos de guardar en nuestro disco duro. La seleccionaremos y clickaremos Aceptar.

Solo nos quedará añadir en Título(3), un título a la imagen, este título permite que al situarnos encima de la imagen sin clickar en ella aparezca una palabra con fondo amarillo. Para finalizar pulsaremos sobre Upload(4), de forma que se cargará la imagen en el servidor que aloja el blog.

Aún nos quedarán algún detalle, como elegir si mostrarla en forma de Miniatura(5), a Tamaño completo(5) o como un texto solo, Título(5).

Y además si al clickar sobre ella la imagen funcionará como enlace llevándonos a otro lado, como a ver la imagen a tamaño completo seleccionando Archivo(6), a una página web distinta con Página(6), o a ningún sitio con Ninguno(6).

Lo habitual suele ser elegir Tamaño completo(5) y redimensionarla una vez entre el texto, y en Enlace a:(6) elegir Ninguno(6) para que no actúe como enlace.
Tan solo nos quedará ya pulsar sobre Enviar al editor(7) para que aparezca entre el texto como queríamos.

Se me olvidaba comentar que una vez subida la imagen al blog, ya podemos borrarla de nuestro disco duro sin problemas, ya que ya está en el servidor que es donde debe estar.

Espero que os haya servido de aclaración a todas las dudas sino en los comentario podéis preguntar.

Porque una de las novedades que trajo el nacimiento de Internet fue el lenguaje HTML (HyperText Markup Language) y la propiedad hipertexto para los textos.

Esta propiedad permite que un texto simple en una página web, cobre vida y sea capaz de al hacer click encima con el puntero del ratón, llevarte a otro sitio web de destino que previamente hemos definido.

Esto lo puedes hacer tu mismo en tu próximo post y llevar al usuario a otra web, vamos a ver como.

¿Como creo un enlace? Sencillo. Si estás en Wordpress escribiendo una entrada, tan solo has de seleccionar el texto que queremos convertir en link y clickar en el icono de los eslabones

Se nos abrirá una pequeña ventana donde le especificaremos los tres parámetros básicos de un enlace:

• URL: Dirección web donde queremos que vaya a parar el usuario/lector al clickar sobe el link. Siempre poner el “http://“, el “www” en ocasiones no es necesario.
• Target (Destino): Destino donde queremos que muestre la nueva página, puede ser en la misma ventana, o abriendo una nueva.
• Title (Título): Texto que queremos que muestre el enlace al situarnos encima sin llegar a clickar.

Una vez rellenados pulsamos el botón”Insert” y listo. Al clickar sobre el nos llevará a la web que hemos puesto enURL

Otro modo de crear un link es conociendo la simple estructura de HTML usa para este objeto, para ello clickaríamos en la pestañita Código que hay entre el recuadro para escribir la entrada y el título del post

y podríamos lo siguiente:

<a

href=”http://www.google.es”

target=”_blank“

title=”GOOGLE“

>Buscador</a>

Los enlaces se crean con la etiqueta a con signos de mayor y menor para abrir <a> y cerrar el enlace </a>, y unos cuantos parámetros más, que son los de antes.

La palabra Buscador sería el valor que equivalente a la palabra que hemos seleccionado en el caso anterior del texto para que se convierta en enlace.

La dirección web http://www.google.es es lo que podríamos en el campo URL el parámetro href.

La palabra _blank es lo que indica que se abra en una nueva ventana el valor del parámetro target.

La palabra GOOGLE es lo que podríamos en el campo título, el valor del parámetro title.

Al clicar de nuevo en la pesataña “Visual”, como resultado a lo anterior obtendríamos el siguiente bonito resultado:

Buscador

Por ello vamos hoy a empezar con los Cómo.. con el: ¿Cómo escribir un post?

Para escribir un post suponiendo que ya tenemos una cuenta en WordPress.com o un blog de WordPress.org instalado y funcionando, accederemos a loggearnos en el sistema entrando en http://midominio.com/wp-admin/ introduciremos el usuario y contraseña y nos aparecerá el panel de control (My Dashboard) interno para editores.

En él elegiremos la pestaña superior “Escribir“/”Redactar” y automáticamente se nos abrirá la que hay dentro llamada “Escribir entrada“, de forma predeterminada, y nos aparecerá algo muy similar a cuando escribimos un mail.

Donde podremos ver dos cuadraditos, uno para el “Título” del post (equivalente a el asunto del mail) y otro para la “Entrada“, que será el Texto del Post (equivalente al contenido del mail).

En el recuadro “Entrada” es donde escribirás todo lo que quieras contar, explicar o informar.

También para llegar a este punto podemos clickar en la primera pantalla del panel de control en “Escribir una entrada” que nos llevará al mismo sitio que como hemos dicho antes (http://mydominio.com/wp-admin/post-new.php)

Una vez escrita la entrada podremos pulsar sobre el botón inferior “Publicar” para publicarla y así ya la verá todo el mundo.

Yo os recomiendo que siempre antes de pulsar sobre “Publicar“, uséis el botón “Guardar y segur editando” que lo que hará será guardar lo escrito en base de datos sin que nadie lo vea aún, y a la vez crea un enlace en la parte superior derecha (según versión) llamado “Preview“/”Previsualizar” que te lleva a una previsualización del post. Y te permite ver como ha quedado antes de publicarlo finalmente.

El botón de al lado de “Guardar y segur editando” que pone “Guardar“, guarda también en la base de datos lo escrito, pero en vez de mantener en la pantalla de edición del post te lleva a la de Gestión de post.

Una vez creado el post, es recomendable asignarle una categoría en la columna lateral, y si no está la que necesitas y tienes permisos de editor, usando el recuadro superior solo has de escribirla y pulsar crear, automáticamente aparecerá abajo, y marcada para ser asignada a este post.

También es recomendable que asignes varios tags a cada post para que así se pueda encontrar posteriormente de modo más fácil.

Aclaración: midominio.com puede sustituirse si estás en una instalación propia de WordPress.org por entusiasta.net si está instalado en el mismo dominio, por entusiasta.net/ayuda, como es mi caso, por estar en una subcarpeta del dominio principal, o por ayuda.entusiasta.net si está en un subdominio del dominio principal, según lo tengas configurado.

Si lo que usas es WordPress.com será: mi_nombre_de_usuario.wordpress.com

En un principio este blog se pensó para servir como punto de consulta y aprendizaje con todo lo relacionado con los blogs y el escribir en ellos, para que la gente que fuera incorporándose a la red como blogger.

Para que esa gente que tuviera el potencial, capacidad y ganas entusiastas de unirse al proyecto y de escribir sobre algo que le apasione, no le frenara todos los tecnicismos y palabrejos que en este mundillo habitan.

Pero vimos que si en vez de hacer esto de modo privativo e interno, lo hacíamos con “filosofía open”, alguien más podría usar lo escrito y así ha sido, poco a poco hemos visto que un blog que iba a ser para contadas personas, ahora era uno más en cuanto a tráfico y demás.

Así que hemos decidido retomarlo un poco más en serio y aunque no postearemos en el todos los días si que intentaremos dotarlo de conocimientos y referencias que os sean de utilidad e interés a todos los que se inician cada día que son miles.

El anterior diseño era más claro y sencillo, pero este es un poco más corporativo, mantiene el esquema de color que usaba y hace que esté al nivel del resto, esperamos cambio realizado os guste.

El feed nos permite sindicarnos (suscribirnos) al contenido que se genera en el blog, para que en vez de ir nosotros a buscarlo cada vez, escribiendo su dirección web en el navegador, ese contenido acuda a nosotros en nuestro lector de feeds/agregador de noticias, cada vez se publique algo nuevo.

Los formatos más comunes son RSS y Atom y su símbolo representativo es el cuadrado naranja con las ondas de emisión.

Para suscribirnos a un feed tan solo hay que clickar en el blog sobre el icono y elegir nuestro lector habitual de feeds/agregador de noticias, a continuación, ya aparecerá como una fuente de información más donde podremos ver cada novedad en el momento que se publique.

Más info: feed en la wikipedia, feed en Microsiervos, feed en Studio ST