Álvaro Felipe » Curso de WordPress.com

Cómo crear los mejores sitios web – ¿sabes qué es un CMS?

Álvaro Felipe — Thu, 18 Feb 2010 15:42:38 +0000

Como mencione ayer, Escuela Digital y Aula Web ya son una realidad y uno de los objetivos principales de estas dos empresas es compartir conocimiento. Así que empiezo explicando el núcleo de nuestro trabajo: la creación de sitios web.

¿Cómo creamos los sitios web en Escuela Digital?

Usamos herramientas llamadas CMS (Content Managament System), es decir, sistemas de gestión de contenidos. Estos sistemas permiten la creación de sitios web complejos y profesionales ahorrándonos la escritura de código. Sin embargo, quiero dejar bien en claro que sin tocar nada de código se puede hacer un sitio web completo con un CMS, pero si queremos personalización avanzada, añadir funciones nuevas, satisfacer las necesidades de clientes específicos, crear diseños novedosos, etc. habrá que enfrentarse al código y a nivel intermedio-avanzado. Así que quédense tranquilos los puristas que ven a los CMS como un “cualquiera-lo-hace”. Además que, aunque no toquemos nada de código, hay que saber administrar el CMS lo cual tampoco es sencillísimo.

¿Cómo se crean sitios web usando CMS?

Todos los CMS que conozco son opensource, es decir, libres y gratuitos. Desconozco si existen CMS privativos, aunque supongo que sí. Pero como no me muevo en el mundo del software privativo, ni me va ni me viene.

En fin, al grano. Es necesario primero escoger qué CMS usaremos según el proyecto que vamos a realizar. Existen decenas de CMS y no todos hacen lo mismo, no todos serán igual de sencillos de administrar (para nosotros o para un cliente), no todos tendrán la misma funcionalidad. Solo quien haya estado probando varios CMS para proyectos diferentes sabrá rápidamente cuál se ajusta a una necesidad específica.

Supongamos que ya elegimos el CMS para nuestro proyecto. Lo siguiente es instalarlo en un servidor. Para eso, obviamente, debemos contar con un servidor. Existen muchas empresas que alquilan espacio en un servidores con precios que van desde los 7 dólares al mes hasta los 400 dólares mensuales. Para un proyecto personal basta y sobra con el de 7 dólares al mes. Acá algunas empresas:

Bluehost
Dreamhost
Hostgator (en está empresa alojado mi blog)

Bueno, tenemos el servidor, instalamos el CMS en él y lo manejamos desde el navegador. En otro artículo explicaré cómo crear nuestro primer sitio web en un servidor.

¿Qué tipos de CMS existen?

Hay de todo, y no sé si haya quien los conozca todos, pero por mi experiencia mencionaré los que conozco y sus usos:

Drupal. El mejor CMS del mundo. Permite crear sitios web de alta complejidad y personalización.
Joomla. El mejor CMS después de Drupal, pero siempre andan peleando el primer lugar, lo que beneficia a los usuarios.
WordPress. El CMS más usado en el mundo hoy en día, su facilidad de uso y de instalación lo han hecho tremendamente famoso. Sirve para la creación de sitios web personales: blogs.
MediaWiki. Permite crear wikis con el mismo sistema que la Wikipedia. De hecho, mediawiki es el CMS con el que se maneja la Wikipedia.
PHPbb. Herramienta para la creación de foros.
Gallery. CMS para la creación de galerías fotográficas, permite cuentas de usuario, comentarios, álbumes privados, etc.

¿Qué es un LMS?

Un LMS es un CMS orientado a la educación, permiten el seguimiento de calificaciones de los alumnos, creación de actividades educativas en línea, foros, talleres de grupos, etc. Sus siglas provienen de Learning Managament System, es decir, sistema de gestión de aprendizaje. Los más importantes son:

Moodle. El mejor LMS del mundo. Permite la creación de un sistema web que administre escuela con miles de alumnos y requerimientos distintos, sus configuraciones de seguridad y las jerarquías de permisos lo hacen el LMS por excelencia. Sin embargo, su administración no es del todo sencilla ni intuitiva.
Claroline. LMS amigable y de fácil manejo. Estupendo para iniciarse en el E-learning, aunque en proyectos de gran envergadura no es recomendable.
Dokeos. LMS muy similar a Claroline con el que ha tenido desarrollos paralelos (incluso existen desarrolladores que han participado en ambos proyectos).

En próximos artículos explicaré la instalación de los CMS que uso en Escuela Digital.

Etiquetas: Aula web, claroline, CMS, Curso de WordPress.com, Drupal, Escuela Digital, Gallery, Joomla, LMS, MediaWiki, Moodle, Open source, phpbb, Tic

Si este artículo te gustó también puedes leer:

Nuevo tema en WordPress.com: iNove

Álvaro Felipe — Sun, 23 Aug 2009 13:25:02 +0000

i Nove, nuevo tema para WordPress.com que soporta menús desplegables

Demostrando nuevamente que son quienes marcan la hora en el bloggin gratuito a nivel mundial, la gente de WordPress.com ha añadido un nuevo tema a los más de setenta diseños entre los que pueden escoger quienes arman sus blogs gratuitos con ellos. Y este tema sí que se las trae pues es uno de los más famosos entre los blogs de hospedaje pagado. Diseño elegante, comentarios anidados, colore sobrios e iconos atractivos. Pero de lo mejor es que ES EL PRIMER TEMA DE WORDPRESS.COM QUE TIENE MENÚS DESPLEGABLES. ¿A que no me creen? De veras, de veritas, con este diseño tu blog gratuito puede lucir como uno profesional; solamente crea las páginas, añade subpáginas y listo. La plantilla se encarga de ordenarlos.

He aplicado el diseño en mi blog de WordPress.com para que vean como quedaría en el suyo.

Etiquetas: Blog gratis, Curso de WordPress.com, Diseño, Menú desplegable, Tips de WordPress.com, Web 2.0, wordpress

Si este artículo te gustó también puedes leer:

Curso de WordPress.com: 4.1 – Widgets (Del.icio.us)

Álvaro Felipe — Tue, 14 Apr 2009 03:57:58 +0000

Del.icio.us.

Delicious.com es un servicio de marcadores sociales. Es decir, podemos crear una cuenta y añadir nuestras páginas web favoritas. Esto no es nada del otro mundo, sino fuera porque podemos compartir esos favoritos con los demás usuarios de delicious. Este widgets muestra tus marcadores de delicious en tu blog. Para usarlo primero debes crear una cuenta en Delicious y añadir marcadores a tu cuenta.

Para crear un marcador haz clic en el botón Save a new bookmark.

Agregar nuevo marcador

Obviamente, existen formas ás productivas de añadir marcadores a Delicious. Una de ellas es usar la extensión oficial de delicious para Firefox. Se instala desde este enlace:

https://addons.mozilla.org/es-ES/firefox/addon/3615

Luego, en el tablero de tu blog, activa este widget, ponle un título, el nombre de tu cuenta en delicious, el número de marcadores que quieres que se muestren y si deseas que solo se muestren los que tengan ciertas etiquetas puedes añadirlas en el espacio inferior (separadas por espacios):

Configuración del Widget de Delicious

Es todo, a partir de ahora tus últimos marcadores de Delicious aparecerán en la barra lateral de tu blog de WordPress.com

Álvaro Felipe
afelipech@gmail.com

Etiquetas: Crea tu propio blog, Curso de WordPress.com, Delicious, Tic, Web 2.0, Widget

Si este artículo te gustó también puedes leer:

Curso de WordPress.com: 4 – Widgets

Álvaro Felipe — Sun, 12 Apr 2009 15:03:05 +0000

Los widgets son bloques de contenido que van a los lados del blog (a veces ban en la parte inferior). Si eliges un tema con dos columnas tendrás una de ellas para widgets, si escoges un tema con tres columnas, dos de ellas serán para los widgets. Por ejemplo, este blog tiene dos columnas con widgets (a los lados):

Las columnas que están a la derecha e izquierda de este blog contienen los widgets. Según el tema puede haber una o dos columnas para widgets.

Para añadir widgets a tu blog debes ir a la opción widgets desde el menú lateral:

Acceder a los widgets desde el menú lateral

Hasta el momento, tu blog de WordPress cuenta con 26 widgets (¡la gente de WordPress siempre está creando nuevos widgets!). El último de ellos es el de Twitter (creado hace una semana).

Son 26 widgets en total con un botón de añadir.

Para añadir un Widget basta con con pulsar en el botón Añadir a su lado. Entonces aparecerá en la lista de widgets utilizados (a la derecha) en color azul. Cada widget tiene un botón de editar con el que se puede cambiar su configuración. Cuando termines de editar presiona el botón Hecho y finalmente Guardar cambios para aplicar la nueva configuración.

Cada widget añadido tiene un botón Editar (encerrado en rojo en la figura). Cuando haces clic en ese botón se despliegan las opciones del widget y el botón Editar cambia a Cancelar (haz clic en él si no deseas hacer cambios). Después de cambiar al configuración del widget, debes pulsar Hecho y luego Guardar cambios (resaltados en amarillo en la figura) para que los cambios se apliquen

Finalmente, los widgets añadidos pueden moverse de lugar con solo arrastrarlos:

Con solo arrastrar podemos mover la posición de los widgets (hacia arriba o hacia abajo). En esta figura estoy recolocando el widget Comentario Recientes.

Finalmente, si quieres borrar un widget, haz clic en el botón Editar, luego en Borrar y finalmente en Guardar cambios.

En las próximas clases explicaré uno a uno los 26 widgets. 26 clases sobre widgets, ¡wow!

Álvaro Felipe
afelipech@gmail.com

Etiquetas: blog, Crea tu propio blog, Curso de WordPress.com, Tic, Web 2.0, Widget, wordpress

Si este artículo te gustó también puedes leer:

Curso de WordPress.com: 3 – Cambia el diseño

Álvaro Felipe — Fri, 10 Apr 2009 22:35:02 +0000

Una vez creado tu nuevo blog, tendrá un diseño básico. No está mal, pero existe otros sesenta diseños que no solo pueden cambiar el aspecto de tu blog sino que le pueden añadir funciones y características a las páginas. Los diseños se llaman temas.

Para cambiar el tema hay dos caminos sencillos:

Pulsar el botón Cambiar tema desde el panel Ahora.
Desde el panel Ahora
Pulsar el botón Temas desde la opción Aspecto del menú lateral.
Desde el menú lateral

Existen alrededor de setenta temas (diseños). El primer diseño que elijas será por vistosidad y gustos personales. Pero, poco a poco verás que el diseño responde más a tus necesidades de ordenar tus contenidos (ubicación, tamaños, distribución, etc.) que al factor de vistosidad. Por lo pronto te explico las pautas para escoger un tema adecuado.

Los temas tienen etiquetas. Las etiquetas son palabras o frases que los identifican. Por ejemplo, si el tema es azul tendrá una etiqueta llamada blue y si pulsas en ella, se mostrarán todos los temas que tengan esa etiqueta. Si el tema permite cambiar la cabecera, tendrá una etiqueta llamada custom header y pulsando en ella aparecerán todos los temas que tengan cabecera personalizada. Así es como funcionan las etiquetas.

A parte de pulsar en el nombre de las etiquetas que están debajo de cada tema, existe un selector desplegable que te permite buscar rápidamente el tipo de diseño que quieras (está debajo del título “Temas disponibles”).

Las etiquetas son las siguientes (agrupadas por categorías, tal como las muestra el selector desplegable):

Color. Estas etiquetas muestran el color predominante en cada tema.

Black. Negro

Blue. Azul

Blue gray. Azul y gris.

Brown. Marron.

Green. Verde.

Grey. Gris.

Grey green. Verde grisáceo.

Orange. Anaranjado.

Red. Rojo.

Silver. Plateado.

Tan. Bronceado.

White. Blanco

Yellow. Amarillo.

Columns. Estas etiquetas muestran el número de columnas (verticales) en que divide el espacio cada uno de los temas.

One column. Una columna (los widgets generalmente van abajo).

Two columns. Dos columnas.

Three columns. Tres columnas.

Four columns. Cuatro columnas.

Width. Estás etiquetas muestras como maneja el espacio horizontal (ancho) cada tema.

Fixed width. Ancho fijo, sin importar el tamaño de la ventana del navegador.

Flexible width. Ancho variable, ocupa todo el ancho de la ventana del navegador.

Options. Estas etiquetas muestran opciones adicionales.

Bottom widgets. Los widgets van al final de la página.

Custom colors. Los colores del tema son personalizables.

Custom header. Puedes cambiar la cabecera por un diseño (imagen) personal.

Page navigation. Poseen un menú principal.

Theme option. El tema posee opciones adicionales de configuración.

Miscelaneous. Estas etiquetas son las que no tienen una categoría en especial.

Dark. El diseño es oscuro.

Flowers. El diseño contiene flores.

Grass. Diseño con plantas.

Holiday. Diseño de festividades.

Ligth. Diseño ligero (opciones mínimas)

Microblog. Diseño orientado al microblog (articulos muy breves).

Minimal. Diseño con pocas opciones.

Narrow. Diseño estrecho.

Photobloggin. Diseño orientado a un blof de fotografías.

Pink. Diseño rosado.

Widgtes. Diseño personalizable.

Winter. Diseño invernal.

Álvaro Felipe
afelipech@gmail.com

Etiquetas: Crea tu propio blog, Curso de WordPress.com, Tic, wordpress

Si este artículo te gustó también puedes leer:

Curso de WordPress.com: 2 – Conoce tu tablero

Álvaro Felipe — Fri, 10 Apr 2009 01:59:23 +0000

Conocer el tablero es la base de la administración de tu blog en WordPress, desde él se controla todo. Absolutamente todo.

Para acceder a tu tablero debes ingresar a la siguiente dirección:

http://nombredeusuario.wordpress.com/wp-admin/

Una vez dentro, el aspecto del tablero será así:

Aspecto del tablero

Los elementos del tablero son:

Tablero. Desde aquí se pueden ver las estadístias detalladas del blog, los blog s a los que te hayas suscrito, los comentarios que has escrito, entradas importantes de otros blogs, etc.
Entradas y páginas. Desde aquí se administra el contenido del blog (páginas y entradas).
Aspecto y opciones. Desde aqui se maneja el diseño del blog, los usuarios, las herramientas adicionales y la configuración del blog.
Ahora. Muestra cuántas entradas tiene tu blog, cuantos comentarios se han escrito, cuantas etiquetas, etc. Es decir, muestra estadísticas del contenido.
Entrada rápida. Permite escribir un artículo de forma rápida, sin mayores opciones.
Comentarios recientes. Muestra los últimos comentarios que te han escrito tus lectores.
Borradores recientes. Muestra los últimos artíulos que has escrito pero que no has publicado.
Estadísticas del blog. Muestra el número de visitantes a tu blog, día tras día.
Enlaces entrantes. Muestra que páginas web o blogs enlazan al tuyo. Los enlaces son una señal de prestigio.
Tus cosas. Muestra lo último que has escrito o comentado.
Post mas vistos. Muestra los artículos que más visitan o leen tus lectores.

Álvaro Felipe
afelipech@gmail.com

Etiquetas: Crea tu propio blog, Curso de WordPress.com, Tic, wordpress

Si este artículo te gustó también puedes leer:

Curso de Wordpress.com: 1 – Crea tu blog

Álvaro Felipe — Fri, 10 Apr 2009 00:55:41 +0000

Crear un blog (como este) es muy sencillo, inluso para un usuario novato. Con este curso explicaré con mucha claridad lo fundamental para crear, administrar y llevar adelante un blog.

Primero lo primero, servicios para crear blogs los hay muchos servicios entre los que destacan WordPress y Blogger. El segundo es el más utilizado puesto que es propiedad de Google. Sin embargo, usarlo no es recomendable por los siguientes motivos:

Falta de actualizaciones.
Pésimo manejo de comentarios, que hará que tus lectores tengan que hacer hasta cinco clics para escribir una línea.
Mínimas opciones en su panel de control.
Pésima indexación con Google. Demorará mucho que el buscador encuentre tu blog si lo publicas en blogger (¡y eso que es de Google!).
Cuando tu blog crezca lo suficiente para salir del servicio gratuito y usar un hosting pagado, no usarás blogger porque solo existe en el servicio gratuito. Pero sí usarás WordPress que es el sistema más usado del mundo. En otras palabras, todo lo que hayas aprendido sobre Blogger seá un desperdicio de tiempo pues tendrás que aprender a usar WordPress.

Crea tu nuevo blog en WordPress

Entra a la dirección

http://es.wordpress.com

Y haz clic en el botón Regístrate ahora.

También puedes hacer clic en el botón Vea nuestras características gratuitas para saber qué te ofrece WordPress sin cobrarte un centavo (la información está en inglés, puedes leer una traducción al vuelo desde este enlace)

Llena el formulario con la siguiente información:

Nombre de usuario. El nombre con el te identificarás en WordPress, debes inventar uno.
Contraseña. La contraseña de acceso, intenta intercalar mayúsculas y minúsculas para mayor seguridad.
Confirmar. Repite tu contraseña (con las mayúsculas y minúsculas correctas) para confirmar que la tecleas correctamente.
Dirección de correo electrónico. Escribe tu dirección de correo. WordPress enviará toda la información a esa dirección.
Lo legal. Activa la casilla que dice He leído y acepto los fascinantes términos de servicio.
Venga, dame mi blog o Solo un nombre de usuario, por favor. La primera opción te da un blog de forma automática con el nombre de tu usuario (nombredeusuario.wordpress.com). La segunda opción no te dan un blog, pero puedes crearlo posteriormente.

Una vez que hayas creado la cuenta, tendrás tu nuevo blog. Podrás llenar los datos de tu perfil y empezar a administrar tu blog.

La dirección de tu blog será:

http://nombredeusuario.wordpress.com

y la dirección para acceder al panel de control de tu blog será:

http://nombredeusuario.wordpress.com/wp-admin/

o puedes iniciar sesión en:

http://es.wordpress.com

Y desde ahí administrar tu blog.

Por último, recuerda que puedes crear cuantos blogs desees. Cada uno cuenta con tráfico ilimitado, estadísticas integradas en el servicio y 3 GB de espacio de almacenamiento gratuito.

Álvaro Felipe
afelipech@gmail.com

Etiquetas: Crea tu propio blog, Curso de WordPress.com, Tic, wordpress