Jun 15

Si quieres añadir un código de JavaScript a un post de Wordpress, no puedes teclear el script directamente en el post porque WordPress le pondrá tags p en los saltos de línea y otras cosas.

Lo que tienes que hacer es colocar el script que contiene las funciones en un archivo con extensión .js y luego usar el cargador de archivos de WordPress para subir el archivo al servidor. Después añadelo al editor, solamente para copiar la liga. Una vez que tengas la liga, puedes añadir el script así (tecléalo tal cual dentro del cuerpo del post):

HTML:
  1. <script type="text/javascript" src="http://www.miblogwordpress.com/wp-content/uploads/2007/06/MisFunciones.js"></script>

Ahora puedes usar tus funciones, tecleálas tal cual dentro del cuerpo del post, por ejemplo:

HTML:
  1. <a href="javascript:FuncionEquis('Parametro1', 'Parametro2')">Ejecuta la función mediante una liga</a>

May 30

Puedes añadir un icono a tu página web, como este:

Favicon

Para hacerlo, primero necesitas poner esta línea entre los tags head de tus páginas web:

HTML:
  1. <link rel="shortcut icon" href="favicon.ico">

Después necesitas crear una imagen de 16X16 pixeles y exportarla con la extensión .ico. Lo puedes hacer con el programa Microangelo, pero lo tendrías que comprar, descargar e instalar, y no creo que sea algo que estés deseando.

Te doy una alternativa: Utiliza tu editor de imágenes favorito y haz una imagen de 16X16 pixeles y expórtala como gif. Para convertirla a ico simplemente entra a esta página:

http://www.html-kit.com/favicon/

En ella simplemente haz clic en el botón Examinar, escoge tu imagen y la página web te generará el archivo ico.

Después, si quieres revisar que todo está en orden, puedes validar tu página en esta dirección:

http://www.html-kit.com/favicon/validator/

Para Wordpress

Si quieres añadir tu favicon a Wordpress, inserta el código arriba mencionado en el archivo header.php del tema que estés utilizando. Ejemplo: c:\miblog\wp-content\themes\mitema\header.php

May 16

Breve introducción

Wordpress viene con un mecanismo llamado Permalinks, mediante el cual se reescribe el URL.

Sin Permalinks, tus posts se verán así:
http://www.recursosweb.com.mx/?p=4432

Con Permalinks, se verán así:
http://www.recursosweb.com.mx/como-hacer-un-sitio-web

Como podrás ver, la ventaja es que el URL se vuelve mas legible, y más significativo para las máquinas de búsqueda como Google.

Ahora bien, para lograr esta reescritura del URL necesitas tener acceso al servidor mediante remote desktop. No te bastará con una cuenta de FTP. También puedes pedirle al administrador que lo haga por ti.

Cómo hacerlo

Probado con: Wordpress 2.1 y Windows Server 2003

La herramienta para reescritura de URLs que yo utilizo la hizo Dean Lee.

1. Descarga los archivos

Descarga los archivos de Dean Lee de su sitio web y extráelos. Debes tener los siguientes archivos:

config.ini
msvcr80.dll
WordPressPlugin.dll

Cópialos y pégalos en la carpeta raíz de tu blog.

Con un bloc de notas abre el archivo config.ini. Encontrarás que solamente tiene una diagonal. Esta configuración se utiliza si tu blog estará en la carpeta raíz de tu sitio web. Es decir, si tu blog será accesible mediante una dirección como esta:

http://www.recursosweb.com.mx

Por otro lado, si tu blog está en una carpeta, por ejemplo http://www.recursosweb.com.mx/blog entonces tienes que modificar el archivo config.ini para que diga: /blog/

Nota: Si piensas poner tu blog en una carpeta del dominio, te recomiendo que no lo hagas. Mejor crea una entrada en tu dns para lograr una dirección como: http://blog.misitioweb.com/. ¿Por qué? Porque vamos a activar un filtro ISAPI en el sitio web. Si el resto de tu sitio web no lo va a usar, entonces más vale separarlo en dos sitios web, por si las dudas.

2. Configura IIS

En Windows Server, en la consola de Administración de la PC, abre las propiedades de tu sitio y escoge la pestaña ISAPI Filters:

Propiedades del Sitio Web

En esa ventana haz clic en el botón Add. En la nueva ventana escoge el archivo WordPressPlugin.dll que copiaste a tu sitio web y ponle como nombre WordPressPlugin.

ISAPI

Acepta todo hasta que se cierre la ventana de propiedades del Sitio Web.

3. Configura php.ini

Con un bloc de notas abre tu archivo php.ini. De acuerdo a tu instalación este archivo puede estar ubicado en diferentes carpetas, normalmente está en c:\windows\php.ini

Haz una búsqueda en el archivo por la palabra cgi.force_redirect y asegúrate de que esa línea diga:

cgi.force_redirect = 0

OJO: Si tiene un punto y coma antes, quítaselo.

Ahora agrega la siguiente línea:

cgi.fix_pathinfo = 1

Debe quedar así:

php.ini

Ahora reinicia el IIS.

4. Configura Wordpress

Abre tu consola de WordPress y ve a Opciones->Permalinks.

Dale clic a la opción Personalizada, especificar aquí y teclea

/%year%/%monthnum%/%day%/%postname%/

Permalink

Oprime el botón Actualizar estructura de permalink para guardar los cambios.

Ya debe de funcionar. Si no lo hace, asegúrate de que hayas reiniciado IIS.

Ahora navega por tu blog y revisa cómo las direcciones de tus posts han cambiado. :)

Nota importante. Un punto negativo de esta herramienta es que si utilizas algún caracter no común en inglés. Por ejemplo un signo de interrogación que abre: ¿, entonces cuando intentes hacer clic a la liga de tu post, no abrirá porque pone un símbolo extraño como %c2%bf.

May 15

Por default, Wordpress permite que la gente haga comentarios a tus posts. Si no quieres que esto suceda, debes deshabilitarlos.

Para hacerlo, tienes que hacer dos cosas:

1. A los posts que ya existan, debes deshabilitarles los comentarios.

Ve a editar cada uno de tus posts y desmarca la palomita donde dice Permitir comentarios

Deshabilitar comentarios
Haz clic en la imagen para agrandarla

2. Debes indicarle a Wordpress que los nuevos posts deben tener por default los comentarios deshabilitados.

Ve a Opciones -> Discusión y desmarca la palomita donde dice Permitir comentarios en esta entrada.

Deshabilitar comentarios
Haz clic en la imagen para agrandarla

Ahora nadie podrá escribir comentarios a ninguno de tus posts.

Abr 27

Encontré un Plug-in para Wordpress que detecta si la visita proviene de un dispositivo móvil (PDA o celular), y en ese caso modifica el template para que sea fácilmente legible (quita todos los gráficos innecesarios).

PDA Emulador Mobi

El plug-in se llama Wordpress Mobile Edition, el autor se llama Alex King y el plug-in lo puedes descargar de aquí.

Abr 25

Para utilizar el código de Google Analytics en Word Press, abre el archivo footer.php del template que estés usando actualmente, ve hasta las líneas de abajo y pega el código antes del cierre del tag BODY. De tal manera que las últimas líneas queden así:

HTML:
  1. <!-- Gorgeous design by Michael Heilemann - http://binarybonsai.com/kubrick/ -->
  2. <?php /* "Just what do you think you're doing Dave?" */ ?>
  3.  
  4.         <?php wp_footer(); ?>
  5. <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
  6. <script type="text/javascript">
  7.     _uacct = "UA-1734115-1";
  8.     urchinTracker();
  9. </script>
  10. </body>
  11. </html>

NOTA: En la línea 5 asegúrate de que no dejas saltos de línea ni espacios. Si dejas un salto de línea entre el tag que abre y el que cierra, no funcionará.

¡Suerte!