Crear un formulario de contacto en WordPress

Últimamente he vuelto a necesitar tener que crear formularios en un nuevo WordPress.

Para ello, me decanté por la opción que ya dispongo en este wordpress concreto.

Os dejo con un tutorial y un vídeo explicativo de cómo hacer esto con Contact Form 7, tutorial creado por David Noguera y que podeis encontrar aquí.

 

En Joomla disponemos de el componente BreezingForms, del que disponemos de un curso en Webempresa. Ya que WordPress es un CMS que cada vez tiene más popularidad, en este vídeo veremos el plugin ContactForm 7, extensión para WordPress que nos permite crear formularios de contacto de una forma muy rápida y práctica.

La metodología de uso es muy sencilla, simplemente instalaremos el plugin y al acceder a la sección de Contacto que se crea una vez instalado el plugin, veremos nuestros diferentes formularios. Podremos editar los formularios para añadirles campos, así como verificaciones de captcha, acertijos (otro método de seguridad para evitar el acceso a robots), etc..

Además, al ser uno de los plugins más usados a la hora de realizar formularios, dispone de addons desarrollados por terceros que permiten ampliar las capacidades de ContactForms 7, como Contact Form 7 to Database Extension.

Podéis encontrar más documentación en el sitio oficial de Contact Forms 7.

Evitar el Spam en WordPress

En un principio, a la hora de trasladar este blog a wordpress, pensé que podría ahorrarme la posibilidad de instalar plugins para el control de los comentarios spam.
Esto lo hice pensando, ingeuo de mí, que mi blog no generaría este tipo de comentarios. Pero no, cualquiera puede ser víctima de estos robots de spam que generan miles de comentarios en tus entradas.
Y digo miles, sin miedo a equivocarme. Hasta la fecha tengo más de 1500 comentarios de este tipo.

 

Harto de ellos y de perder diariamente al menos 5 minutos para eliminarlos; aparte de los correos informando de nuevos comentarios, he decidido probar algunos plugins de tratamiento de spam.

He instalado 2 de ellos:

El más famoso y se supone que funciona mejor es Akismet. En un principio no lo instalé porque creí que era de pago. Sin embargo, ahora he visto (no sé si antes era así) que para páginas de uso privado es gratuito. por lo que lo he instalado correctamente (solicitando la clave api necesaria para ello)

El segundo de los plugins es Link Limits. Este plugin limita el número de enlaces que puede haber en un comentario y prohibe el uso de BBCode, que generalmente contienen estos comentarios spam. Al estar activado, como lo está en mi caso, informará tal y como podeis ver en los comentarios de esta entrada “Maximum 2 links per comment. Do not use BBCode.”

 

En principio con estos dos plugins debería ser suficiente. Los he instalado ayer mismo; por lo que ya os comentaré que tal me va con ellos.

Actualización: Os cuento mi impresión: Perfecto. Ni un solo comentario spam en todo el mes. Aconsejadísimo

Un saludo

Cambiar la hora de publicación de entrada de blog

En ocasiones nos interesa cambiar la hora en que ha sido publicada una entrada en nuestro blog.

Esto puede realizarse ya sea en WordPress como en Blogger, así como en la mayoría de plataformas.

 

En Blogger, a la hora de realizar o modificar una entrada, tendremos disponible un link llamado “Opciones de entrada“, que desplegará un par de campos donde podremos indicar estos valores:

En WordPress , a la hora de realizar o modificar una entrada, tendremos disponible un cuadro de opciones situados a la derecha de la pantalla llamado “Publicar“.

En él podremos modificar Estado, Visibilidad y la hora y fecha de publicación de la entrada. Para esta última opción, podremos indicarle una fecha y hora ya pasadas, con lo que cambiará este dato en la entrada; o especificarle una hora o fecha futuras, con lo que la entrada se publicará en esa fecha y hora, no antes.

WordPress.com VS WordPress.org (Diferencias)

A medida que he ido construyendo este blog, el cual está creado a través de la plataforma WordPress, he ido pudiendo ver distintos ejemplos de códigos, plugins, widgets, etc.

En varios lugares me encontré diferenciados los sitios WordPress.org y WordPress.com e incluso en algunos foros es de lo primero que se pregunta, -¿donde está alojado tu blog?-

Al principio no le dí importancia pese a encontrarmelo en ocasiones.

Con el tiempo me pregunté cuales serían las diferencias entre ellos. Os dejo la respuesta a continuación (extraíada de http://es.forums.wordpress.com/topic/lee-esto-antes-de-postear?replies=1

Antes de nada, hay que tener en cuenta que no es lo mismo WordPress.org que WordPress.com.

WordPress.org es el sitio web de desarrollo de WordPress (como herramienta para creación de blogs), donde se puede descargar y alojar en nuestro propio ISP/hosting, donde se podrán introducir todos los estilos (también conocidos como themes), personalizarlos (CSS p.e.), cambiar los idiomas, modificar el código como tal, etc.

WordPress.com es bastante diferente. De la mano de Automattic, se ofrece un servicio gratuito de alojamiento de blogs mediante la herramienta anteriormente explicada, donde se obtiene una dirección del tipo rcda.wordpress.com, que incluye ciertas limitaciones, tales como que sólo hay ciertos estilos para seleccionar, o incluir un pequeño texto de publicidad donde aparece ‘Aloje su blog con WordPress.com’, Javascript y CSS están restringidos, FTP y shells también.

Como ventajas, aparece que tenemos copias de seguridad automáticas del blog, espacio ilimitado para las bases de datos, actualización de software automáticamente, soporte de la comunidad mediante foros, administración y estilos multi-lenguaje, estadísticas de tráfico básicas, tracking de comentarios y ranking.

No obstante, debemos recordar que está disponible, mediante previo pago, un servicio de mejoras, tales como aumentar el espacio para subir archivos o activar la personalización CSS. Todo ello se puede encontrar en el panel de administración del blog, pestaña ‘mejoras’.

Empezamos en WordPress

Hola de nuevo. Tras un largo tiempo vuelvo a retomar mi trabajo en el blog, y nada mejor para ello que cambiar de tecnología para hacerlo.

He creado para ello este blog, mediante WordPress y a su vez me he podido traer todos los artículos que ya había publicado en Blogger.

Además ahora cuento con mi propio dominio http://CuandoElTiempoTeAtrapa.es

Intentaré escribir más a menudo y aprovechar estas nuevas andanzas para contar mis experiencias con ‘Aplicaciones e Historias’, algunas de ellas pendientes como todo lo relacionado con iPad y WordPress que ya tengo.

 

Nos vemos por aquí.

Gracias

cetta

 

PD: Algunos habreis llegado aqui redirigidos desde mi anterior Blog en Blogger. Bienvenidos a este nuevo formato.

Publicado el Editor de Plantillas de Blogger

 

Recordemos lo que veíamos en la esta entrada en la que hacíamos uso de una herramienta llamada “Editor de Plantillas” propio de Google (o Blogger en éste caso)

y a la cual podíamos acceder desde el llamado “Blogger in Draft”

 

 

Pues bien, ésta herramienta ya ha sido trasladada y publicada a Blogger, es decir, no es necesario acceder desde el “Blogger in Draft” a ella, sino que ya nos aparecerá por defecto al acceder a la opción “Diseño” de nuestro blog.

Personalizando el blogger #6 – Añadir "Leer Más" y Resumen de la entrada

 

Una de las cosas que siempre he querido incluir es la posibilidad de reducir la visualización del texto de las entradas de forma que con un simple enlace “Leer más” se acceda a todo el contenido de dicha entrada. Ésto hace que el usuario no tenga que ver todo el contenido de la entrada si no le interesa, y poder ver enseguida el siguiente comentario.

 

Existen varios métodos para llegar a conseguir ésto. Yo voy a seguir los pasos que podeis encontrar en “http://chicablogger.com/distintas-maneras-de-poner-excerpts-leer-mas-en-blogger/” para la primera de éstas formas. De ésta manera, el enlace “Leer más” sólo se añadirá a aquellas entradas que queramos nosotros, y no a todas.

Vamos a ver cómo hacerlo:

1 – Lo primero, será descargar y posteriormente subirlo a otro hosting(tal y como hemos visto en entradas anteriores) éste Script.

2 – Iremos a “Personalizar” – “Diseño” – “Edición de HTML” para modificar e incluir algunas de las líneas de nuestra plantilla.

3 – Expandimos Artilugios.

4 – Localizamos la etiqueta </head> y añadiremos antes de ésta el siguiente código:

<script type='text/javascript'
src='URL-de-nuestro-archivo-hackosphere.js' />


5 – Una vez añadido el código anterior, localizamos la línea:

<div class='post hentry uncustomized-post-template'>

situada antes de: post-header-line-1

Y la reemplazamos por ésta:

<div class='post' expr:id='"post-" + data:post.id'>

6 – Justo debajo de <div class=’post-header-line-1′/>
Localizamos las líneas:


<div class=’post-body entry-content’>
<data:post.body/>


Y las sustituimos por:


<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p>
<a expr:onclick='"javascript:showFull("post-" +
data:post.id + "");"'
href='javascript:void(0);'>
Leer más...
</a>
</p>
</span>
<span id='hidelink' style='display:none'>
<p>
<a expr:onclick='"javascript:hideFull("post-" +
data:post.id + "");"'
href='javascript:void(0);'>
</a>
</p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>")
</script>
</b:if>


7 – Guardamos los cambios en la plantilla.

8 – Ahora, cada vez que queramos postear una entrada y que se muestre éste “Leer Más” lo haremos de ésta forma:


TEXTO A MOSTRAR
<span id="fullpost">
TEXTO A OCULTAR
</span>

Y ya está, parece algo más complicado de lo que en realidad es y como ven funciona.
Animense a probarlo.


Entradas y enlaces relacionados:
http://chicablogger.com/distintas-maneras-de-poner-excerpts-leer-mas-en-blogger/
http://elescaparatederosa.blogspot.com/2007/04/el-leer-ms-con-resumen.html

Insertar código fuente en una entrada del blog

Algunas veces, para explicarnos o intentar enseñar algo a nuestros lectores, tenemos que escribir código fuente en alguna de nuestras entradas. Yo por ejemplo he tenido que introducirlo en la entrada anterior, donde explicaba qué código había que insertar para cambiar nuestro favicon: Personalizando el blogger #5 – Inclusión de un Favicon

Sin embargo, al intentar hacerlo tal cual, pegando un código HTML por ejemplo, Blogger nos indicará que éste texto no es válido:

Para hacer esto entonces vamos a usar un servicio específico llamado SimpleCode.que presenta una sencilla pantalla.


Para ello, escribiremos en la sección “Enter Markup” el código HTML que queramos insertar en nuestra entrada, hacemos click en “Process” y nos devolverá en el apartado “Cut n´Paste” el código que sí podremos introducir en ésta entrada. Además tambie podemos ver en “Preview” cómo se mostrará el texto.






Entradas y enlaces relacionados: 
Personalizando el blogger #5 – Inclusión de un Favicon
http://www.simplebits.com/cgi-bin/simplecode.pl?mode=process

Personalizando el blogger #5 – Inclusión de un Favicon

¿Qué es un favicon?
Del inglés favorites icon (icono de favoritos), también conocido como icono de página, es una pequeña imagen asociada con una página o sitio web en particular.

Por ejemplo algunos favicons famosos son el de Wikipedia Wikipedia, o el de Yahoo! Yahoo!.

Si nos fijamos, nuestro favicon por defecto es el propio de Blogger:

Blogger también permite que cambiemos nuestro favicon al blog.
Vamos a ver cómo hacerlo de una manera sencilla, quedará de la siguiente forma:

1 – Primero, deberemos de crear ésta imagen que se mostrará para nuestro blog. Ésta imagen debe de ser cuadrada y del tamaño que queramos, ya que luego reduciremos a la hora de hacer el icono. Yo por ejemplo he realizado la mía en tamaño 160×160, es ésta:

2 – Una vez tengamos ésta imagen deberemos de realizar nuestro icono a partir de ella. Éste icono deberá tener formato .ico y un tamaño de 16×16. Refiriendome al formato .ico no tenemos porqué seguir ni hacer este paso de ésta manera, pero ciertos buscadores (Explorer) no admitirán otros formatos (JPG,PNG, etc) que sí admiten el resto de buscadores (Firefox, Opera, Chrome).
Podemos usar distintos servicios Web que nos ayudarán en ésta conversión de tamaño y formato para nuestro favicon.
Yo, para éste ejemplo, usaré: favicon.cc que vemos en la siguiente imagen:

3 – Hacemos click en “Import Image“, seleccionamos nuestra imagen y hacemos click en “Upload“. Se mostrará entonces nuestro favicon en el editor y podremos modificar colores, transparencias, etc. Incluso disponemos de un “Use Animation” en el que podremos incluir más frames de nuestra imagen modificada, haciendo que nuestro favicon parezca que tenga movimiento.
Disponemos tambien de una vista “Preview” de cómo quedará nuestro favicon en una barra de direcciones.

4 – Una vez hayamos hecho los cambios oportunos, si es que queremos hacer alguno, podremos descargar nuestro favicon clickeando en “Download Favicon“. Y ya disponemos de nuestro favicon en formato .ico y tamaño 16×16.

5 – Ya realizado el favicon deberemos alojarlo (subirlo) a algún servicio de hosting. Yo por ejemplo lo subiré a mi cuenta de DropBox.

6 – Por último, editaremos nuestra plantilla de la misma forma que hacíamos en otras entradas. Iremos a “Diseño” – “Edición de HTML” y en nuestra plantilla buscaremos el texto: e insertaremos antes de él lo siguiente:

<link href='URL-de-tu-favicon' rel='shortcut icon'

type=’image/x-icon’/>

Modificando y cambiando el texto URL-de-tu-favicon por la dirección de nuestro favicon.Y listo, ya tendremos nuestro favicon para nuestro blog.

Entradas y enlaces relacionados:
http://es.wikipedia.org/wiki/Favicon
http://granisla.blogspot.com/2006/07/cmo-usar-un-favicon-en-blogger.html
http://www.favicon.cc/

Blogger integrará Google Analytics

Quisiera informar por si lo desconocias, que Google hace tiempo comunicó que Blogger en un futuro integraría “Google Analytics“, una excelente noticia que podíamos ver aquí:

Tal y como vemos en la siguiente imagen (todavía en desarrollo), vemos la inclusión de una nueva pestaña “Estados“:
Sin embargo aún a día de hoy esta integración no se ha llevado a cabo, al menos no es accesible de manera pública. A la espera de ésta integración disponeis del post Instalando Google Analytics en Bloggeren el que podreis ver los pasos de instalación, así como un vídeo orientativo.Entradas y enlaces relacionados:
http://cuandoeltiempoteatrapa.blogspot.com/2010/05/instalando-google-analytics-en-blogger.html
http://blogandweb.com/blogger/analytics-blogger/
http://www.codigogeek.com/2008/05/01/google-integrara-analytics-en-blogger/