Como añadir estadísticas de Google Analytics a WordPress

Si tienes la versión gratuita de tu blog, alojado en wordpress.com, ya te sirven una serie de estadísticas de visitas, pero si lo tienes instalado y alojado en tu propio dominio, tendrás que hacer uso de alguno de los plugins gratuitos que existen, como JetPack.

En este caso, lo que vamos a hacer, es añadir el servicio de Google Analytics, a nuestro wordpress.

Necesitaremos registrarnos en el servicio, que nos devolverá un script que debemos incluir en cada página de la que queramos hacer un seguimiento. Si quieres que revisen todo, añadelo dentro del header.php de tu tema activo y debería bastar.

(más…)

Crea el icono de tu web WordPress

El simple hecho de tener un icono para tu web, es necesario para crear una imagen de marca y transmite mayor seriedad. Piensa en una web que añades a tu barra de marcadores cuyo icono sea la hoja blanca por defecto.

Para añadir esto, sin necesidad de programar se pueden utilizar un par de herramientas, una para crear tu icono y otra para subirlo a WordPress, que es la mas compleja.

Crear el icono

Crear un icono es tan simple como generar tu propia imagen, (jpg, bmp, png…) y convertirla en formato .ico.
Aunque los navegadores con el tiempo van permitiendo usar otros formatos diferentes al ico.
Una herramienta online y gratuita muy cómoda es genfavicon. Tan solo debes subir tu imagen, recortarla al tamaño de icono que desees y darle a descargar.

Captura

Añadir el icono en Worpress

Aquí, si no queremos mancharnos las manos con código, se puede utilizar un plugging que se encarga de ello.
Por ejemplo el de lettoblog. Se añadiría desde el panel de plugins, y se activaría desde Ajustes en Favicon. Simplemente con cargar en Upload el icono deseado y refrescar ya se incorporaría a nuestra web.

 

Captura2

Si ya teníais accesos directos creados habrá que volver a crearlos ya que no se pueden refrescar.

 

Si alguien quiere hacerlo sin plugin, directamente por código, deberá añadir  en su archivo header.php la siguiente línea entre los <head>

<link rel="shortcut icon" href="favicon.png" type="image/png" />

 

Cómo añadir código embebido dentro de nuestros post en WordPress

Instalando el siguiente plugin y con muy poco trabajo podemos incorporar fragmentos de código para mostrar a nuestros lectores.

http://alexgorbatchev.com/SyntaxHighlighter/

Una vez instalado, será tan sencillo como escribir el tag

[ c o d e    l a n g u a g e = ” j a v a s c r i p t ” ]

A continuación nuestro código a mostrar y despues cerrar con [/code]

Nota: Se han incluido espacios extras entre las letras de la sentencia anterior para evitar que se interpreten en el post.

Evidentemente soporta mas lenguajes a parte de javascript. Con cambiarlo con uno de la lista de permitidos será suficiente.

Debe escribirse en la parte HTML de nuestro editor, no en la visual, ya que si no, el propio editor de WordPress se confundirá y corromperá el resultado.

El siguiente fragmento:

 

sintaxisplana

 

 

 

 

 

 

generará el siguiente resultado:

 

var canvas = document.getElementById("canvas");
var c = canvas.getContext("2d");
c.fillStyle = "blue";
c.roundRect(50, 100, 50, 100, {upperLeft:10,upperRight:10}, true, true);

 

En la web de Alex Gorbatchev podeis encontrar los lenguajes admitidos y como crear los que necesiteis.

Escribir código HTML dentro de documentos HTML

 

 

 

 

He encontrado esta herramienta online que es muy útil.

http://simplebits.com/cgi-bin/simplecode.pl?mode=process

Si quieres mostrar como se resuelve un problema exponiendo un código de ejemplo, te encontrarás con el problema siguiente, y es que HTML interpretará ese código como propio, por tanto si quieres poner un ejemplo de como se usa el tag A con HREF, no te lo mostrará, sino que directamente te lo traducirá al enlace correspondiente.

Con este pequeño convertidor se superará ese problema si estás escribiendo directamente en HTML.

No quita que si lo haces por ejemplo con el asistente de WordPress , pues haga una nueva traducción por su parte, por lo tanto no sirve de mucho. Y si no, prueba a poner un ejemplo de iframe y verás que risa.