Insertar imágenes y galerías de imagen en tu WordPress (I)

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

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

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

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

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

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

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

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

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

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

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

Blogger actualiza el diseño de plantilla HTML

Blogger actualiza el diseño de plantilla HTMLUn post rápido…

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

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

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

[slideshow_deploy id=’8011′]

Error connection 101: ¿qué ha pasado 1and1?

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

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

Buscando plugins para reservas online: Booking Calendar

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

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

Redirigir dominio antiguo a nuevo con htaccess

Y a una página de error personalizada

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

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

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

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

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

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

 Espero que os sirva. Un saludo!

Crear un blog gratuito con WordPress.com

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

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

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

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

[slideshow_deploy id=’613′]

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

Tabla de código de colores HTML

Crossposting del blog de Webcontenidos.es

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

En cuanto a la ‘nomenclatura’, comentar que los colores para la web pueden indicarse en código hexadecimal o en la denominada paleta de colores RGB (Red, Green, Blue). Para saber más al respecto, os recomiendo este artículo de la Wikipedia: Colores HTML o este enlace: Teoría sobre los códigos de colores HTML

Tenemos a nuestra disposición varios recursos gratuitos para identificar los colores, tanto en valores hexadecimales como en la paleta RGB. Uno de los  que yo utilizo es: Códigos de colores en HTML. Embebo un vídeo demostrativo sobre el sitio que os acabo de mencionar:

Incluyo también otros dos enlaces al respecto que os pueden interesar:  El significado de los colores Tabla de colores usables en la web, ambos enlaces de Webusable.com.

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: http://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.