Autor: Directorio Indaga

Valencia, 22/04/2013, G.B.
Una imagen vale más que mil palabras, según dicen. No sé hasta qué punto es cierto tal pensamiento, refrán o dicho. Lo que sí es cierto es que las imágenes son uno de los mejores aliados de los que dispones a la hora de publicar una entrada, de ‘postear’. Y es que en lo primero que solemos fijarnos es en el titular y la imagen de la noticia, entrada o post. Casi podríamos decir que es un tándem perfecto; incluso muchos opinarán que lo primero que captará nuestra atención es la imagen. Bueno, es muy probable, dependiendo de la misma claro. ¿Y cómo insertar imágenes en una entrada de WordPress? Pues es muy, muy sencillo. Más complicado es elegirla y prepararla para la web, cosas ambas tampoco complicadas, tranquilos. Las iremos viendo…

Pasemos ya sin más preámbulos a cómo insertar una imagen en nuestra entrada. Vamos a verlo por pasos, desde el principio, como un pequeño repaso o introducción a aquellos que desconocéis WordPress.

1) Elije la imagen (foto) a insertar en tu entrada o post.
2) Trátala para la web, guardándola en un formato para la misma: .jpg (o ,jpeg); .gif o .png
3) Loguéate (autentícate) en tu blog; ya sabes, nombredetublog/wp-admin o nombredetublog/wp-login-php
4) En tu Escritorio o Dashboard de WordPress ve a Entradas y elije Nueva Entrada o Todas las entradas, dependiendo si vas a hacer un nuevo post o si vas a editar (modificar) una ya creada, tanto si está publicada como si está en borrador
5) Ubica el puntero en el sitio en donde quieras insertar la imagen y pulsa en el botón  Añadir objeto. Adjunto captura de pantalla:
En este paso WordPress nos permite hacer varias cosas. La más sencilla es subir una imagen (Insertar objeto) desde nuestro ordenador o elegir una imagen que ya hayamos utilizado antes y que esté almacenada en la Librería de medios (Medios, Multimedia o librería multimedia) de nuestro blog en WordPress. Subamos primero una imagen:
Básicamente es el mismo proceso que el de adjuntar una imagen en un documento de texto o en un correo electrónico, por lo que seguro que os resultará completamente familiar. También podemos arrastrar directamente el archivo desde nuestro ordenador («Suelta archivos en cualquier lugar para subirlos«). Desde ese momento,  la imagen ya está subida, quedará almacenada en la Librería de medios o Multimedia de nuestro blog,

Ahora nos quedan solo unos pequeños pasos para poder insertar correctamente nuestra primera imagen. Podemos hacer más cosas, incluso editar la imagen desde WordPress, pero lo que voy a referir ahora es lo básico y lo que probablemente más utilicéis.

1) Insertar Título; Texto alternativo; Leyenda; Descripción. Si queremos hacerlo bien, es necesario que al menos insertemos el título y el texto alternativo a nuestra imagen, tanto para ayudar a los usuarios como a los buscadores. Una vez publicada nuestra entrada, cuando pasemos el ratón o el puntero sobre la imagen, aparecerá sobre la imagen el texto del título que hallamos puesto en ese apartado. Dicho título debe ser descriptivo, pudiendo utilizar si quieres el mismo que tu titulas. Eso va a gustos…

2) Decidir qué tamaño tendrá la imagen. Lo haremos desde AJUSTES DE LA PANTALLA DE ADJUNTOS, menú ubicado en la parte inferior derecha de la pantalla de Insertar objeto.
Las posibilidades que tenemos son: Miniatura; Medio; Tamaño completo. Estos tamaños están en píxeles y sus medidas nos las dará el propio tema o plantilla de WordPress que tengamos instalado. Generalmente, el tamaño ‘Miniatura‘ es de 150×150 píxeles; el ‘Medio‘ suele ser de hasta 300 píxeles de anchura, manteniendo ya la proporción relación – aspecto, y el Tamaño completo, el que hallamos elegido a la hora de editar y guardar nuestra imagen. Es importante que dicho tamaño no sobrepase en anchura el tamaño que tenemos prefijado de nuestra entrada, quiero decir la anchura.

3) Decidir la alineación de la imagen respecto al texto de nuestro post. Puede ser: Ninguna; Izquierda; Derecha; Centrar.

4) Elegir si la imagen estará enlazada a: URL personalizada; Archivo multimedia; Página de adjuntos; Ninguno. Si no queremos que al pulsar sobre la imagen el usuario la abra en una nueva ventana, elegiremos la opción ‘Ninguna’.

Cuando hallamos realizado estos pasos, pulsaremos en el botón ‘Insertar en la entrada‘ y la imagen se adjuntará en el lugar d ela entrada que hayamos elegido, con todos los atributos previamente decididos (tamaño, alineación, título, etc.)..

Tened en cuenta que una vez insertada la imagen en la entrada o post, podremos realizar cambios en la misma, incluso eliminarla de la entrada, pulsando sobre la misma, momento en el que aparecerán un par de iconos en la esquina superior izquierda de la imagen. El primero es para editarla y el segundo para eliminarla (solo de la entrada, no de nuestra Librería multimedia). En la parte de edición, podremos cambiar cualesquiera de los atributos que antes hayamos elegido, incluso el tamaño.

En el siguiente post o entrada veremos algunas opciones más: Crear galería; Fijar la imagen destacada; Insertar desde URL. Además, veremos más sobre la edición de la imagen en Ajustes avanzados. Hasta pronto!

Un post rápido…

Valencia, 16/04/2013, G.B.
Me he dado cuenta por casualidad que  Blogger ha actualizadoel diseño de Plantilla en HTML, es decir, la interfaz cuando vas a cambiar código en HTML de la plantilla de tu blog alojado en los servidores de Blogger. Ahora la interfaz es mucho más intuitiva, más fácil y útil, al estilo de un editor de código,  mostrando cada lenguaje en un color distinto.

La verdad es que es una mejora importante. Además, ahora tienes la posibilidad de ir directamente a un widget o artilugio como lo llama Blogger, para modificarlo, sin tener que buscarlo ‘manualmente’ con Control + F: Bien!

Como una imagen vale más que mil palabras, os dejo 3 de ellas en un slideshow (que ya me funciona correctamente…). Adjunto la edición de plantilla HTML del blog T2Cero, los talleres 2.0, cuya segunda edición empieza hoy martes:

[slideshow_deploy id=’8011′]

Valencia, 11/03/2013, G.B.
Esta mañana, cuando me disponía a revisar y actualizar algunas webs, me he dado cuenta de que no estaban disponibles, me devolvían un error de conexión. El error que me ha devuelto el navegador web, bueno, todos los navegadores web que he utilizado, ha sido Error connection 101. En principio he pensado que era una cuestión de sobrecarga, pero no me sonaba para nada lo de error 101.

He buscado información al respecto -no, no voy a utilizar el neologismo ‘googleado’, lo siento- y me he averiguado que era un bloqueo de Firewall. Así, he llamado a mi hosting, 1and1, y me lo han confirmado. Parece ser que los clientes de ONO y Telefónica no podíamos visualizar varias IPs de 1and1, al haber sido bloqueadas. Continuar leyendo «Error connection 101: ¿qué ha pasado 1and1?»

Valencia, 03/04/2013, G.B.
Aquí estoy de nuevo, buscando plugins de reservas online para WordPress, por necesidades del guión… Y la verdad es que, por ahora, lo único que he encontrado es un plugin gratuito llamado Booking Calendar. Lo he instalado y probado en una web, bueno, tanteado así, a voz de pronto. en principio,  para ser gratuito, reconozco que no está mal, aunque solo sirve para un negocio, llámese hotel, hostal, restaurante,…, por lo poco que he podido ver hasta ahora.  Eso sí, la versión ‘de pago’ dispone de más funcionalidades. Habrá que echarle un ojo, ¿no?

De todas formas, voy a meterme más de lleno, probarlo y reportar. Por ahora, eso es lo que hay. Esta es la dirección, la URL, del repositorio de WordPress desde donde podréis descargarlo:
http://wordpress.org/extend/plugins/booking/

Y a una página de error personalizada

Valencia, 12/03/2013, G.B.
Escribo este pequeño post porque creo que es útil conocer, saber cómo redirigir un dominio ‘viejo’ a uno nuevo (o de uno a otro) de una forma sencilla, rápida y limpia. Para ello tan sólo tenemos que utilizar el archivo de configuración del servidor Apache; me refiero al archivo htacces, o mejor escrito, .htaccess.

El archivo .htaccess es un archivo en texto plano (plain text) que podéis crear con el propio blog de notas (si utilizáis sistemas Windows) o cualquier editor de texto plano.

Para una explicación un poco más ampliada sobre el archivo .htaccess, podéis leer un pequeño artículo que escribí al respecto en Aprendiendo PHP: Introducción al archivo .htaccess. Recordad que el archivo .htaccess (así, con el punto delante y sin extensión), debe ubicarse en el directorio raíz del dominio o carpeta del servidor. ¿Los permisos del archivo ? Déjalos en 644.

¿Y por qué escribo esto? Porque hoy mismo he tenido que crear un archivo .htaccess en un directorio para redirigir un dominio a otro, así como crear y redirigir a una página de error personalizada o error 404 (página no encontrada).

Sin más, os embebo el código necesario:

#Redirige un dominio antiguo a uno nuevo (o de un dominio a otro)
RewriteEngine On
RewriteCond %{HTTP_HOST} ^hojadigital.com.es$ [NC]
RewriteRule ^(.*)$ http://hojadigital.hol.es/$1 [R=301,L]
#En caso de error 404 página no encontrada), rediriges a una página de error personalizada
ErrorDocument 404 /404.html

 Espero que os sirva. Un saludo!

Valencia, 01/03/2013, G.B.
Como ya vimos en los Talleres Dos Punto Cero (T2Cero), crear un blog gratuito con WordPress es muy, muy sencillo. Tan solo tenemos que dar de alta nuestro nuevo blog utilizando una dirección de correo (email) válida.

Aunque ya lo vimos e hicimos en los talleres dos punto, he considerado oportno dejaros un slideshow (pase de diapositivas) con las capturas de pantalla de los pasos a seguir para dar de alta nuestro blog gratuito en WordPress, me refiero a WordPress.com, en concreto a es.wordpress.com, la versión en español.

Recordemos que un blog en WordPress.com tiene sus ventajas y desventajas. Las ventajas son, entre otras, que no nos tendremos que preocupar por el mantenimiento, las actualizaciones, la seguridad ni los picos de entradas, es decir, prácticamente siempre estará disponible. En contrapartida, las desventajas son que no podremos instalar plugins, personalizar los temas, cambiar la hoja de estilos ni modificar el código de los archivos de nuestro WordPress. Eso sí, en el caso de que queramos ampliar nuestra cuenta de WordPress, previo pago, dispondremos de más características y más control sobre nuestro blog, incluyendo un nombre de dominio propio. Todo es cuestión de valorarlo…

Como las imágenes valen más que las palabras, os adjunto el proceso de creación o alta d eun blog gratuito con WordPress, en los servidores de WordPress::

[slideshow_deploy id=’613′]

P.D. Os dejo un ejemplo del blog que he creado en los servidores de WordPress.com para los talleres 2.0: talleresdospuntocero.wordpress.com

Crossposting del blog de Webcontenidos.es

Los colores son un elemento muy importante para cualquier sitio web. Una mala elección o combinación de ellos supone que tu sitio pierda ‘caché’, pierda usabilidad y por lo tanto visitas. Para saber qué colores debiéramos utilizar e identificar su ‘nomenclatura’ para la web, disponemos de varios recursos online gratuitos.

¿Cansado de que te digan que tu sitio no se ve bien con IE, Internet Explorer? Seguramente no te dirán que están utilizando la IE6, la versión completamente obsoleta del navegador de Microsoft. Sí, todavía hay gente que utiliza IE6, a pesar de tener a su disposición varios navegadores web modernos y completamente gratuitos como Google Chrome, FireFox, Safari, Opera, Maxthon…

Puedes evitar que tus visitantes vean tu página con IE6, ese obsoleto y completamente inseguro navegador web. Para ello,  visita la página IE6 No More y copia cualquiera de los códigos a tu disposición en esta dirección: www.ie6nomore.com/code-samples.html.  Si la cargan con IE6, les aparecerá un mensaje en la parte superior comunicándoles que están utilizando un navegador obsoleto, mostrándoles la posibilidad de descargar varios navegadores web modernos, incluyendo la última versión de Internet Explorer.

Tienes los códigos de ejemplo en siete idiomas, incluyendo el español.

Copia y pega el código que prefieras en tu página de cabecera o en la plantilla de cabecera de tu CMS o gestor de contenidos y ya no podrán visualizar tu web en Internet Explorer 6. Te harás un favor, y a los visitantes de tu sitio también.