Landing, por Don McCullough

Una de las palabras que encontramos con más frecuencia cuando nos adentramos en el fascinante mundo de los blogs es: ”Landing Page”.

Pero, ¿Qué diablos es eso?: Una “landing page” es una página donde ”aterrizan” los visitantes en nuestro sitio web, desde diversas fuentes; como pueden ser:

• buscadores.
• redes sociales.
• campañas de email marketing.

Este tipo de páginas, se diseñan específicamente para provocar ciertas reacciones en los visitantes:

• comprar un producto.
• suscribirse a nuestra lista de correos.
• descargarse un archivo.
• leer un artículo.
• algún tipo de interacción.
• etc….

Ahora que tenemos más o menos claro, lo que es una “landing page” o “página de aterrizaje”, deberíamos preguntarnos por las características que esta debería tener, como por ejemplo:

• Centrar el foco de atención.
• Crear jerarquías.
• Utilizar la aprobación social.
• Crear buenos títulos o lemas.
• Mostrar signos de seguridad.

Centrar el foco de atención

Lo primero que tenemos que definir claramente es: cuál es nuestro foco; es decir, qué es lo que pretendemos que hagan nuestros visitantes al llegar hasta nuestra página y esto tiene que quedar muy claro para el visitante.

Por lo tanto lo primero que tenemos que decidir al crearla, es que acción queremos que haga nuestro visitante.

Una vez que tenemos claro este punto, todo el diseño de la página deberá ir claramente dirigido a ese objetivo.

La manera más fácil de conseguir esto es con una llamada a la acción o call to action¹ (en inglés queda más impactante).

Crear jerarquías

Los diseños de este tipo de páginas son eminentemente visuales, por que es la manera más fácil de llamar la atención. Pero es muy importante que ese planificación visual de la página, vaya acompañada de unas jerarquías claramente establecidas (dar más importancia a unos elementos que otros y organizarlos en estructuras lógicas).

La mejor manera de entender esto es imaginar que no lo hacemos. En este caso todo los elementos de la página pesan, o dicho de otra manera, importan lo mismo, y esto es completamente contrario a nuestro interés en centrar al usuario en una acción determinada.

Las jerarquías establecen un recorrido visual que permite llevar a nuestros visitantes hasta el “call to action”; es decir el elemento que va a desembocar en la acción que queremos provocar.

Utilización de imágenes para crear jerarquías

Un ejemplo muy sencillo de creación de jerarquías, es la utilización de imágenes. Si las elegimos bien, pueden ayudarnos a centrar la vista de los visitantes sobre aquellos puntos que queramos destacar de nuestro diseño.

En este primer caso la imagen no nos conducen al botón de acción

Nada se parece tanto a la ingenuidad como el atrevimiento. Por Marcos de Madariaga

Pero en este segundo caso si

La golosina prohibida, siempre es la más apetecida. Por Marcos de Madariaga

Aprobación social

Somos seres gregarios y tendemos a repetir las acciones y comportamientos que vemos a nuestro alrededor. Esto se traduce en la llamada aprobación social, que podríamos definir como:

Un fenómeno psicológico donde la gente asume las acciones de los demás, en un intento de reflejar el comportamiento correcto para una situación dada.

Os voy a poner un ejemplo de un vídeo para que lo entendáis mucho mejor:

Puede parecer simplemente una anécdota graciosa, pero si lo pensáis bien, muchas de nuestras decisiones del día a día, están basadas en esta idea de la “aprobación social”.

¿Y como se utiliza la aprobación social en una landing page?

Muy fácil, mostrando ejemplos de otras personas que ya hayan realizado la acción que pretendemos que se repita en nuestra página. Por ejemplo utilizando testimonios de clientes satisfechos que ya hayan realizado esa compra (por poner un ejemplo) o indicar el número de personas que se han suscrito al boletín de noticias.

En definitiva mostrar acciones de otras personas para facilitar ese sentimiento de aprobación social.

Utilización de títulos y lemas atrayentes

Tenemos muy poco tiempo para enganchar a nuestros visitantes y por ello, además de un diseño visual, los títulos o headings en la jerga de internet, serán nuestros mejores aliados.

Los títulos o lemas deben ser claros y directos para ayudar a clarificar nuestros mensaje.

Luego podemos utilizar un texto más descriptivo en el cuerpo de la página, para explicar y desarrollar algunos conceptos, pero debemos de tener muy presente que los títulos deben ser claros y directos.

Signos de autoridad

Por último, tenemos que tener en cuenta todos aquellos factores que ayuden a dar seguridad a nuestros visitantes. Este tema es particularmente importante si nos dedicamos al comercio electrónico, por los que tendremos que platearnos la posibilidad de utilizar certificados de seguridad o la posibilidad de devolver el dinero durante un periodo de tiempo y sobre todo dejar claro y hacer visibles las personas que estando detrás de la página.

No hay nada que genere más confianza que saber que hay alguien a quien reclamar si algo sale mal.

Conclusión

Una ”landing page” es tu mejor aliado para empezar a rentabilizar tu blog consiguiendo acciones concretas de los usuarios (leads).

Ahora sólo necesitas visitantes a tu página para conseguir ese objetivo. Pero es, es otra historia.

1. Call to action (CTA) es, literalmente, una llamada a la acción.Mediante una palabra o frase, se busca que el usuario o cliente potencial realice una acción determinada, ya sea hacer click en un banner o un botón, realizar una compra, rellenar un formulario, etc

The post ¿Qué es una landing page? appeared first on Monta tu Blog.

El rediseñar tu página personal, te obliga a ordenar tus ideas, organizarlas y en algunos casos aceptar que estabas equivocado.

Lower case, por John Nuttall

Este artículo es un repaso de las lecciones aprendidas en el diseño de mi blog. Desde un tema premium (el que tenía antes) hasta un tema totalmente creado por mí.

Objetivo

Tenía claro que quería que el blog reflejase lo más fielmente posible como soy y lo que puedo ofrecer.

Era muy importante que quedase claro quien era la persona que esta detrás de Monta tu Blog; o sea yo.

En definitiva, el objetivo principal era el de convertir mi blog, en mi mejor escaparate personal.

Elementos de diseño

Si el objetivo era el crear mi escaparate personal, la página de inicio, o mejor dicho la parte de arriba que es lo primero que se ve al llegar al blog, debería mostrar dos cosas: A mi mismo y a mis servicios.

No es que me guste mucho mostrarme de una manera tan clara, pero creo que en este tipo de servicios es muy importante dar visibilidad a la persona que se encuentra detrás de un servicio, ponerle cara. Además, había que mostrar cuanto antes los servicios que presto por que al fin y al cabo es de lo que vivo.

Así que eso es exactamente lo que se ve nada más llegar a mi página: a mi, mis servicios y mi idea de lo que deberían ser las páginas webs y más concretamente los blogs:

Tu blog, es tu casa digital en internet

Para ello he creado una animación en HTML5 que se adaptará a las distintos tamaños de pantalla y que diese paso a un pequeño vídeo explicativo de las cosas que podía ofrecer y cómo podía hacerlo.

Paleta de colores

No puedes imaginarte la cantidad de vueltas que di al tema de los colores. Puede que trabajase con unas 20 variaciones y al final, después de mucho pensarlo decidí quedarme con esta paleta de colores:

Paleta de colores

En algunos casos he utilizado pequeñas variaciones de estos colores para mejorar la legibilidad de las distintas secciones

Tipografías

En cuanto a las tipografías he utilizado estas:

• Para los encabezados: “Source Sans Pro”.
• Para el cuerpo del texto: “Open Sans”.

Esta tipografías me gustan por su claridad y porque tienen muchas variantes de tamaños y eso me permitía mucha flexibilidad a la hora de jugar con las tipografías.

Logo

He tratado de simplificarlo y hacer que fuese lo más claro y directo posible. Quería que sólo tuviera un color para que fuera mucho más fácil reproducirlo en cualquier tipo de soportes. Además quería incluir la propia dirección de la página en el logo.

De esta manera, La propia dirección de la página quedaba bien clara en el propio logo, lo cual facilitaba las cosas a la hora de hacer tarjetas de presentación u otro tipo de productos de merchandising.

Elementos gráficos

En el proceso de investigación para el rediseño de mi página, encontré una pequeña joya: Font Awesome. Es una librería de iconos que funcionan como si fuese una tipografía, por lo que se puede escalar a cualquier tamaño sin perder la calidad de la imagen del icono.

Arquitectura de la información

La arquitectura de contenidos; es decir, la manera en la que he dispuesto los contenidos del blog. Podríamos dividirlos en tres apartados:

• Tipos de contenido personalizados.
• Categorías generales.
• Landing pages de servicios.

Tipos de contenido personalizados

Uno de los objetivos del blog era hacerlo lo más útil y sencillo de utilizar para mis posibles lectores; para ello, necesitaba crear nuevos tipos de contenido. Si nos sabes lo que es un tipo de contenido personalizado, te lo explico brevemente:

Por defecto cualquier instalación de WordPress viene con dos tipos de contenidos: páginas y entradas que constan de un titulo, un texto y una imagen destacada.

Los tipos de contenido personalizados en WordPress, permiten crear primero una arquitectura diferenciada de contenidos y por otro lado  campos específicos para necesidades concretas. Imaginemos por ejemplo que tenemos un sitio web de críticas de películas; pues bien, en lugar de hacer nuestra crítica con un título y un artículo sin más, podría sernos más útil crear un tipo de contenido personalizado que tuviera los siguientes campos:

• Una ficha de la película: Casting, año de producción, país, etc….
• Director
• Sinopsis.
• Una valoración en forma de estrellas.

En definitiva, crear un contenido que se adapte a las necesidades de nuestro trabajo concreto en el blog.

En mi caso, he creado estos cuatro tipos de contenidos:

• Preguntas y respuestas: se trata de las típicas FAQ’s que podemos encontrar en muchos sitios de internet. Es una manera fácil y sencilla de responder a las pregunta más comunes que nuestros visitantes puedan hacerse sobre vuestro trabajo. Ademas al crearlo en forma de pestañas desplegables, facilita la navegación por ellas: puedes ver el resultado aquí: “FAQ’s de Monta tu blog”.
• Portfolio: Este tipo de contenido, me sirve para mostrar mis trabajos, aunque todavía no esta terminado porque quiero añadirle más información a cada uno de ellos y todavía esta en desarrollo.
• Microconsejos: Como todo programa WordPress tiene una serie de trucos o pequeñas ayudas que ayudan enormemente. En este caso la idea no era crear campos nuevos para este contenido, sino diferenciarlos de los artículos normales. Podría haber utilizado una etiqueta o categoría para diferenciarlos. pero al crear un tipo de contenido, los diferenciaba tanto en la url que se generaba, como internamente a la hora de generar los microconsejos.
• Noticias: Noticias cortas relacionadas con el mundo de WordPress que puedan ser de utilidad a mis lectores.

Categorías generales

Además he organizado las entradas normales por así decirlo, en cuatro grandes apartados:

• ¿Por qué deberías tener un blog?
• ¿Cómo crear un blog?
• ¿Cómo mantener un blog?
• ¿Cómo obtener beneficios de un blog?

Estas cuatro grandes categorías me parece que reflejan bien las preocupaciones o dudas que cualquiera puede tener sobre este mundo. Además, he construido una página para cada una de estas categoría en las que encontrar los artículos relacionados con cada una de las categorías.

Landing pages de servicios

Cada uno de mis servicios, necesitaba una página específica y tenía que estar pensada como una autentica “Landing Page”:

Una landing page, o página de aterrizaje en español, es una página web a la que una persona llega tras pulsar en el enlace de una guía, un portal o algún banner o anuncio de texto situado en otra página web o portal de internet. En la mayoría de los casos esta página web es una extensión del anuncio de promoción, donde se explica más detalladamente la oferta del producto o servicio que se está promocionando a través de una carta de ventas. (Fuente: Wikipedia)

La estructura de la página es sencilla, pero creo que efectiva:

• Una imagen representativa.
• El enlace a un vídeo explicativo.
• Un texto contado las características del servicio, un botón con el precio que al pulsarlo abre el programa de correo.
• Un formulario para contactar conmigo.

Debajo del Capo

Con esto me refiero a todas las cosas que no son visibles para un visitante de mi sitio, pero que hace que todo funcione correctamente. El cambio fundamental en este aspecto es la utilización del framework Genesis.

Genesis es un framework que ayuda a la creación a temas personalizados en WordPress

Suelo utilizar la siguiente metáfora:

Hacer un blog es como construir una casa.

Pues bien siguiendo con la metáfora, génesis sería como tener el IKEA y el LEROY MERLIN a tu servicio: que quiero hacer una habitación nueva o amueblarlo de una determinada manera, les llamo y rápidamente lo hacen. Esto llevado al mundo del WordPress y de la programación web, significa que hay una serie de funciones que me ayudan a crear los espacios en las páginas y a “decorarlos” de una manera fácil y sencilla.

Además Genesis tiene otras dos ventajas: rapidez y mejora en el SEO:

• Rapidez: esto es una percepción propia y no tengo pruebas para demostrarlo, pero lo que si que puedo decir, es que he notado un significativo aumento de la velocidad general del sitio al utilizar Genesis. Este aumento ha sido más notable al utilizar el plugin de caché “Zen Cache”.
• Mejora del SEO: Esto necesitaría de un artículo entero, pero para simplificarlo, podríamos decir que los sitios web hecho con Genesis, permiten a Google entenderlos mejor y eso siempre es bueno para nuestro SEO.

Conclusiones finales

Como decía al principio, rehacer un sitio web personal, supone enfrentarte a toda tu estrategia de negocio y plantearte aquello que es importante y lo que no.

Hay una frase sobre el diseño que me gusta mucho: “Los diseños no se terminan, se abandonan” y es cierto. Uno podría estar rediseñando y haciendo cambios toda la vida, pero al final los trabajos hay que acabarlos. Mi sensación es que he hecho lo que esperaba: reflejar como soy y mostrar las cosas que puedo hacer.

Así que ya sabes, si quieres que hablemos sólo tienes que rellenar el formulario que encontrarás al final de cada página.

¡Hasta pronto¡.

The post Lecciones aprendidas en el diseño de un blog personal appeared first on Monta tu Blog.

Envira plugin

Crear contenidos es posiblemente la tarea mas importante a la que nos enfrentamos a la hora de mantener y hacer crecer un blog. Al hacerlo, solemos pensar casi exclusivamente en texto; pero no hay que olvidar que existen muchos otras tipos de contenidos, que pueden sernos de gran utilidad. Algunos ejemplos de tipos de contenido alternativo podrían ser:

• vídeos.
• presentaciones de dispositivas.
• documentados ofimáticos (Word, excell, pdfs).
• audios.
• imágenes.

En este artículo, vamos a centrarnos en este último caso: las imágenes.

Insertar imágenes en un artículo de wordpress es relativamente sencillo. Si no tienes muy claro cómo hacerlo, te recomiendo que leas este artículo. Nos vamos a centrar en la tarea de insertar no una única imagen en solitario, sino una galería completa de imágenes.

El plugin envira

Una galería es una serie de fotografías en formato de escaparate visual, que nos van a permitir complementar un artículo. Para ello vamos a utilizar el plugin envira, ya que creo que es la manera más fácil y sencilla de hacer este trabajo.

Este plugin tiene una versión gratuita y otra de pago. Para este artículo, vamos a utilizar la versión gratuita ya que para una primera aproximación al tema de las galerías de imágenes su uso es más que suficiente.

Instalación

Para ello instalaremos el plugin y lo activaremos como cualquier otro plugin de wordpress. Si no sabes como hacerlo, aquí tienes una animación que te explicará paso a paso cómo hacerlo.

Crear una galería

Una vez hecho esto nos aparecerá un nueva opción en la pantalla de administración de wordpress

Envira Gallery

Desde allí podremos gestionar las galerías y crear nuevas.

Para crear una nueva galería simplemente pulsaremos: «crear nueva galería«; al hacerlo podremos ver una pantalla desde la que podremos añadir imágenes nuevas, simplemente arrastrando y soltando sobre la zona punteada las imágenes que tengamos preparadas en nuestro ordenador¹, o bien imágenes previamente subidas a nuestra instalación de WordPress.

Las opciones de configuración en la versión gratuita no son demasiadas. En la pestaña «Config» podremos elegir en cuantas columnas queremos disponer nuestra galería y la distancia entre las columnas.

Opciones de configuración del plugin envira

Una vez añadidas todas las imágenes pulsaremos «publicar» y al hacerlo nos aparecerá un recuadro con la información necesaria para insertar nuestra nueva galería en cualquier lugar de nuestro blog.

Utilización

Cada galería creada, podremos insertarla tantas veces como queramos en los artículos o páginas que tengamos dispuestos. Para ello, en el contenido (artículo o página) donde queramos insertar la galería, simplemente tendremos que pulsar el botón que veremos al lado de «insertar objeto» rotulado como «Add Gallery» para tener acceso a las galerías que previamente tengamos creadas.

botón de añadir galería

Seleccionaremos la galería correspondiente y ya esta, nuestra galería quedará insertada en el artículo o página correspondiente. En el visor de edición no veremos la galería como tal sino algo parecido a esto:

Wordpress al encontrarse el código de arriba lo sustituirá por la galería de imágenes de envira que corresponda.

Tipos de situaciones donde puede sernos útil

Las galerías de imágenes, es un tipo de contenido que nos puede ayudar mucho. Aquí te dejo una lista  de casos donde puede ser especialmente interesante su uso:

• Presentaciones de productos: Si estamos hablando de un producto necesitamos verlo, quizás el ejemplo más claro sea el de la venta de apartamentos. Mostar una galería con el mayor número posible de contenido gráfico puede ayudar a las ventas de un inmueble.
• Viajes: Mostrar las fotos de un viajen una secuencia ordenada de imágenes.
• Conocer virtualmente un lugar: Ver un mismo lugar desde perspectivas diferentes.

Ejemplo de utilización

Para mi este plugin tienen dos claras ventajas. La primera es su facilidad de uso y la segunda su adaptación a los dispositivos móviles.

Para que puedas ver, el resultado que puedes obtener con Envira, te dejo una pequeño ejemplo con algunas fotos mías

Si tienes cualquier duda o consulta no dudes en utilizar los comentarios.

1. (1) No olvidemos optimizar las imágenes previamente, para que estas no sean muy pesadas

The post Crear galerías de imágenes con el plugin envira appeared first on Monta tu Blog.

Free lunch por Kaz Vorpal

El articulo de hoy trata sobre el PODER DE LOS BLOGS, así con mayúsculas. Sobre cómo poder llegar a un público que jamas hubiéramos imaginado y cómo esto a veces, puede traer consecuencias no esperadas. Para ello, voy a utilizar un caso que me parece especialmente interesante, el blog de economía: «Nada es gratis» (Not free lunch, en su versión en ingles) y de sus problemillas con el poder.

Un poco de contexto:

• FEDEA es un laboratorio de ideas, o Think Tank en inglés especializado en estudios económicos. Auspiciado por las principales empresas del país.
• En 2005 crea el blog «Nada es gratis« y pasa de ser una institución conocida únicamente en sectores económicos y académicos, a convertirse en un referente en cuestiones económicas para el gran público.
• La linea del blog, es muy crítica con la actuación del gobierno en el inicio de la crisis económica.
• Todo el mundo supone que con la llegada del PP, las críticas se convertirán en alabanzas. Pero muy al contrario, desde el blog se sigue siendo muy crítico con las medidas del gobierno.
• Ante la presión más o menos directa del gobierno, los principales autores del blog dejan de escribir en el; e incluso, se fuerza un cambio en la dirección del mismo.

Para mi, lo verdaderamente interesante de esta historia, es como un grupo de personas relacionados con los estudios económicos, en su vertiente más árida para el gran público (economía matemática principalmente), pasan a tener un relevante papel público por el simple hecho de escribir un blog. Es decir, el crear un blog les ha permitido llegar a una audiencia y tener un reconocimiento, que de otra manera no habrían tenido nunca. Tanto es así, que todo un gobierno fuerza un cambio de dirección y la salida de algunos autores, porque les hace daño las críticas que reciben de un simple blog de economía; eso si, con muchas visitas y con un gran prestigio por parte de sus autores.

Hay otros casos muy conocidos de esa visibilidad que puede otorgar un blog, a personajes que en un principio no tendrían porque tenerla. Quizás el más conocido, sea el caso de Enrique Dans, un profesor de una escuela de negocios que se ha convertido en una de las personas más influyentes en el mundo de internet en español. Gran parte de ese reconocimiento, es sin duda debido al blog que mantiene desde hace más de 11 años y que constituye una referencia básica, en todo lo que tenga que ver con el mundo de internet, la tecnología y su influencia en nuestras vidas.

Tener un blog no es nada, si lo que escribes no es interesante

Lo que me gustaría hacer ver con este artículo, no es que abrir un blog nos da una popularidad inmediata, sino que:

El que consigas atención y visibilidad, dependerá de tu capacidad para conseguir generar contenidos interesantes. Hay un artículo muy recomendable de Hernan Casciari en el que habla de la muerte de los blogs. ¿Qué raro que yo ponga un artículo así, verdad?; no es tan extraño si lees con atención el artículo. En realidad, Hernan no habla de la muerte de los blogs, sino de su paso de moda y distingue algo que para mi es fundamental: la diferencia entre blogueros y generadores de contenidos. Hernan se refiere en el artículo, a que los blogs han sido una moda y que cuando esta pase, quedará lo sustantivo, lo fundamental: quedarán los generadores de contenidos.

Los generadores de contenidos son, ni más ni menos, aquellas personas capaces de crear contenidos interesantes y con valor para atraer visitantes al blog.

Porque no lo olvides, al fin y al cabo:

Si, pero es

Esperando que le cuentes al mundo lo que espera.

Un blog es un medio bidireccional

Pero a más a más un blog es un medio bidireccional; es decir, no sólo te permite lanzar mensajes al mundo, sino que el mundo puede contestarte. Parece algo no demasiado importante, pero por ejemplo Enrique Dans afirma que:

Los comentarios enriquecen un blog y permiten crear una comunidad alrededor del mismo. Imagina que eres un aficionado a la filatelia rumana (seguro que hay alguno en el mundo). Es muy difícil que encuentres en tu entorno más cercano, a alguien con una afición similar. Pero si escribes un blog, es muy posible que los 100 o 200 aficionados que existan en todo el mundo terminen por encontrarte, si eres capaz de generar contenido interesante, de la misma manera que los creadores de «Nada es gratis» consiguieron atraer publico interesado en la economía a su blog. Tu puedes hacer lo mismo con tus conocimientos sobre algún tema, tu afición o con tu empresa. Si sabes hacerlo bien, habrás conseguido algo muy importante: habrás sido capaz de conectar con un público afín y eso es clave.

Dar un altavoz a nuevas voces y crear comunidades

Al final lo importante es ser conscientes de que un blog crea nuevas tribunas de opinión, nuevos altavoces para todos aquellos que no tenían un hueco, en los medios de comunicación tradicionales.

Ya seas un experto en un tema concreto, aficionado al más extraño pasatiempo que puedas imaginarte o creador de un pequeño negocio en internet; un blog te permitirá dar a conocer al mundo, tus conocimientos y pasiones y a la vez crear una comunidad en torno a el.

Ahora sólo necesitas saber cómo utilizarlo correctamente. Pero no te preocupes, para eso estoy yo aquí.

Actualización

Un interesante artículo que habla sobre el mismo tema.

The post FEDEA, nada es gratis y el poder de los blogs appeared first on Monta tu Blog.

Elefantes por Robbert van der Steeg

Uno de los problemas que me encuentro al tratar de explicar que es lo que hago, es la maldita/bendita palabra «blog». Bendita, porque todo el mundo la conoce y es un reclamo publicitario muy fuerte y maldita porque… mejor lo explico con un ejemplo. Típico diálogo que surge cuando sale este tema en una conversación:

-Oye, he oído que tu haces páginas web.
-Si, monto blogs.
-Ya, pero es que a mi me gustaría hacer una página web de verdad, no un blog.

Si me dieran 1€ cada vez que he escuchado algo similar, ahora….. ahora tendría algunos euros más. Cuando tengo que responder a algo así, normalmente tomo aire, cuento hasta 10 y me dispongo a soltar mi rollo evangelizador acerca de las páginas web, los blogs y los gestores de contenidos. Ponte cómodo aquí va la versión resumida.

Pongamos las cosas claras ¿Que es un blog?

La definición no es fácil, pero se me ocurre que esta es una buena aproximación:

Es decir:

No se si has visto alguna vez una imprenta de un periódico, son enormes máquinas que mueven unos rollos de papel inmensos que hay que rellenar con tinta y luego distribuir por los kioscos.

Imprenta por David Masters

Pues bien, un blog es exactamente eso.

Metete bien esto en la cabeza, tienes todo el poder que antes tenían Pedro J. Ramirez o Juan Luís Cebrián, pero con una simplicidad y un poder que ellos jamás llegaron ni a imaginar (y así les va). Piénsalo por un momento, cada vez que pulsas el botón de publicar, tus contenidos pueden llegar hasta el último rincón de la tierra, ¿No te parece increíble?.

Vale, pero yo sigo queriendo hacer una página web de verdad. Vuelvo a tomar aire….

El software que utilizo yo y el 20% de las páginas web de este planeta, es WordPress. WordPress es un gestor de contenidos que permite hacer páginas web (si pesado, de las de verdad), con una distribución de contenidos personalizada; o bien, organizándolos como un típico blog. Es decir, WordPress nos permite crear la configuración y organización de nuestro sitio web de una manera acorde a nuestras necesidades.

Aquí la palabra verdaderamente clave e importante es: gestor de contenidos.

 ¿Qué es un gestor de contenidos?

Un gestor de contenidos es un software que se instala en un servidor y nos permite crear y gestionar un sitio web de una forma fácil y sencilla. Podríamos definirlo como

Aquí os dejo un vídeo que cree para un curso que impartí sobre este tema:

¿Que es un CMS? from Fernando Cruz on Vimeo.

Alguna de las características principales de los gestores de contenidos son:

• Separar el contenido de la forma: Los contenidos, se guardan en una base de datos, mientras que la apariencia del sitio se crea a través de unas plantillas personalizables, donde se insertan los contenidos de la base de datos. Lo que permite hacer cambios en el aspecto del sitio web, de una manera fácil y sencilla.
• La creación de contenidos se realiza desde un formulario donde sólo tenemos que escribir y añadir contenidos multimedia, exactamente igual que haríamos si escribiéramos en un editor de textos como los que utilizamos diariamente.
• Permite añadir funcionalidades extra a nuestro sitio web, a través de plugins; así, podemos crear: gestores de descargas, sitios privados, botones para compartir en redes sociales o casi cualquier cosa que se nos ocurra.

Un gran poder conlleva una gran responsabilidad

Como puedes ver, teniendo tu propio blog con WordPress, estás casi en igualdad de condiciones con los grandes editores; eso sí cargándote menos árboles para hacer papel y con un poder de distribución casi instantáneo.

Ademas, puedes utilizar: texto, imágenes, vídeos, diapositivas, audios….. pudiendo compartir todos los contenidos que crees de una manera fácil y sencilla en las redes sociales, como quieras y cuando quieras.

Resumiendo:

Pero no lo olvides se trata de que tu seas el verdadero dueño, autor y gestor de tu página web y para ello nada mejor que utilizar wordpress.

¿Por qué debería utilizar un gestor de contenidos como WordPress?

• Por que es fácil, sencillo, económico.
• Por que te permite probar cosas nuevas y hacer mil cambios sobre esas ideas.
• Por que te da la oportunidad de llegar a tu público y obtener un feedback de ellos.
• Por que es software libre, en constante proceso de mejora.
• Por que detrás hay una comunidad de desarrolladores que antes de que a ti se te presente un problema, ellos ya han encontrado una solución.

Y por que al final

The post La pesada carga de utilizar la palabra blog appeared first on Monta tu Blog.

Beach by Moyan Brenn

En septiembre de 2013 nació este proyecto, que tenía por objeto ayudar a aquellas personas que se iniciaban en el mundo de la publicación en internet, a utilizar WordPress como su plataforma de publicación y gestión de contenidos.

En aquel momento, mi idea era convertir este blog en un manual organizado de las mejores prácticas de uso de la plataforma WordPress. Estos 6 meses me han ayudado a cambiar algunas cosas, desechar otras y encontrar algunas nuevas. En general, a tener una visión mucho más clara de las cosas que quiero hacer y sobre todo de las que no quiero hacer. Lo que viene a continuación es una pequeña reflexión personal acerca de lo que he aprendido en estos 6 meses y pico.

El éxito no se mide por las visitas

Cuando empecé, estaba obsesionado por las visitas. Lo primero que hacía todos los días al levantarme, era comprobar las estadísticas de Google Analytics y analizar todos y cada uno de los datos de uso de mi blog. Pues bien, si el éxito de este blog se mide por las visitas, este blog es un completo desastre.

Si me preguntas ahora cual es para mi la medida del éxito de un blog, te respondería sin ninguna duda que: los contactos que haces, las personas que «conoces» y las que llegan a tu blog y de alguna manera interaccionan contigo.

Traducido al mundo offline(lo que no es internet); diríamos que:

Con esto no quiero decir que las visitas no sean importantes, lo son y mucho. Pero si esas visitas no se convierten en algo más tangible y real, valen de muy poco.

Llevado al extremo podríamos decir:

Un blog es un proyecto conjunto entre el autor y los lectores.

Pues bien, si me preguntas cual es la mejor manera de conseguir esos contactos y esas relaciones; para mi, sin ninguna duda serían las comunidades y el networking.

Encontrar una comunidad

Creo que objetivo principal de todo aquel que empieza con un blog y pretende hacerse un sitio en el mundo de internet es encontrar un ecosistema donde desarrollarse; es decir, una comunidad de iguales. Si ese es tu caso, te recomiendo que hechos un vistazo en las comunidades de Google+ y Linkedin.

Las comunidades, son espacios virtuales que se articulan a partir de un tema concreto y donde las participantes, comparten experiencias o ayudan a otras personas con sus conocimientos sobre el tema. Como ves es algo muy parecido a los foros, pero para mi funcionan mucho mejor. La diferencia fundamental es que en estas comunidades hay que dar la cara: en Linkedin tienes tu perfil profesional que quieres poner en valor y Google+ es la herramienta que tiene Google para autentificar la autoría de los artículos que se escriben en los blogs (la famosa foto de los autores que aparecen en los resultados de búsqueda).

Al eliminar en gran parte el anonimato, se consigue que, normalmente, las aportaciones que cada participante hace a la comunidad, sean útiles y efectivas. Todo el mundo intenta posicionarse como experto o autoridad en un tema y para ello no puedes compartir cualquier cosa, con lo cual se elimina «ruido» y se puede sacar mucho partido de ellas, compartiendo tus contenidos en estas comunidades.

Networking

Podríamos definir el networking como:

Conocer gente e interaccionar con ella en el universo de internet.

Si buscas en google, te encontrarás como unos dos trillones de resultados acerca de este tema. El 99% de los cuales son una colección de frases hechas y lugares comunes; así como manuales para parece un tipo cool ante los «influencers«, y así conseguir que te hagan caso.

Mi manera de abordar esto es diferente y puede ser tan inteligente o tan estúpida como cualquier otra y podría resumirse en:

La gente con la que hago networking, son gente que conozco a través de blogs a los que he llegado buscando algo y he encontrado muchísima información y ayuda. Esto son los blogs, o mejor dicho las personas con las que me interesa hacer networking.

Por lo demás los únicos consejos que puedo dar a la hora de interacturar es tratar de ser lo más natural posible y ser proactivo a la hora de compartir o comentar.

No todos somos iguales, no valen las mismas reglas para todos

Si visitas normalmente sitios que ayuden a montar negocios en internet, después de despejar todo el humo de la palabrería machacona, tendrás claro estas cosas:

• debes tener una lista de suscriptores.
• tus artículos deben ser del tipo:
  • 10 maneras para conseguir…..
  • los 7 errores que no debe cometer un……
  • etc…..
• Tienes que publicar X post a la semana

Vale, se que estas cosas funciona, pero personalmente:

• Odio que me aparezca por sorpresa una ventanita pidiéndome que ponga mi email para no se que lista de correo
• Odio con toda mi alma los artículos del tipo: «Las 7 maneras para conseguir…», «Los 10 errores más comunes de…..»
• En cuestión de creación de contenidos, prefiero la calidad a la cantidad.

Así que otra de las cosas que he aprendido es que tienes que tratar de diferenciarte del resto, encuentra lo que te diferencia del resto.

Tienes que ser diferente

Se diferente¡¡¡¡ después de visitar un montón de blogs, muchas veces he tenido la sensación de que todos son la misma persona, que todos utilizan las mismas palabras y frases hechas ordenadas de distinta manera para contarme exactamente lo mismo.

Debes tratar por todos los medios de encontrar tu propia voz.

Si realmente no tienes nada diferente, ni nada nuevo que aportar, entonces no pierdas el tiempo y no la hagas.

Conclusión

Haciendo referencia al título de este artículo, podría decir que si algo he aprendido en estos 6 meses es que:

Con esta idea en la cabeza, deberíamos comportarnos como unos buenos anfitriones, haciendo que nuestros huéspedes se sientan cómodos y relajados. Para conseguirlo y a modo de resumen, aquí van unas cuantas ideas respecto a cómo debería ser un blog:

• Haz que sea cómodo y confortable:
  • lectura fácil.
  • buena organización de contenidos.
  • diseño sencillo pero agradable.
• Que sea fácil de recorrer: piensa en las tiendas de IKEA y como te marca un recorrido para que visites toda la tienda. Del mismo modo no presentes 20 opciones de menú, hacer eso es igual a no presentar ninguna.
• Pon un poco de contexto a la página que presenta los artículos: que se sepa quien es el autor y cual es la temática: todos solemos pensar que la gente vista nuestro blog por el «home» y luego va recorriendo el blog. La realidad no es esa. Nuestro visitantes llegan por google o por un enlace en una red social a un artículo concreto y no tienen ni la menor idea de quien esta detrás del blog ni de cual es su temática. Si le interesa y le parece atractivo el contenido poco poco irá recubriendo el resto del blog.
• Se natural, utiliza tu propio lenguaje. Muéstrate tal y como eres.

Además de tener tu blog bien limpio y ordenadito, no te olvides de probar y experimentar. Es tu casa, no tienes jefes ni nadie que te impida probar cosas nuevas; así que no tengas miedo de equivocarte hasta encontrar tu lugar y tu voz propia y para eso nada mejor que:

The post ¿Qué he aprendido en 6 meses con mi blog? appeared first on Monta tu Blog.

banderas por miguelb

Normalmente cuando creamos un sitio web, lo enfocamos a un público determinado, lo cual en la mayoría de los casos quiere decir un idioma único. Pero esto no siempre es así, a veces necesitamos dirigirnos a un público más amplio, lo que puede implicar la utilización de varios idiomas; se me ocurren algunos casos donde esto podría suceder:

• venta de productos en países diferentes.
• cursos de idiomas.
• traducciones especializadas.

Si este fuera nuestro caso, tendríamos que resolver algunos problemas que se nos plantearían, a la hora de crear un sitio web con varios idiomas en wordpress:

• La organización de los contenidos:
  • permitir a nuestros visitantes acceder específicamente a los contenidos en su idioma.
  • organizar los contenidos de tal manera que el visitante obtenga una experiencia de uso satisfactoria y coherente
• Google:
  • Si creamos los mismos contenidos simplemente traduciéndolos sin hacer nada más, Google podría considerar que son contenidos duplicados, lo cual nos perjudicaría mucho a nivel de SEO.

Si te interesa este ultimo punto, te recomiendo que veas este vídeo oficial de Google, donde explican el correcto tratamiento que deben tener los sitios web enfocados a varios idiomas, para que Google pueda indexarlos correctamente.

Organización de los contenidos

Si has visto el vídeo anterior, verás que el truco para evitar que las traducciones se consideren contenidos duplicados, consiste en indicar en todos los contenidos que tienen una traducción asociada, la url del resto de artículos traducidos. Es decir, en cada artículo que tenga un correspondiente en otro idioma, deberemos colocar un código como este:(no te asustes, en seguida vamos a ver cómo hacer esto en WordPress de una manera muy sencilla).

• El código tendrá tantas líneas como idiomas con los que trabajemos

Así pues, se trata de crear tantos contenidos hermanos del principal en los diferentes lenguajes que vayamos a utilizar, e indicar en cada uno de ellos todos sus artículos traducidos.

Experiencia de usuario

Con el punto anterior, estaría resuelto el problema de los contenidos duplicados, pero nos quedaría una web un poco rara, con un montón de artículos mezclados en varios idiomas. El resultado sería algo bastante extraño y con una experiencia de usuario frustrante para nuestros visitantes.

Para solucionar esto, tendremos que agrupar los contenidos de alguna manera para que queden accesibles en una misma localización, todos los contenidos de un mismo idioma. Hay dos maneras de conseguir esto:

• Con subdominios: si nuestro dominio principal es http://ejemplo.com, los contenidos en inglés estarían agrupados en: http://english.ejemplo.com y los de francés en http://francaise.ejemplo.com (los nombres son orientativos)
• Con directorios específicos para cada idioma: utilizando el ejemplo anterior, las url’s serían (recuerda que los nombres son orientativos):
  • http://ejemplo.com: en español
  • http://ejemplo.com/english/: para el inglés
  • http://ejemplo.com/francaise/: para el francés

Por último, sería muy útil el poder disponer de un enlace en cada página que nos permita cambiar siempre que queramos de un idioma a otro; así como la posibilidad de traducir las cadenas de texto que están fuera de los contenidos, como: menús, títulos, subtítulos y widgets.

¿Complicado? no te creas, tenemos la suerte de utilizar WordPress, el cual siempre nos brinda una solución sencilla para resolver los problemas que se nos puedan plantear; en este caso utilizando plugins. Los más conocidos son WPML(de pago), qTranslate y Polylang (para mi la mejor opción).

Polylang

Polylang es un plugin que nos permitirá gestionar todos los aspectos tratados anteriormente. Personalmente, me parece más sencillo de gestionar que qTranslate que es quizás el más conocido.

instalación y configuración

El proceso de instalación es el mismo que el de cualquier otro plugin, tendremos que ir a la página de administración de WordPress/plugins/añadir nuevo.

Al activarlo nos daremos cuenta de que en la parte de arriba de la página nos aparecerá un selector de idiomas.

Selector de idiomas

Además el idioma general de la administración habrá cambiado al inglés. No os preocupéis, esto se arregla fácilmente.

Ahora tendremos que configurar los idiomas con los que vamos a trabajar, para lo cual tendremos que ir a: Ajustes/idiomas

En el desplegable, tendremos que elegir los idiomas de trabajo de nuestro sitio. Podremos elegir entre varios idiomas e incluso sobre su variación nacional. Por ejemplo podremos poner español de españa; es_ES, o español de venezuela: es_VE.

añadir idiomas

Según vayamos eligiendo los idiomas, estos nos irán apareciendo en el recuadro de la derecha y según el orden que indiquemos (1 será el idioma principal del sitio).

idiomas de trabajo

Ahora nos quedará configurar cómo se van a generar las URL’s de cada idioma. Esto lo podremos hacer en el apartado ajustes:

• Si queremos hacerlo mediante subdirectorios, tendremos que seleccionar la opción: «El idioma se establece por el nombre del subdominio en los enlaces permanentes personalizados«. Atención si elegimos esta opción tendremos que configurar estos subdominios nuevos en nuestro servidor¡¡¡¡.
• Si queremos hacerlo mediante directorios, elegiremos la opción: «El idioma se establece por el nombre del directorio en los enlaces permanentes personalizados«. En esta última opción, podemos añadir otro directorio «language» a la url, pero yo creo que no es necesario y complica más la dirección de las diferentes páginas.

Contenidos

Aquí nuestro trabajo consistirá en crear las distintas versiones de cada uno de los contenidos que escribamos, ya sean artículos, páginas o tipos personalizados de contenidos. Para ello, cuando escribamos o editemos cualquier contenido, encontraremos un cuadro nuevo en la parte superior derecha de la ventana de edición

Selector de idiomas

Desde este cuadro tendremos acceso a los artículos «hermanos» del que estamos escribiendo en ese momento.

Menús

Otro tema importante es el de los menús. Lo que hace PolyLang, es permitirnos la posibilidad de utilizar menús diferentes para cada idioma, así sólo tendremos que ir a la gestión de los menús: Apariencia/menús y crear tantos menús, como idiomas tengamos y asignar cada menú al idioma correspondiente.

Cadenas de texto

Las cadenas de texto son aquellos elementos de WordPress, que no son contenidos; principalmente el título y el subtítulo del blog, así como los nombres de los widgets que vayamos a utilizar.

Conmutador de idioma

Como indicábamos antes, vamos a necesitar un conmutador de idiomas para permitir a los visitantes, el poder cambiar de un idioma a otro, si así lo requieren. La manera de conseguir esto, es mediante un widget que genera Polylang y que podemos insertar en cualquiera de los sidebars que tengamos creados.

conmutador de idomas

Al pulsar sobre los distintos idiomas del conmutador, nos llevará al contenido correspondiente de cada idioma y si este no existiese a la portada del idioma.

Como puedes ver, Polylang simplifica mucho la gestión de un sitio web de wordpress para su utilización con diferentes lenguajes.

Si tienes cualquier duda, sugerencia o crítica al artículo, me gustaría leerla en la sección de comentarios que encontrarás más abajo.

The post Utilizar una misma instalación de wordpress con varios idiomas appeared first on Monta tu Blog.

classroom by dhillan chandramowli

Este vídeo de Sugata Mitra, una de las personas que esta revolucionando el mundo de la educación puede ayudarte a comprender el cambio tan brutal que esta experimentando la educación, gracias al empleo de la tecnología:

Con la simple ayuda de un dispositivo electrónico (PC, tablet o smartphone) y una conexión a internet, tenemos acceso a una cantidad ingente de conocimientos. Estos conocimientos pueden estar en grandes repositorios de cursos, creados por grandes instituciones académicas:

• Coursera
• Khan Academy

o bien podemos encontrar, pequeños cursos online de profesores o expertos en una materia en concreto que ponen de forma libre o bajo cobro de una pequeña cantidad de dinero, sus conocimientos.

Tu podrías ser uno de ellos; así que: ¿Por que no crear tu propio curso online? y mejor todavía: ¿Por qué no hacerlo con una herramienta tan fácil de utilizar como WordPress?

Planificación

Lo primero que deberías plantearte a la hora de crear un curso online, es una cuidadosa planificación del curso, que abarque los siguientes aspectos:

• Objetivos: ¿Que capacidades van conseguir nuestros alumnos al terminar el curso?
• Materiales: ¿Que materiales voy a utilizar?
• Tiempos de ejecución: ¿Va a ser un curso secuencial? ¿habrá tiempos estimados para terminar cada apartado?
• ¿Evaluación?: ¿Tienes pensado evaluar a tus alumnos de alguna manera?
• Interacción con los alumnos: ¿Va a existir algún tipo de interacción con tus alumnos?

Si no haces una mínima planificación antes de empezar, es muy posible que gastes una energía descomunal, para unos resultados no demasiado llamativos.

Para esta tarea de planificación y organización del curso, te recomiendo que utilices una herramienta de mapas mentales.

Una herramienta de este tipo, te va a permitir, por un lado ver la estructura del curso y por otro las relaciones entre los contenidos. Yo utilizo MindNode Pro, que es una herramienta fantástica para este tipo de funciones

A modo de ejemplo, te dejo el esquema que he hecho para la creación de este artículo

estructura curso digital

Es una herramienta de pago y sólo para Mac, pero para mí vale cada euro de su precio y más. Si quieres buscar otras opciones, aquí te dejo un listado con otras alternativas que también te pueden ser de utilidad:

• Coggle: (Webapp) es gratuita y funciona a través del navegador de internet.
• Freemind: (Windows/Mac/Linux)
• Popplet: (Webapp/iOS) permite la conexión simultánea de varios dispositivos para poder trabajar en grupo.

Características de un curso online en wordpress

Una vez hecha la planificación más o menos extensa para nuestro curso, necesitaremos pensar en como vamos a implementar el curso en WordPress. Podemos hacer un listado de cosas a tener en cuenta:

Tamaño

Muchos de los cursos online que se hacen en internet tienen un gran problema:

No están preparados para una avalancha de alumnos

Si de repente vas a tener 200 alumnos deberías tener algún tipo de estrategia para poder atenderlos a todos.  Uno de los cursos que te he mencionado antes, tuvo que ser suspendido, porque no estaba preparado para dar soporte a los más de 40000 alumnos que tuvo; seguramente no será tu caso, pero no estaría de más que pienses en alternativas razonables y suficientemente ágiles para dar soporte a tus alumnos^1.

Abierto/cerrado

Una primera cuestión a plantear, es si el curso va ser abierto o cerrado y en caso de que vaya a ser cerrado si vas a cobrar por recibirlo. En este último caso necesitarás algún tipo de plugin que te permita cerrar partes del contenido y cobrar por ello. Es lo que se conoce como plugins de membresía:

• WishList Member: Probablemente sea el más popular:
  • Cuesta 97$ para un sólo sitio.
  • Todos los niveles de usuarios que quiera crear
  • Se integra con las pasarelas de pago más populares.
  • Contenido secuencia (muy útil para crear un curso de manera secuencial)
  • Opciones de usuario flexibles: (gratuito, prueba, de pago,etc…)
  • Control del contenido visible (puede hacer partes visibles y otras no)
• Magic Members:
  • Cuesta 97$ para un sólo sitio,
  • Se integra con un gran número de sistemas de pago
  • Servicio de descargas monitorizado
  • widgets personalizados
  • Varios niveles de usuario.
  • Creación de cupones para realizar ofertas
  • Control del tiempo de suscripción.

Contenidos:

Una vez que tenemos más o menos clara esta planificación inicial, el paso siguiente será el de la creación de los contenidos. Una de las ventajas de utilizar WordPress, es la gran facilidad que tenemos de añadir materiales diversos a nuestros cursos. aparte de los contenidos obvios de texto, podemos tener:

Vídeos

Si el curso va a ser en abierto lo más sencillo es que utilices plataformas como Youtube o Vimeo para subir tus vídeos. Te evitará complicaciones y te dará mayores oportunidades de difundir tus materiales.

Si el curso va a ser en cerrado, Vimeo para sus cuantas plus, te ofrece elementos de privacidad, par a que los vídeos sólo puedan reproducirse en tu blog. aquí te dejo una captura con las opciones d privacidad que te ofrece Vimeo

opciones de privacidad de Vimeo Plus

Podcast

Los podcast son publicaciones de audio, que los alumnos pueden descargarse periódicamente y escuchar en sus dispositiva móviles cuando les resulte más cómodo. es una alternativa fácil y económica. El tema los Podcast tiene muchas posibilidades y te emplazo a un próximo artículo para explicarlo más en profundidad. De momento te dejo al enlace a un artículo anterior, sobre cómo insertar audio en wordpress.

Animaciones

Otro tipo de contenidos muy interesantes son las animaciones. antes se utilizaba Flash, pero no te lo recomiendo, porque no es un formato compatible con table y smartphones; el rey actual para este tipo de contenidos es HTML5. Yo utilizo Hype(Mac), por su sencillez y potencia, pero también puedes utilizar Google web designer o Adobe Edge.

Presentaciones

Lo más fácil es que utilices http://es.slideshare.net/, que podríamos definirlo como el youtube de las presentaciones. Es muy sencillo, subes tu presentación y una vez subida, te da un código para «incrustar» la presentación en en wordpress. Aquí te dejo un ejemplo de una presentación mía subida a Slideshare:

Certificaciones

Si quieres hacer algún tipo de test o examen a tus alumnos puedes utilizar alguno de estos plugins para WordPress:

• Watu
• Exam matrix

Por último un tema interesante es el de certificar el curso. La forma más fácil es crear un pdf con el nombre del alumno y mandárselo por email sin más; pero hay una forma más interesante, se llama: Mozilla Open Badges y es un sistema de méritos donde pueden «recolectarse» todos los conocimientos recibidos en distintos cursos online y a la vez sirve de portafolio personal de esos conocimientos. Estoy seguro de que en los próximos años asistiremos a un auténtico boom de este tipo de sistemas.

Si tienes algún tipo de duda o comentario, me encantaría escucharte. Utiliza para ello los comentarios que encontrarás un poco más abajo.

1. (fn) 40000 alumnos apuntados¡¡¡¡¡ ¿te das cuenta de las oportunidades que hay, en la impartición de cursos online?

The post Utiliza WordPress para crear un curso online appeared first on Monta tu Blog.

tools by zzpza

Una herramienta muy poco conocida de WordPress y a la que podemos sacar mucho partido, es la posibilidad de asignar a cada artículo una “imagen destacada”. Esta simple característica, puede hacer que nuestro blog luzca mucho mejor, sobre todo si la combinamos con el tema o plantilla adecuados.

¿Qué son las imágenes destacadas?

Es una propiedad o característica que podemos asignarle a un artículo y que permite representarlo visualmente en la pagina de inicio, o en paginas creadas específicamente para ese fin.

Un ejemplo muy típico es el de los temas tipo “magazine”, que sirven para la creación de revistas electrónicas. En este tipo de temas, suele haber un “slider” que muestra en un carrusel los artículos más destacados, o las últimas publicaciones. Estos “slider” utilizan la “imagen destacada” para crear el carrusel visual de contenidos.

Otro uso muy común es el de los listados de artículos. Podemos tener por ejemplo, una columna en la página de inicio, con una serie de artículos que representen la categoría “noticias”; pues bien, en lugar de mostrarlos como un listado de títulos sin más, puede resultar más atractivo visualmente, mostrarlos con una pequeña imagen y un texto descriptivo. Esa imagen que aparecerá en el listado será nuestra famosa “imagen destacada”.

¿Cómo se crean las imágenes destacadas?

Es muy sencillo, en el editor de las contenidos, abajo a la derecha de la pantalla de edición de los artículos, encontraremos la opción de seleccionar la “imagen destacada” que queramos.

wordpress imagen destacada

Al hacerlo, nos llevará al selector de medios de WordPress, desde el que podremos, o bien subir una imagen nueva que sirva a nuestros propósitos, o bien utilizar una imagen ya existente. El tamaño de la imagen, no es demasiado importante, ya que hay que recordar que WordPress, a parte del tamaño original, guarda otros tres tamaños diferentes de cada imagen, para utilizarlos según los requerimientos de cada caso.

¿Es realmente tan importante?

Es importante si tu tema así lo requiere. Es posible que alguna vez hayas visto en algún repositorio de wordpress, una plantilla muy espectacular y que la hayas decidido instalar en tu blog; pero al hacerlo, los resultados no han sido los esperados. En el 99% de los casos, la causa de esta diferencia será el no haber utilizado “imágenes destacadas” en tus artículos. Así que como puedes ver:

utilizar bien las imágenes destacadas, puede cambiar radicalmente para bien, la apariencia de tu blog

¿Existe alguna manera de forzar su utilización?

En instalaciones en las que participen varios editores, es difícil que todos se acuerden de asignar una imagen destacada a cada artículo. Para obligar a su utilización, podemos utilizar el plugin: Required featured image. Este plugin mostrará un mensaje de error cada vez que un editor intente publicar una imagen sin haber establecido la correspondiente “imagen destacada”.

En caso de que ya tengamos una instalación de wordpress con muchos artículos sin “imagen destacada”, podemos mediante un simple código asignar una imagen por defecto a todos los contenidos que no dispongan de ella.

Para ello tendremos que realizar dos acciones:

• subir a wordpress la imagen que queramos utilizar por defecto y copiar el ID de la imagen subida. Para ello una vez subida la imagen a WordPress, tendremos que ir al la biblioteca de medios y pulsar el botón editar que veremos debajo de cada imagen. Al hacerlo mirando la URL de la nueva página podremos saber el ID asignado; en este caso será el 744.

Url de edición de una imagen

• Lo siguiente que tendremos que hacer es abrir el archivo de funciones de nuestro tema, que encontraremos en “wp-content/themes/nombre-de-nuestro-tema-activo/“ y que llevará por nombre:  “functions.php”. Lo abriremos con un editor de textos y añadiremos la siguiente función:

function wpforce_featured() {
global $post;
$already_has_thumb = has_post_thumbnail($post->ID);
if (!$already_has_thumb) {
$attached_image = get_children( "post_parent=$post->ID&post_type=attachment&post_mime_type=image&numberposts=1" );
if ($attached_image) {
foreach ($attached_image as $attachment_id => $attachment) {
set_post_thumbnail($post->ID, $attachment_id);
}
} else {
set_post_thumbnail($post->ID, '744'); // no olvidar poner en esta línea el ID de la imagen que queramos usar por defecto
}
}
} //end function
add_action('the_post', 'wpforce_featured');
add_action('save_post', 'wpforce_featured');
add_action('draft_to_publish', 'wpforce_featured');
add_action('new_to_publish', 'wpforce_featured');
add_action('pending_to_publish', 'wpforce_featured');
add_action('future_to_publish', 'wpforce_featured');

• (1)Este código pertenece a la página WPFORCE

Como puedes ver usar las «imágenes por defecto» es algo muy simple y que puede mejorar radicalmente la presencia y usabilidad de tu blog.

Si tienes cualquier duda no comentario, no dudes en hacérmelo saber a través de los comentarios que encontrarás más abajo

The post Mejora tu blog en wordpress utilizando las imágenes destacadas appeared first on Monta tu Blog.

magazine stand por Manoj Jacob

De pequeño quise hacer un periódico con mis compañeros de colegio, en aquel momento nos pareció una aventura fantástica. El problema vino cuando se lo planteamos a nuestros profesores y estos nos hicieron ver, todos los problemas a los que nos enfrentábamos: imprenta distribución, maquetación. Si ahora quisiera hace lo mismo, sería tan simple como instalar WordPress.

Por muy extraño que te parezca, podemos personalizar fácilmente nuestro blog para convertirlo en una auténtica revista digital.

WordPress para una revista digital

El primero de los cambios que tendremos que hacer, es cambiar el listado de artículos ordenados cronológicamente de la página principal (configuración típica de blog), por una portada donde mostrar los artículos de una manera mucho más visual. Para ello necesitaremos dos cosas

• Crear una página de inicio y seleccionarla como portada por defecto en Ajustes/Lectura.
• Utilizar la opción de WordPress: «Imagen destacada«.

Imagen destacada

Cuando escribimos una artículo en WordPress en la página de edición, abajo a la derecha, encontraremos la opción de imagen destacada.

wordpress imagen destacada

Esta imagen, servirá a WordPress para representar cada artículo de una manera visual. Lo entenderás mucho más fácil con un ejemplo: En esta página tienes todos los artículos escritos en este blog, representados visualmente, gracias a su imagen destacada.

Ten en cuenta que casi todos los temas que se utilizan en las revistas electrónicas, utilizan esta característica para su funcionamiento.

Temas o plantillas

Si quieres un tema gratuito, la última versión de WordPress viene con un tema para este tipo de usos: «Twenty Fourteen«. Con los temas gratuitos tienes que tener en cuenta que para poder sacarle todo el provecho al mismo, tendrás que personalizarlo para adaptarlo a tus necesidades.

[puedo-ayudarte]

Otro tema interesante que puedes utilizar para tu revista electrónica es «Divi«. Un fantástico tema premium de Elegant Themes que aunque no esta específicamente diseñado para revistas electrónicas, puede adaptarse perfectamente a este cometido

[licencia-divi]

También puedes buscar en themeforest, el mayor mercado de plantillas y plugins para WordPress, que existe en internet.

Organización del sitio

Antes de empezar siguiera a plantearnos la instalación de WordPress, tendremos que hacer una reflexión inicial sobre la organización que tendrá nuestro sitio. Para ello, tendremos un gran aliado en las categorías y etiquetas de wordpress que de una manera genérica denominaremos «taxonomías». Su cometido principal, será el de organizar nuestros contenidos, para que al igual que ocurre en un periódico, tengamos nuestras secciones y apartados donde agrupar los artículos que vayamos escribiendo. De una forma resumida, podríamos decir que:

• Las categorías son los grandes apartados o temas que trataremos en nuestra revista.
• Las etiquetas son temas más específicos.

Características

Ahora que sabemos como vamos a organizar nuestros contenidos, hemos elegido un tema y tenemos claro que tenemos que utilizar la función de «imagen destacada»; es el momento de pensar que características va necesitar nuestro blog, para convertirlo en una revista electrónica.

Flujo editorial

Una función que puede resultar muy útil, sobre todo si la revista va ser administrada por varias personas, es crear un flujo editorial. Lo normal no es que los artículos se escriban sin más cada vez que haya publicar, sino que exista un proceso en diversas etapas, que pueda ser supervisado hasta la publicación final. Para conseguir este proceso de trabajo, podemos utilizar el plugin «Edit Flow«; el cual, dotará a nuestro blog de las siguientes características:

• Calendario: Calendario para ver el estado de los artículos y establecer fechas de publicación.
• Creación de estados de publicación propios: Crear un proceso de trabajo propio con una serie de estados por los que tendrá que pasar cada artículo hasta su publicación final.
• Comentarios editoriales: comentarios privados entre los editores, sobre el proceso de publicación.
• Metadata propios: Permite la creación de campos de control, de cada artículo (texto, datos, números, fechas), para ayudar en el proceso de control editorial. Estos campos no serán publicados, pero estarán visibles en el calendario y en el panel de control.
• Notificaciones: Puedes suscribirte a un artículo y recibir notificaciones cuando este cambie de estado.
• Panel de control: Panel de control par comprobar de un vistazo el estado de los artículos pendientes de publicación.
• Grupos de escritores: Creación de grupos de trabajo para la creación de artículos.

Partes de acceso privadas

Puede sernos útil también el crear zonas de acceso privadas, bien porque queramos que algunos artículos sólo sean visibles por algunas personas, o bien porque queramos cobrar un dinero por el acceso a los contenidos:

• Private content: Permite el acceso restringido a partes del texto según el rol de usuario que tengamos.
• PrivateContent: Plugin de pago que nos permite tener un control total sobre el acceso a las diferentes partes del blog, bien por contraseña o por nivel de usuario. Incluso permite cerrar al acceso al blog entero.
• Restricted Content : Este plugin añade una capa de pago a las restricciones de acceso; es decir, nos ayuda cobrar por el acceso a los contenidos, mediante su integración con PayPal.

Distribuir Contenidos

Si queremos que nuestros contenidos lleguen al mayor número posible de personas, no podemos olvidarnos de hacer lo más fácil posible la tarea de compartirlos en las redes sociales. Para ello los plugins más conocidos y utilizados son:

• Shareaholic: este plugin nos insertará al final de cada artículo una barra con los redes sociales más conocidas (podemos personalizar cuales queremos poner) para que el usuario, sólo tenga que pulsar en ellas para poder compartirlos. Además, os permitirá incluir una serie de artículos relacionados con el actual, para que el lector aumente el tiempo de estancia en nuestro blog.
• DIGG DIGG: funciona igual que Shareaholic, salvo que en lugar de poner la barra al final del artículo, lo coloca en un lateral y ademas esta barra se va desplazando a la vez que nos movemos por la pantalla.

Sección de destacados

Una posibilidad muy utilizada en este tipo de revistas electrónicas es la inclusión de un slider (deslizador) que va mostrando en una especie de carrusel, una serie de fotografías, o mejor todavía en nuestro caso, artículos destacados. Para ello podemos utilizar: Advanced post Slider, que nos permitirá mostrar en el slider, una categoría determinada de artículos.

Así, podemos crear una categoría a la que llamaremos destacados (o como queramos) y luego seleccionaremos entre las opciones del plugin: «mostrar los artículos de la categoría destacados«.

Suscripción

Una característica muy olvidada en los blogs es el RSS o sindicación de contenidos. Básicamente es una manera de que nuestros lectores se suscriban a nuestro blog cada vez que un nuevo artículos se publica. Pero es mejor que te lo explique con un vídeo:

En Ajustes/Lectura puedes determinar si quieres que en el RSS de tu blog se vea todo el artículo o sólo una porción del mismo, así como la cantidad de artículos que se visualizarán.

Pdf para distribuir

Para terminar, he dejado un último caso que puede ser útil en algunas casos: La distribución de la revista en formato PDF mediante descargas desde el blog. Para gestionar estas descargas puede sernos de utilidad el plugin Donwload manager. Entre otras opciones nos permitirá tener una estadística de la descargas realizadas que nos será muy útil para comprobar la popularidad de nuestra revista.

Me encararía escuchar tu opinión y tus ideas sobre este tema. Para ello puedes utilizar los comentarios

The post Como utilizar WordPress para crear una revista digital appeared first on Monta tu Blog.