Los textos de tu web en varias columnas con CSS 3

CSS Multi-column Layout

Los textos de tu web en varias columnas con CSS 3Inicio la categoría o sección CSS del blog de INDAGA con un post sobre la creación de textos multicolumna utilizando la última versión de las hojas de estilo o Cascading Style Sheet: (CSS 3), la cual, si no me equivoco, ya soportan la gran mayoría de los navegadores web, menos mal!

Recuerdo que cuando estaba en Hoja Digital –un periódico online ya inexistente y cuyas noticias estaban en formato columnas, emulando al típico periódico de papel-  la maquetación de cada noticia y de todas las páginas la tenía que realizar a través de tablas, lo cual era bastante pesado y difícil de mantener, además de no estar recomendado por la W3C. ¡Qué bien me hubiera venido la maquetación multi-columna automática!

Hoy por hoy podemos crear una páginas o entradas con varias columnas, siendo la hoja de estilos la encargada de maquetarlas de forma automática, utilizando la especificación  de CSS Multi-column Layout. Eso sí, la hoja de estilos debes trabajarla bien antes, pero merece la pena. La propiedad encargada de la creación de las columnas sedenomina column-count. Además, podemos añadir cualquier elemento al bloque, como por ejemplo una imagen, dejando que el texto fluya de manera equilibrada.

Un buen artículo al respecto (y en castellano) y con enlaces a ejemplos lo podéis encontrar en Desarrolloweb.com. Esta es una página de ejemplo en HTML basada en el ejemplo de Desarrollo.web y que me servirá de referencia: multi-columnas.html.

Adjunto también un tutorial sobre CSS3  y una utilidad para generar elementos en CSS 3, respectivamente: Tutorial CSS3 (en inglés) y CSS 3 Generator (en inglés).

IE6 No More, evita que visualicen tu web con Internet Explorer 6

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

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

Tienes los códigos de ejemplo en siete idiomas, incluyendo el español.
IE6 No More o cómo evitar que abran tu web con Internet Explorer 6

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

Ping Services, más sobre los ajustes de escritura en WordPress

Avisa automáticamente que has publicado nuevo contenido en tu blog

Ping Services, más sobre los ajustes de escritura en WordpPressValencia, 07/02/2013, G.B.
Ping Services o Update Services son herramientas que podemos utilizar para indicar tanto a personas como a los buscadores que hemos actualizado nuestro blog. WordPress notifica automáticamente nuestras actualizaciones de contenido a los servicios más populares de actualización.

El mecanismo que utiliza nuestro CMS es el envío de un ‘ping‘ en formato XML-RPC cada vez que actualizamos un post o entrada. Así, gente que visite determinadas plataformas, tales como Technorati o Sphere, sabrán que hemos actualizado nuestro blog, sin necesidad de estar constantemente entrando a nuestro sitio para comprobarlo.

Ping Services, más sobre los ajustes de escritura en WordpPress
Para añadir estos servicios automáticos de aviso de actualización de contenidos, los Ping Services, simplemente tenemos que ir al apartado Ajustes -> Escritura y al final disponemos de un cuadro de texto en el que incluiremos todos los servicios de actualización o ping services (como puedes visualizar en la captura de pantalla incluida) que consideremos oportunos. Son URLs, direcciones web, y cada una debe ir en una línea aparte. Os adjunto unos cuantos para nuestro blog: (fuente: https://www.indaga.net/txt/ping-services.txt)

http://blogsearch.google.com/ping/RPC2
http://rpc.pingomatic.com/
http://1470.net/api/ping
http://api.feedster.com/ping
http://api.feedster.com/ping.php
http://api.moreover.com/ping
http://api.moreover.com/RPC2
http://api.my.yahoo.com/RPC2
http://api.my.yahoo.com/rss/ping
http://bblog.com/ping.php
http://bitacoras.net/ping
http://blogdb.jp/xmlrpc
http://blog.goo.ne.jp/XMLRPC
http://blogmatcher.com/u.php
http://bulkfeeds.net/rpc
http://coreblog.org/ping/
http://mod-pubsub.org/kn_apps/blogchatt
https://phobos.apple.com/WebObjects/MZFinance.woa/wa/pingPodcast
http://ping.amagle.com/
http://ping.bitacoras.com
http://ping.bloggers.jp/rpc/
http://ping.blogmura.jp/rpc/
http://ping.blo.gs/
http://ping.cocolog-nifty.com/xmlrpc
http://pinger.blogflux.com/rpc/
http://ping.exblog.jp/xmlrpc
http://ping.feedburner.com
http://ping.myblog.jp
http://pingoat.com/goat/RPC2
http://pingqueue.com/rpc/
http://ping.blogg.de/
http://ping.rootblog.com/rpc.php
http://ping.syndic8.com/xmlrpc.php
http://ping.weblogalot.com/rpc.php
http://ping.weblogs.se/
http://rcs.datashed.net/RPC2/
http://rpc.blogbuzzmachine.com/RPC2
http://rpc.blogrolling.com/pinger/
http://rpc.britblog.com/
http://rpc.icerocket.com:10080/
http://rpc.newsgator.com/
http://rpc.pingomatic.com/
http://rpc.tailrank.com/feedburner/RPC2
http://rpc.technorati.com/rpc/ping
http://rpc.weblogs.com/RPC2
http://rpc.wpkeys.com/
http://services.newsgator.com/ngws/xmlrpcping.aspx
http://signup.alerts.msn.com/alerts-PREP/submitPingExtended.doz
http://topicexchange.com/RPC2
http://trackback.bakeinu.jp/bakeping.php
http://www.a2b.cc/setloc/bp.a2b
http://www.bitacoles.net/ping.php
http://www.blogdigger.com/RPC2
http://www.blogoole.com/ping/
http://www.blogoon.net/ping/
http://www.blogpeople.net/servlet/weblogUpdates
http://www.blogroots.com/tb_populi.blog?id=1
http://www.blogshares.com/rpc.php
http://www.blogsnow.com/ping
http://www.blogstreet.com/xrbin/xmlrpc.cgi
http://www.lasermemory.com/lsrpc/
http://www.imblogs.net/ping/
http://www.mod-pubsub.org/kn_apps/blogchatter/ping.php
http://www.newsisfree.com/RPCCloud
http://www.newsisfree.com/xmlrpctest.php
http://www.popdex.com/addsite.php
http://www.rssfwd.com/xmlrpc/api
http://www.snipsnap.org/RPC2
http://www.weblogues.com/RPC/
http://xmlrpc.blogg.de
http://xping.pubsub.com/ping/

Disponéis de más información al respecto en el Codex de WordPress (en inglés): http://codex.wordpress.org/Update_Services

Instalar temas en WordPress, continuando con los ajustes de Apariencia

Instalar temas en WordPress, continuando con los ajustes de AparienciaValencia, 07/02/2013, G.B.
Tal y como os comentaba en el post o entrada titulado Apariencia en WordPress, una introducción, vamos a continuar con los ajustes de Apariencia de nuestro WordPress. Y una de las primeras cosas que haremos es ajustar el tema, theme o plantilla de nuestro CMS. En caso de que no nos convenza o queramos algo más, también podremos cambar completamente la apariencia de nuestro WordPress instalando un nuevo tema, theme o plantilla.

Para acceder a todas esas opciones, como siempre deberemos acceder a nuestro Escritorio o Dashboard de WordPress, la consola de administración de nuestro blog (recordad: http://nombredenuestroblog/wp-admin o http://nombredenuestroblog/wp-login.php). Tras autenticarnos o autenttificarnos (o logueranos), veremos en la columna izquierda un enlace que indica Apariencia. Pulsando sobre el mismo accederemos a un submenú con las siguientes opciones:

  • Temas: las plantillas o themes de nuestro blog. Podemos instlar varias y activar la que más nos guste o interese. Disponemos de una gran variedad de temas gratuitos, así como de pago, para personalizar nuestro WordPress
  • Widgets: pequeñas funcionalidades que podemos ‘arrastrar’ a la barra lateral o el pie de nuestro blog, dependiendo de la plantilla que tengamos instalada y activada.
  • Menús: nos permite modificar los menús de navegación existentes o crear nuevos. Lo veremos en muy breve…
  • Opciones del tema: cada theme, tema o plantilla de WordPress dispone de una serie de personalizaciones, opciones del tema, que podemos modificar de forma gráfica, sencilla. Dependiendo de la complejidad del tema instalado, tendremos más o menos opciones disponibles para personalización
  • Cabecera: Todos los temas, themes o plantillas permiten cambios en la cabecera de nuestro blog, como por ejemplo la imagen de cabecera (que pueden ser varias, un carrusel de imágenes, que aparezca o no el nombre del blog y la descripción del mismo en texto, el logo de nuestro blog…
  • Fondo: podemos elegir una imagen o color de fondo pàra nuestro blog
  • Editor: una opción muy interesante pero para la que necesitarás ciertos conocimientos técnicos. Con el Editor podremos cambiar el código de todos y cada uno de los archivos de WordPress. SI no estás muy seguro d elo que vas a hacer, mejor no te aventures a ello o correrás el riesgo de que deje de funcionar tu blog. También lo veremos aquí más adelante.

Una captura de pantalla:
Instalar temas en WordPress, continuando con los ajustes de AparienciaVamos a ver cómo instalar un nuevo tema, theme o plantilla en nuestro blog. Aprovecharemos los temas gratuitos presentes en el repositorio de temas de WordPress, los cuales se actualizan de forma constante. El proceso, realmente sencillo,  es el siguiente:

1) Apariencia -> Temas
2)Entramos en la administración de los temas instalados en nuestro blog. Pulsamos en Instalar temas
3) Elegir entra las características que deseamos que tenga el nuevo tema de nuestro blog. Si sabemos el nombre del tema, podemos introducirlo en el buscador
4) Decidir el tema y pulsar instalar
5) Una vez instalado, hacer una vista previa y si nos gusta, pulsar Activar. Tened en cuenta que siempre deberemos hacer ajustes tras la activación del nuevo tema.

Veamos un slideshow del proceso de instalación de un nuevo tema para nuestro desde nuestro Escritorio o Dashboard de WordPress:
[slideshow_deploy id=’535′]

Por último, comentaros que hay otra forma de instalar temas o themes en WordPress. Es la forma ‘manual’, a través de una cuenta FTP (siglas de File Transfer Protocol o Protocolo de Transferencia de Archivos, en castellano), subiendo los archivos (uploading) del nuevo tema -tras habérnoslos descargado a nuestro ordenador- a la carpeta wp-content -> themes de nuestro servidor,nuestro hosting. Eso lo veremos más adelante. Hasta pronto!

Ajustes generales en WordPress: enlaces permanentes o permalinks

Ajustes generales en WordPress: enlaces permanentes o permalinksValencia, 02/02/2013, G.B.
Para finalizar con el apartado Ajustes generales de WordPress, vamos a hablar ahora sobre los enlaces permanentes o permalinks. Antes de empezar, debo deciros que este ajuste será uno de los primeros que modificaremos tras instalar nuestro blog en WordPress, ya que influirá directamente en el posicionamiento web, el SEO de nuestro contenido.

Un enlace permanente o permalink se utiliza en los blogs para asignar una URL permanente (que no cambia) a cada entrada o post del blog, así como a las categorías y páginas, para luego poder referenciarlas, copiando el enlace permanente o permalink con el botón derecho del ratón, si así le interesara al lector de nuestro blog.

Un ejemplo de enlace permanente o permalink sería el siguiente: http://wordpress.aprendiendophp.net/ajustes-de-escritura-en-wordpress/. En la URL o dirección web de este enlace podemos ver nuestra web y el título del post o entrada (Ajustes de Escritura en WordPress) en minúsculas, las palabras separadas por guiones en vez de espacios en blanco y sin caracteres especiales como acentos, eñes, aunque los hubiéramos escrito en el titular de nuestro post o entrada (que no ha sido el caso porque no era necesario en este, evidentemente…).

Por defecto, al instalar WordPress la estructura de los enlaces permanentes no es nada ‘amigable’, es del tipo: http://wordpress.aprendiendophp.net/?p=123. Difícil de identificar, reconocer o recordar, ¿verdad? Lo primero que haremos será elegir entre cualquiera de las otras opciones comunes que nos ofrece, exceptuando la Numérica: Día y nombre; Mes y nombre; Nombre entrada y Estructura personalizada. Yo os aconsejo la de Nombre entrada o Mes y nombre, pero eso irá a gustos… En el primer ejemplo que os he puesto, http://wordpress.aprendiendophp.net/ajustes-de-escritura-en-wordpress/, yo he elegido la estructura de enlaces permanentes de Nombre entrada, que personalmente es la que más me gusta.

Para entrar en la administración de los enlaces permanentes, iremos a nuestro Escritorio o Dashboard de WordPress, a Ajustes -> Enlaces permanentes. Os adjunto captura de pantalla:

Ajustes generales en WordPress: enlaces permanentes o permalinks

Estas son las opciones y las URLs de los enlaces permanentes que podemos elegir en WordPress:

Ajustes comunes

  • Predeterminado http://wordpress.aprendiendophp.net/?p=123
  • Día y nombre http://wordpress.aprendiendophp.net/2013/02/02/pagina-ejemplo/
  • Mes y nombre http://wordpress.aprendiendophp.net/2013/02/pagina-ejemplo/
  • Numérico http://wordpress.aprendiendophp.net/archivos/123
  • Nombre entrada http://wordpress.aprendiendophp.net/pagina-ejemplo/
    (ESA ES LA ESTRUCTURA QUE YO HE ELEGIDO EN ESTE BLOG)
  • Estructura personalizada http://wordpress.aprendiendophp.net (+ variable)

Opcionalmente, podemos utilizar estructuras personalizadas, tomando como base una de nuestras categorías o etiquetas, aunque ahora no vamos a entrar en esos ajustes ahora, pero saber que tenemos la posibilidad de hacerlo.

Medios o Librería Multimedia en WordPress

O cómo adjuntar imágenes a nuestras páginas y entradas

Valencia, 28/01/2013. G.B.
Continuando con los ajustes de WordPress, vamos a hablar ahora del apartado Medios o como se denominaba antes, Librería Multimedia o simplemente Multimedia. ¿Y qué es eso de Medios? WordPress clasifica las imágenes o fotos que adjuntamos a nuestra páginas o entradas (posts, noticias o artículos) en una carpeta dedicada a ello en el servidor, donde están alojados todos los archivos que conforman el gestor de contenidos. La carpeta suele denominarse Uploads (subidas en inglés).

Podemos ajustar las preferencias de Medios de nuestro blog en Ajustes -> Medios, desde nuestro Escritorio o Dashboard de nuestro blog:
Ajustes -> Medios en WordPressEn Ajustes -> Medios podremos decidir los tamaños predeterminados de las imágenes que subamos para luego ser utilizadas en nuestras entradas o paginas, o directamente cuando las subimos o adjuntamos al editar dichas entradas o páginas. Disponemos de 3 tamaños: Tamaño de la miniatura, Tamaño medio y Tamaño grande, manteniendo la relación proporción-aspecto:
Organizar los Medios o Librería Multimedia de WordPress
Así mismo, podemos decidir si las imágenes adjuntas que subamos (Subida de archivos) se organicen en carpetas basadas en mes y año. Con ello, dentro de la carpeta uploads de nuestro servidor se crearán carpetas tales como 2013 para el año y 01 para el mes de enero. Es sólo cuestión de gustos, si queréis o no que así se organicen. Más adelante veremos la estructura de directorios de WordPress en el servidor, en el hosting que hayamos contratado para alojar nuestro CMS o gestor de contenidos.

Podemos cambiar o no los tamaños predeterminados de nuestras imágenes, aunque no os lo recomiendo  a no ser que tengáis muy claro lo que estáis haciendo.

Veamos una captura de pantalla de la librería multimedia o medios de este mismo blog:

Medios o Librería Multimedia en WordPress

Para nosotros, una vez instalado WordPress o creada una cuenta gratuita en es.wordpress.com, nos es transparente, es decir, no tendremos que acceder a dicha carpeta a través de un programa FTP, tal como FileZilla o SmartFTP. Así, podremos subir las imágenes que queramos desde las propias entradas o páginas, pero también desde el apartado Medios, para ser utilizadas más adelante. Además, WordPress dispone de un pequeño sistema de edición de imágenes, en el caso de que no queramos o podamos utilizar un editor de imágenes específico como The Gimp (del que ya hemos hablado, al menos introducido). En Medios podremos acceder a nuestra Libreria Multimedia o Añadir un nuevo medio:

Añadir Medios

Como os he comentado, podemos subir directamente una imagen a Medios o hacerlo desde la edición de una entrada o página de nuestro blog. En ambos casos, es preferible que tratemos la imagen primero con algún programa editor de imágenes como The Gimp, PhotoShop, etc. Si no disponemos de ningún software de edición de imágenes y no queremos descargarlo (recordad que The Gimp es gratuito, de código libre y multiplataforma), podemos utilizar algún editor de imágenes online, como FotoFlexer, por ejemplo, o editar la imagen desde WordPress, desde la propia librería multimedia. Veamos una subida de imagen desde una entrada:

1) Pulsamos Añadir objeto
2) Decidimos si Subir nuevo o ir a la Librería Multimedia (imágenes ya subidas y almacenadas)
3) Decidimos tamaño y alineación (medio, derecha o izquierda). También podemos decidir si la imagen llevará enlace a la propia imagen, al archivo multimedia o a ningún sitio.
4) Aceptamos
Editar imagen desde entrada o páginaUna vez subida la imagen a nuestra entrada o página, podremos modificar tanto su tamaño como su alineación, enlace, título, texto alternativo, etc.:
Editar imagen desde entrada o página

Las imágenes deben nombrarse de forma que puedan posicionarse fácilmente y ser lo más descriptivas posible. No utilicéis imágenes de otros sitios o con derechos de autor, a no ser que solicitéis a dichos sitios su permiso. Tenemos a nuestra disposición muchos recursos y bancos de imágenes gratuitos, así como la Wikipedia y, mucho más importante, preferible y efectivo, nuestras propias imágenes. Cuando las adjuntemos, recordad cumplimentar el campo Título y Texto alternativo, ya que tanto los usuarios como los buscadores o los agradecerán y recompensarán en posicionamiento web.

Por último, comentaros que es muy importante que todas nuestras informaciones, tanto entradas como páginas, dispongan de al menos una imagen, aunque sea un captura de pantalla. No en balde hay un refrán o dicho que reza: “Una imagen vale más que mil palabras“, ¿verdad?

P.D. En el próximo post hablaremos de un elemento muy importante en WordPress, clave para el posicionamiento web, para el SEO. Me refiero a los Enlaces permanentes o permalinks. Para aquellos que tengáis una cuenta gratuita de es.wordpress.com, sabed que los ajustes de enlaces permanentes ya están activados por defecto, por lo que no tendréis que preocuparos de hacerlo, aunque sí de saber qué son y qué ventajas tienen. Hasta pronto!

zenPHP, un CMS para seres humanos…

zenPHP, un CMS para seres humanos...Valencia, 25/01/2013, G.B.
De vez en cuando voy mirando, encontrando y probando en última instancia, y si dispongo de tiempo, nuevos CMS o gestores de contenido. No es que sean necesariamente nuevos, pero sí lo son para mí…

El último CMS que acabo de encontrar se llama zenPHP, con el lema ‘PHP para seres humanos‘, un guiño a Ubuntu ¿verdad? Pues bien, ahora mismo me lo estoy descargando y creo que le voy a echar un vistacillo en muy breve. Así, a simple vista, tiene muy buena pinta, aunque repito, no lo he probado todavía.

“zenphp es un framework de aplicaciones PHP diseñado, para seres humanos”.

Y un vídeo al respecto:

A ver si lo prueba de verdad! Buenas noches.

Qué es una entrada, una categoría y una etiqueta en WordPress

Un paréntesis para hacer una pequeña aclaración

Valencia, 24/01/2013, G.B.
Antes de continuar con los Ajustes de WordPress, en concreto con los de Medios (antes llamada Librería Multimedia), vamos a explicar un poquito qué es una entrada, una categoría y una etiqueta o tag en WordPress.

Una entrada o post es un artículo, una noticia, una información concreta que publicamos en nuestro gestor de contenidos o CMS. Es lo que da vida a nuestro blog o weblog. Si estuviéramos publicando en un periódico digital, una entrada o post sería cada uno de los artículos que escribimos y publicamos, como por ejemplo, este mismo que estáis leyendo.

Cuando estamos escribiendo o creando una entrada, podremos elegir entre modo Visual o modo texto. En modo Visual disponemos de herramientas visuales de formato, como si fuera un editor de texto que ya conocemos (Microsoft Word, Open Office, Libre Office etc.). Lo veremos más adelante. En modo texto podremos incluir código HTML. También lo veremos.

Para crear una nueva entrada o editar las ya existentes, simplemente pulsaremos en el enlace Entradas de nuestro Escritorio de WordPress. Vamos a añadir una Entrada nueva:
Entrada o post en WordPress

Visualizaremos la pantalla de edición de la nueva entrada:
Nueva entrada en WordPressUna vez hayamos escrito el título y el cuerpo de la nueva entrada o post, podremos elegir clarificarla en una categoría de nuestro blog, una sección o apartado, una temática concreta de la que vayamos a hablar a menudo en nuestro blog o weblog, como si fuera una sección de un periódico digital (Cultura, Sociedad, Economía…).

Qué es una categoría
Así,  para poder organizar todas esas entradas, artículos, noticias o posts que vamos publicando, seguramente trataríamos de clasificarlos en secciones o categorías, tales como Cultura, Sociedad, Economía… Eso mismo podemos hacer con las entradas o posts de nuestro WordPress: las clasificamos en categorías que previamente hemos creado, aunque podemos crearlas y modificarlas en cualquier momento. Para ello, iremos al menú Categorías, ubicado en la parte superior izquierda de nuestro Escritorio o Dashboard de WordPress y las crearíamos con un nombre descriptivo y el ‘slug‘, o nombre SEO, el que aparecerá en la dirección o URL cuando visitemos dicha categoría. Ahora lo vemos:
Categorías en WordPressQué es una etiqueta o tag
Por si fuera poco, aún podemos ‘afinar’ mucho más y utilizar otro método de clasificación, tanto para los usuarios de nuestro blog o weblog como para los motores de búsqueda (con claros objetivos de posicionamiento web…). Para ello utilizamos las denominadas etiquetas o ‘tags’ en inglés.

Las etiquetas son palabras o grupos de palabras (keywords o keyphrases) que definen la temática, el contenido de nuestros artículos, ‘pegándose’ a los mismos, por decirlo de algún modo Así, si estamos hablando de fotografía, una de las etiquetas que utilizaremos será f’otografía’, otra ‘fotos’, ‘fotógrafos’, ‘recursos fotógrafos’, etc., dependiendo de lo que queramos posicionar y cuál sea nuestra estrategia.

Es conveniente tener muy clara la estrategia de etiquetas a seguir, ya que no conviene utilizar demasiadas en cada una de las entradas o posts de nuestro blog. A medida que vayamos utilizándolas, las etiquetas o tags también irán ‘creciendo’ y cuando mostremos una nube de etiquetas o ‘tag cloud‘ -que ya veremos qué es- destacaran aquellas que hayan sido más utilizadas, es decir, las que estén más presentes en nuestras entradas, artículos o posts. Por supuesto, siempre podremos editarlas, al igual que ocurre con las entradas, las categorías y las páginas, tranquilos al respecto.

Tanto las categorías como las etiquetas pueden ser accedidas a través de una URL o dirección web. Así, la categoría Wordpress de este mismo blog podrá ser encontrada por esta URL: http://www.puntocomunica.com/category/wordpress/ y la etiqueta o tag ajustes wordpress, por la siguiente dirección:
http://wwww.puntocomunica.com/tag/ajustes-wordpress. Bueno, aquí debo comentaros que para poder visualizar así los enlaces deberemos antes ajustar los Enlaces permanentes o permalinks para que las URLs resultantes de nuestro blog sean amigables para los buscadores y los usuarios, con lenguaje natural, nada de engorrosos parámetros con números, letras y signos de interrogación; lo que se denomina SEO Friendly o URLs semánticas. Pero eso lo veremos en Ajustes -> Enlaces permanentes. Muy pronto. Los que os habéis dado de alta de una cuenta de es-wordpress.com, ya los tenéis así de forma predeterminada, tranquilos.

Como podéis observar,  los espacios y acentos desaparecen en las URLs o direcciones de las categorías y etiquetas. Son los denominados slugs, los cuales podemos también modificar a nuestro antojo, si nos conviniera. En principio, dejarlos tal y como aparecen de forma automática al crear las etiquetas y categorías.

Una misma entrada o post podrá ser encontrada por su título, su categoría y por cada una de sus etiquetas, maximizando la visibilidad en la Red de nuestras informaciones. Interesante ¿verdad’

Qué es una Página
Por último, y aunque sea evidente, comentaros que las Páginas en WordPress son solo eso, páginas estáticas, contenido estático, que no cambia (a no ser que lo modifiquemos por alguna razón). No podemos organizarlas ni por categorías ni por etiquetas. Serían por ejemplo las páginas Home o Inicio, Contactar, Acerca de o Sobre nosotros, Servicios, Dónde estamos, etc. Para crear páginas en WordPress pulsamos sobre el enlace Páginas situado a la izquierda de nuestro Escritorio de WordPress y Añadimos una nueva o gestionamos las ya existentes, al igual que ocurre con las entradas y las etiquetas. Trataremos más este tema cuando lleguemos al menú Apariencia de nuestro blog y creemos nuestro primer menú de navegación, el cual puede incluir páginas y enlaces personalizados, como por ejemplo la URL o dirección web de una categoría, si así nos interesa.

P.D. Para entender todo esto mejor, cuando leáis este post o entrada, en la parte inferior del mismo aparecerán una serie de enlaces especificando que esta misma entrada ha sido publicada en una determinada categoría con unas determinadas etiquetas. Si pulsáis en cada uno de esos enlaces, iréis a páginas en las que aparecerán todas las entradas clasificadas con la misma categoría, así como con las mismas etiquetas.:
Pie Post o entrada
A medida que vayamos creando contenido y utilizando las categorías y etiquetas, la página de resultados contendrá más enlaces, será más extensa, aunque estará paginada para facilitar la lectura y la carga de contenidos.

Recordad que cuanto más ‘ligera’ sea la carga de nuestro blog, mejor experiencia de navegación tendrán nuestros lectores y más nos recompensarán los buscadores. Cualquier duda, no esperéis al próximo taller 2.0, enviadme un comentario. Hasta pronto!

Comentarios en WordPress, continuando con los ajustes del CMS

Comentarios en WordPress
Ajustes -> Comentarios

Valencia, 23/01/2013, G.B.
Una de las características clave de los gestores de contenido o CMS es la posibilidad de hacer comentarios en las publicaciones de los mismos. WordPress dispone de un apartado específico para que podamos ver los comentarios recibidos y aprobarlos en el caso de que nos interesen y sean lícitos. Sobre lo de que sean ‘lícitos’, lo veremos más adelante… También deciros que podemos o no decidir si permitimos comentarios a nuestro blog. Yo os recomiendo que sí lo permitáis. Si no lo hacéis, estáis cerrando puertas, fomentando el aislamiento y la poca transparencia, algo que considero no os va a ayudar en absoluto.

Cierto es que al decidir ‘abrir la puerta a los comentarios‘, tendremos que lidiar con situaciones a veces un tanto incómodas, pero el sentido común y la honestidad serán las llaves para salir del paso sin problemas. Ser sincero y lo más transparente posible -sin entrar en conflicto con tus intereses ni tener que ‘revelar secretos ‘de estado’- en la medida de lo  posible, es algo positivo y que tus lectores seguramente agradecerán.

Comentarios en WordPress, continuando con los ajustes del CMS

Básicamente, en el apartado Ajustes -> Comentarios (ver captura de pantalla), podemos configurar nuestras preferencias. Si dejamos las opciones por defecto no estará mal del todo, pero os recomiendo seleccionar la opción ‘Un administrador debe aprobar el comentario‘. Así, el administrador de nuestro blog, probablemente nosotros mismos, recibirá un correo electrónico a la cuenta de email que hemos configurado durante la instalación de WordPress en el que se le notifica que se ha producido un nuevo comentario. Nos dará la opción de aprobarlo, borrarlo o tratarlo como Spam (correo basura). Así mismo, si no hemos chequeado nuestra cuenta de correo, en el apartado Comentarios de nuestro Escritorio o Dashboard de WordPress, accederemos a todos los comentarios, tanto los aprobados como los pendientes de moderación por el administrador. Desde ese apartado podremos aceptarlos, borrarlo, tratarlos como Spam o aprobarlos y responderlos. Los comentarios aparecerán ‘anidados’ normalmente debajo del post, artículo o entrada a que han ido dirigidos.

Recordad que no todos los comentarios, aunque intenten alabarnos y decir ‘lo buenos que somos’ son lícitos: tanto usuarios como programas intentan ‘colarnos’ su comentario para que al aprobarlo aparezca el nombre de su web y/o enlace a la misma para intentar aprovecharse del posicionamiento web. Son como rémoras que se pegan a nuestro blog para ‘navegar’ a nuestra costa y obtener visibilidad en la Red de forma rápida y sin coste. Por lo tanto, antes de aprobar un comentario, tened muy claro lo que váis a hacer y si realmente es o no un comentario lícito ¿de acuerdo? OS dejo un ejemplo de comentarios Spam recibidos en este mismo blog, Jugando con WordPress:

Comentarios Spam en WordPress
Gestión de comentarios en WordPress: comentarios de Spam

Para luchar contra los comentarios Spam disponemos de varias ‘armas’. Una de ellas es un plugin gratuito denominado Akismet. Hablaremos de él cuando toquemos el tema de los plugins en WordPress ¿OK? Hasta pronto.

Ajustes de lectura en WordPress

Valencia, 21/01/2013, G.B.
Siguiendo con los primeros pasos tras la instalación o puesta en marcha de nuestro blog en WordPress, tanto si es un hosting como si es en una cuenta gratuita de es.wordpress.com, vamos a ver ahora los Ajustes de lectura. De la misma forma que hemos estado haciendo hasta ahora, nos ‘loguearemos’ en nuestro Escritorio o Dashboard de WordPress con nuestro usuario y contraseña, pulsaremos en el enlace Ajustes -> Lectura. Veremos esta pantalla:

Ajustes de lectura en WordPress
Ajustes de lectura en WordPress

Las opciones que tenemos a nuestra disposición son las siguientes:

  • Página frontal muestra: aquí decidimos si queremos mostrar las últimas entradas o posts de nuestro blog o una página estática, para convertir nuestro blog en una weblog. Si decides que sea tipo blog, elije un número de entradas inferior a 10, como unas 7, para que tu blog se cargue más rápido. Cuando creemos una entrada  podremos añadir el enlace Leer más o Seguir leyendo (etiqueta ‘More‘) y así mostraremos sólo una parte de nuestro artículo, a ser posible incluyendo siempre una imagen descriptiva en el mismo. eso lo veremos más adelante. En el caso de que decidas que sea una página estática, dicha página deberías ‘trabajarla’ un poquito. También lo veremos más adelante en la sección Apariencia.
  • Número máximo de entradas a mostrar en el sitio: como os acabo de comentar, decidiremos un número concreto de posts a mostrar. Por defecto nos muestra diez. Yo lo reduciría.
  • Número máximo de entradas a mostrar en el feed: dejar este número coincidente con el número de entradas a mostrar o inferior, dependiendo de la frecuencia con que vayáis a actualizar las noticias (entradas, artículos o posts) de vuestro blog. El feed o fuente es, a ‘grosso modo’ un sistema para difundir contenido de un sitio y mostrarlo en otros sitios, programas lectores de noticias o aplicaciones. WordPress incorpora la tecnología de sindicación web,  la cual está basada en el lenguaje XML. Al feed de nuestro sitio también  se le denomina RSS (Real Simple Syndication), aunque realmente RSS hace referencia al formato del feed. Pero no os preocupéis de eso ahora. Si escribís en la barra de navegación de vuestro navegador web la URL de vuestro blog y le añadís /feed, veréis a lo que me estoy refiriendo. (http://wordpress.aprendiendophp.net/feed) De todas formas, todo lo relativo a los feeds, a la sindicación web, lo veremos en su apartado correspondiente de Jugando con WordPress. Por ahora sabed que e útil e importante, y que le vamos a sacar partido. Para ir haciendo una idea de lo que es un feed o fuente web, visitad a nuestra ‘socorrida’ Wikipedia. Qué es un feed. A pesar de su utilidad e importancia, en casos concretos es posible que nos interese deshabilitar el feed de nuestro sitio (a través de la modificación del código de uno de los archivos de WordPress). [ver RSS]
  • Mostrar para cada entrada en el feed: Aquí podremos elegir si nuestro feed mostrará todo el contenido o un resumen que generalmente es el primer párrrafo o el extracto de nuestra entrada o post (también veremos lo del ‘Extracto’ en la sección ‘Entradas’.
  • Visibilidad para los buscadores: aquí podemos decidir si queremos o no que nuestro sitio se indexe en los motores de búsqueda como Google, Yahoo, Bing… Si estamos en proceso de creación del sitio, puede ser recomendable tener seleccionada la opción Disuade a los motores de búsqueda de indexar este sitio.

Bien, pues esas son todas las opciones de lectura que tenemos a nuestra disposición en el apartado Ajustes de WordPress. En el siguiente post veremos los ajustes de Comentarios. Hasta pronto.

Recursos 2.0: The Gimp, un editor de imágenes gratuito, open source y en versión portable

The Gimp PortableInicio un nuevo apartado, una nueva categoría o sección en Jugando con WordPress porque vamos a utilizarlo en los talleres 2.0 (T2Cero). A esta nueva sección la he llamado Recursos. Empiezo con una introducción a un conocido programa editor de imágenes, The Gimp, pero en su versión portable. En concreto, con su sencillo proceso de descarga e instalación para sistemas Windows, que es el que estáis utilizando todos en los talleres (aunque yo prefiera otros, ya sabéis…)

Valencia, 21/01/2013, G.B.
Aunque WordPress dispone de un pequeño sistema de edición de imágenes incorporado -que ya veremos en su momento- es conveniente que sepamos utilizar alguna herramienta más versátil, más profesional. Una de esas herramientas es el editor de imágenes The Gimp. la alternativa en versión libre y gratuita al famoso PhotoShop. Además, The Gimp es multiplataforma, es decir, que hay versiones para sistemas Windows, Linux y Mac OS X.

Os adjunto aquí un slideshow (pase de diapositivas) con el sencillo proceso de instalación de el programa The Gimp en su versión Portable (que puede instalarse en cualquier ubicación de nuestro sistema de archivos, en la nube o incluso en una memoria USB), un potente editor de imágenes gratuito, open source (de código libre) a través del sitio Portableapps.com. La dirección de descarga es la siguiente:
http://portableapps.com/apps/graphics_pictures/gimp_portable

[slideshow_deploy id=’172′]

Estoy preparando algunos slides más sobre The Gimp con los procesos más habituales que vamos a utilizar. En breve los incluiré. Nos vemos!

Ajustes de Escritura en WordPress

Valencia, 19/01/2013, G.B.
Continuando con los Ajustes de nuestro blog en WordPress, ahora pasamos al segundo apartado, tras los Ajustes generales que ya hemos tratado en los dos anteriores posts. Se trata de los Ajustes de Escritura, en donde disponemos también de varias opciones. Pero primero, una captura de pantalla de nuestro Escritorio o Dashboard de WordPress en el apartado de Ajustes de escritura:

Ajustes de Escritura en WordPress

Nos encontramos con las siguientes opciones de escritura:

  • Formato: nos da la opción de convertir emoticonos a gráficos de pantalla. También podemos decidir si WordPress corregirá o no automáticamente el XHTML que no esté correctamente anidado. Podemos dejar estas opciones por defecto
  • Categoría predeterminada para las entradas: cuando hayamos creado las categorías de nuestro blog (que posiblemente todavía no lo hayamos hecho), desde esta opcvión podremos elegir cuál es la categoría predeterminada pra las entradas, noticias, artículos o posts que publiquemos. Vene bien en el caso de que se nos olvide seleccionar la categoría de nuestras entradas, pero no tiene mayor importancia. Siempre podemos volver y configurarlo a nuestro gusto. Si somos cuidadosos a la hora de escribir y publicar, seguro que no se nos olvida elegir la categoría del post a publicar.
  • Formato de entrada por defecto: en esta opción podremos elegir la plantilla por defecto de nuestra entrada, como estándar, ninientrada, enlace, galería, estado, cita e imagen. Yo la dejaría en Entrada por defecto. De todas formas, y cuando veamos el tema de la personalización de WordPress (sección Apariencia), veremos que dependerá también de la plantilla, tema (theme en inglés) que hayamos instalado. Sí, WordPress te permite cambiar el aspecto de tu blog, respectando todo el contenido, el cual se guarda en una base de datos MySQL por defecto. Eso lo veremos también más adelante…
  • Categoría predeterminada para enlaces: nuestro gestor de contenidos nos ofrece la posibilidad de crear un listado de enlaces para mostrar a nuestros lectores, o para nosotros mismos. En los enlaces también disponemos de categorías, si así lo deseamos. En principio, dejadlo en la opción por defecto o default: Sitios de interés. Lo pondré en marcha en este blog para que podáis echarle un vistazo.
  • Publicar esto:Publicar esto es un marcador: una pequeña aplicación que se ejecuta en el navegador y permite coger secciones de la web. Utiliza Publicar esto para copiar texto, imágenes y vídeos de cualquier página Web. Después corrige y añade más directamente desde Publicar esto antes de guardarlo o publicarlo en una entrada del sitio. Arrastra el siguente enlace y colócalo en tu barra de marcadores o haz clic con el botón derecho para añadirlo en tu lista de favoritos como un atajo de publicación de entradas“. Eso es  lo que nos indica WordPress. Puede ser una herramienta útil, aunque yo no la utilizo mucho, la verdad…
  • Publicar por correo electrónico: “Para publicar en WordPress por correo electrónico debes crear una cuenta de correo electrónico secreta con acceso POP3. Todo correo recibido en esta dirección será publicado, por ello es buena idea que mantengas esa dirección totalmente secreta“. Así nos lo explica WordPress en este apartado de Escritura. Si quieres publicar vía correo electrónico, es aquí donde tendrás que configurarlo. Así, cuando envíes un email a la cuenta configurada en WordPress, dicho email se convertirá directamente en una entrada en tu blog. A veces puede resultar bastante práctico y útil, aunque reconozco que yo no lo suelo utilizar.
  • Servicios de actualización: este apartado considero que merece una explicación aparte, un post dedicado al mismo, para explicar algún que otro concepto más. Aquí lo tenéis: Ping Services o Servicios de Actualización

Hasta la próxima!