Tutoriales

URL cortas con nuestro propio dominio

Comments
publicado el 4 de February del 2010 bajo , , , , .

No cabe duda de que las URL cortas son algo muy útiles y en un blog se les puede sacar mucho rendimiento. Yo en este blog lo uso principalmente para permitir a los visitantes compartir una noticia en Twitter.

Para crear una URL tipo http://guiabreve.com/1234 tenemos que modificar el archivo .htaccess situado en el directorio raíz de nuestro blog añadiendo debajo de RewriteEngine On lo siguiente:

Código CODE (Copiar):
  1. RewriteRule ^([0-9]+)$ ?p=$1 [R=301,L]

Luego ya podremos generar la URL corta añadiéndola a cualquier parte de nuestro blog de la siguiente forma:

Código PHP (Copiar):
  1. <?php echo get_bloginfo('url').'/'.get_the_ID(); ?>

Tutoriales

Creando un Plugin para Wordpress

Comments
publicado el 15 de January del 2010 bajo , , , , , , , , , , , , , , , , , , , , , .

Yo ya he creado alguna vez un plugin para Wordpress, pero nunca he hecho una entrada sobre como crearlo. En esta entrada vamos a crear un plugin para Wordpress sencillo para empezar con algo básico facil de entender.

Nuestro plugin será sencillo. Simplemente sustituirá [abbr="Descripción"]Palabra[/abbr] por <abbr title="Descripción">Palabra</abbr>. Además añadirá unas pocas lineas de CSS a la página para que se vea todo correctamente.

Esto no es más que una pequeña implementación de BBCode. Siguiendo este ejemplo literalmente podremos añadir más elementos a nuestros post fácilmente. Si le echamos más imaginación podremos crear cualquier plugin. Continuar »

Tutoriales

Como Instalar Wordpress en nuestro Mac con MAMP

Comments
publicado el 14 de January del 2010 bajo , , , , , , , , , , , , , , , , , , , .

Ultimamente estoy haciendo algunas pruebas con plugins y themes en Wordpress. Normalmente uso una insolación online de Wordpress pero para lo que hago, con una instalación local me basta y me sobra.

Las ventajas de tener el servidor y Wordpress instalado en nuestro ordenador son muchas. Más velocidad ya que no tenemos que subir los archivos modificados a ningún servidor, más control y más comodidad.

La instalación de un Servidor Local y de Wordpress sobre el es sencilla:

  1. Descargamos e instalamos MAMP copiando la carpeta del programa como cualquier otra aplicación.
  2. Abrimos la aplicación y se nos abrira el navegador en la página http://localhost:8888/MAMP/?language=Spanish
  3. Nos dirigimos al PHPMyAdmin y creamos una base de datos yo le he puesto de nombre wordpress
  4. En la ruta /Applications/MAMP/htdocs se encuentra la carpeta donde deberemos poner los archivos de Wordpress.
  5. Por último, vamos a http://localhost:8888/ e instalamos Wordpress como de costumbre.

El usuario y contraseña por defecto que utiliza MAMP es root en ambos casos.

Tutoriales

Crea un Theme con página de opciones

Comments
publicado el 11 de April del 2009 bajo , , , , , , , , , , , , , , , , , , , , , , , , , , , , .

options-pageLos themes que tienen una página de configuración son muy útiles para los usuarios. El desarrollador del theme puede ofrecer al usuarios unas cuantas opciones de personalización para que este configure su theme de forma sencilla y sin complicaciones.

Últimamente estoy comenzando a crear un theme y al igual que hice con mi anterior creación quería que este tuviera una página de opciones.

Buscando por internet sobre la posibilidad de crear una página de opciones para el theme me encontré con este artículo que nos da el código básico para crear una página de opcines de forma sencilla. Solo tendremos que modificar un array para definir las distintas opciones que tendrá nuestra página. Continuar »

Tutoriales

Ultimos comentarios en el sidebar.

Comments
publicado el 5 de December del 2008 bajo , , , , , , , , , , , , , , .

Es otro día me llego un email de Ruben Diaz comentando que le gustaría poner en su blog los últimos comentarios tal y como se ve en este blog. Por el y por todo al que le pueda interesar escribo esta entrada en la que explicaré un poco como lo he hecho y que plugin he utilizado.

El proceso es sencillo. He utilizado Get Recent Comments para mostrar los últimos comentarios.

En la página de opciones del plugin configuramos el Template de los comentarios de la siguiente forma: Continuar »

Diseño/Desarrollo Web Tutoriales Wordpress

Sección de entradas destacadas en Wordpress

Comments
publicado el 2 de November del 2008 bajo , , , , , , .

Dependiendo de el contenido de nuestro blog y de la frecuencia de actualización nos puede ser interesante añadir o no una sección de noticias destacadas. En ella aparecerán las noticias más destacadas que creamos que más pueden interesar a nuestros visitantes.

Hacer esto en Wordpress es relativamente sencillo. Solo tenemos que crear una serie de queries (Consultas) a la base de datos. Por ejemplo, en uno de mis blog yo uso el siguiente código para mostrar las últimas 4 noticias incluidas en la categoría Top (usada para noticias destacadas):

Código PHP (Copiar):
  1. <?php
  2.     $my_query = new WP_Query('category_name=Top&showposts=4');
  3.     while ($my_query->have_posts()) : $my_query->the_post();
  4. ?>
  5.     <div class="top_news">
  6.         <a href="<?php the_permalink() ?>" rel="bookmark" title="Lee la noticia completa :: <?php the_title(); ?>"><img src="<?php echo get_post_meta($post-/>ID, 'feature', true);?>" alt="<?php the_title(); ?>" />
  7.         <h2><?php the_title(); ?></h2></a>
  8.     </div>
  9. <? endwhile; ?>

La parte más importante del código es la segunda linea, concretamente, category_name=Top&showposts=4. Como podemos ver esto nos filtra todos las entradas de la base de datos dejando solo aquellas noticias que estén en la categoría Top y además solo nos muestra 4 noticias. Continuar »

Recursos Tutoriales

Lista de últimos temas escuchados en Last.fm en PHP

Comments
publicado el 17 de September del 2008 bajo , , , , .

Gracias a la API de Last.fm y a esta entrada de Carlos Martínez. El código usa el sistema Plain (Texto) de la API que nos permite acceder a los datos en forma de archivo de texto, y luego, posteriormente por medio de PHP lo adaptamos para mostrarlo de forma correcta.

Código PHP (Copiar):
  1. <?php
  2. function get_remote_file($url, $timeout = 10) {
  3.     $ch = curl_init();
  4.     curl_setopt ($ch, CURLOPT_URL, $url);
  5.     curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);
  6.     curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout);
  7.     $file_contents = curl_exec($ch);
  8.     curl_close($ch);
  9.     return ($file_contents) ? $file_contents : FALSE;
  10. }
  11. $usuario = "usuario";
  12. $datos = get_remote_file("http://ws.audioscrobbler.com/1.0/user/$usuario/recenttracks.txt");
  13. $datos = utf8_decode($datos);
  14. $linea = explode("\n", $datos);
  15.  
  16. echo "<ul id=\"lastfm\">";
  17. for ($i = 0; $i <10; $i++) {
  18.     $parte = explode(",", $linea[$i]);
  19.     echo "<li>".str_replace("?","-",$parte[1])."</li>";
  20.     }
  21. echo "</ul>";
  22. ?>

Tutoriales Wordpress

Iconos con fecha y número de comentarios para los post en Wordpress

Comments
publicado el 26 de August del 2008 bajo , , , , , .

Lo que tenemos a continuación es una forma atractiva de mostrar la fecha de publicación de una entrada y el número de comentarios de forma sencilla y por medio de CSS.

El resultado queda tal cual lo muestra la imagen de arriba (demo) y el CSS y el código Html para añadir en Wordpress es: Continuar »