Fork me on GitHub

Miquel Camps Orteza

Soy programador web. Estoy especializado en desarrollo web (php, js). Estoy aprendiendo a desarrollar apps para iphone/ipad.
Organizo betabeers en Madrid.
Sobre mí     Metas     Hacks     Contactar     LinkedIn     Twitter    
Tu blog WordPress adaptado a móviles

Recomiendo usar el plugin wptouch, es el que usan en wordpress.com, la instalación es muy sencilla:

  1. Descargar el plugin wptouch.
  2. Subir la carpeta wptouch a la carpeta de plugins wp-content/plugins.
  3. Activar el plugin.

Si tienes el plugin super cache es necesario que sigas estos pasos para que funcione:

  1. Estado WP Super Cache -> A medias
  2. Activar “Soporte para dispositivos móviles”
  3. En “Agentes de usuario rechazados” añadir:
    Android
    CUPCAKE
    Googlebot-Mobile
    bada
    blackberry 9800
    blackberry9500
    blackberry9520
    blackberry9530
    blackberry9550
    dream
    iPhone
    iPod
    incognito
    s8000
    webOS
    webmate
  4. Dale al botón “borrar cache”
junio 8, 2011
Haciendo mi blog más profesional

He modificado varias cosas de mi blog para darme a conocer mejor, venderme más al público y hacer más autobombo de mis proyectos.

¿Como lo hago para darme a conocer mejor?

A los que entran por primera vez en el blog ahora podrán ver en el header que esta página es un blog personal y que trata sobre las categorías destacadas de la navegación.

¿Como venderme más al púbico?

Me gustaría tener más oportunidades laborales, de colaboración y es por eso que en la navegación he puesto el curriculum y todos mis proyectos en el sidebar en plan Martin Varsavsky.

He puesto el número de followers que tengo en la cabecera mediante el plugin para wordpress twitter counter para que la gente vea mi relevancia en la twittesfera.

Otros cambios

He quitado la actividad que tenía en friendfeed ya que no aportaba mucho al usuario y ahora muestro las noticias que comparto en google reader.

Para el fotolog ya no utilizo el widget de twitpic que mete mucha chicha, cojo la última foto del xml de mi usuario en twitpic, os pego el código:

<?php
$xml = simplexml_load_file( ‘http://twitpic.com/photos/gafeman/feed.rss’ );
echo ‘<a href=”‘, $xml->channel->item[0]->link ,’” target=”_blank” style=”display:block;text-align:center;background:black”><img src=”‘, str_replace( ‘http://twitpic.com/’, ‘http://twitpic.com/show/thumb/’, $xml->channel->item[0]->link ) ,’” width=”150″ height=”150″/></a>’;
?>

Diseño anterior vs actual

Anterior

Actual

Espero que os gusten los cambios, espero que los que me leen por RSS se pasen un momento por por mi blog y que dejen su opinión :)

febrero 23, 2010
RSS de los resultados de búsqueda de un blog wordpress

Desconocía esta funcionalidad de wordpress y la escribo aquí para acordarme si un día se me olvida.

Nota: Esto no funciona en blogs que hagan redirección de su RSS a feedburner.

Ejemplo: http://www.nvivo.es/blog/?s=sos&feed=rss2

febrero 4, 2010
Internacionalización de proyectos, tener el blog wordpress en varios idiomas

En nvivo.es antes por cada idioma (español e inglés) teniamos 2 instalaciones de wordpress que fué lo más sencillo de hacer en ese momento.

Ahora hay plugins muy buenos para ello y no es necesario hacer viguerías: tener varias instalaciones de wordpress, ni instalar wordpress mu.

Txarly me paso el plugin WPML, este se encarga de casi todo, menos traducir tus posts claro jeje.

enero 16, 2010
Adapta tu blog wordpress a móviles

Con la llegada de android, iphone y los últimos terminales de última generación se está potenciando la navegación a internet a través del móvil.

Para facilitar la navegación de tu blog wordpress a los móviles existe un plugin llamado wordpress mobile edition.

Pasos para instalar el plugin

  1. Descargar el plugin
  2. Extraer el fichero
  3. Copiar el fichero wp-mobile.php en la carpeta wp-content/plugins
  4. Copiar la carpeta carrington-mobile-1.0.2 en el directorio wp-content/themes
  5. Activar el plugin en el panel de control

Bonus

Inserta un código QR en el sidebar de tu blog para acceder a este mediante rápidamente mediante un lector de QR, como por ejemplo en android: barcode scanner.

diciembre 16, 2009
Saber los plugins que utiliza un blog hecho con wordpress

Aunque no sirve para conocer todos los plugins puedes hacerte la idea de algunos, estos son los pasos:

  1. Abrir un blog que este montado con wordpress, por ejemplo el primero que se me ocurre es viciao2k3.net jeje
  2. Visualizar el código fuente, normalmente lo encontrarás en el menú Ver, por ejemplo en firefox:
    Ver > Código fuente de la página
  3. Buscar: /wp-content/plugins/

Con este truco podeís saber que utilizo los plugins:

Aquí tenéis la lista de todos los plugins en viciao2k3, estaría bien que hiciesen como rick y yo, dedicar una página a los plugins que usen :)

febrero 14, 2009
Evitar el spam y tener un formulario de contacto con un plugin

Características destacadas:

  • No se cuelan falsos positivos con lo que tendrás menos comentarios a moderar
  • No tienes que poner ni un maldito captcha
  • Previene el spam de trackbacks y pingbacks
  • También te protege el formulario de contacto contra el spam

Instalación:

  1. Descarga el plugin wp-spamfree
  2. Descomprime el fichero wp-spamfree.zip
  3. Sube la carpeta wp-spamfree a tu servidor:
    wp-content/plugins
  4. Dirigete a:
    panel de control > plugins
  5. Activa el plugin wp-spamfree

Crear un formulario de contacto:

  1. Crea una nueva página, por ejemplo: Contactar
  2. Pon el editor en modo HTML y pega: <!–spamfree-contact–>
febrero 10, 2009
Mostrar el feed completo

Gracias a Guillem me he dado cuenta que las entradas del feed estan cortadas, para solucionarlo basta con ir a:
panel de control > opciones > lectura

y en el apartado “Para cada entrada, mostrar en el canal”, activar la opción: Texto completo.

Si es que tienes tu feed asociado a una cuenta feedburner, notarás los cambios en la siguiente sincronización.

febrero 8, 2009
Integrar facebook connect en wordpress

Hace ya una semana intenté integrar facebook connect en este blog, no pude no habia manera de mostrar el maldito botón de facebook connect y lo dejé.

Hoy lo he intentado de nuevo y por fin he podido intengrarlo a continuación os explicaré como instarlarlo y como solucionar algunos problemas.

Requisitos:

  1. Tener una cuenta en facebook

Instalación:

  1. Bajate el plugin facebook connect
  2. Descomprime wp-facebookconnect.1.0.1.zip
  3. Sube la carpeta wp-facebookconnect a tu servidor:
    wp-content/plugins
  4. Dirigete al panel de control > plugins
  5. Activa el plugin Facebook Connect
  6. Dirigete a Opciones > Facebook Connect
  7. Ahora deberás que registrar una aplicacion en facebook para obtener tu API key y secret
  8. Abre el fichero comments.php de tu theme
  9. Busca:
    if ( $user_ID ) :
  10. Busca de nuevo:
    else :
  11. Despues de <? else: ?>, pega:
    <?php do_action(‘fbc_display_login_button’) ?>

    para que aparezca el botón connect sólo a los usuarios que no estan conectados y antes de las cajas de texto: tu nombre, tu email…

No se muestra el botón connect:

Asegurate de que tienes en el header.php de tu theme:
<?php wp_head(); ?>

y en el footer.php: (esto es vital, en mi caso es lo que me faltaba)
<?php wp_footer(); ?>

Mostrar avatares:

Para mostrar el avatar tendrás que usar, dentro del loop foreach ($comments as $comment):

<?php
echo get_avatar( $comment, 50, ‘http://www.tudominio.com/avatar_por_defecto.gif’ );
?>

  • Lo que hace get_avatar es imprimir la etiqueta <img con la ruta del avatar
  • Fijate que en get_avatar le paso el objeto $comment y no directamente el email del comentarista $comment->comment_author_email.

Reducir el tamaño de los avatares:

El tamaño de los avatares de los comentaristas de facebook por defecto es de 50×50 pixeles, si quieres reducirlos tendrás que hacerlo via CSS.

Ocultar la ventanita de facebook:

Una vez logueado con tu cuenta facebook seguramente se muestre esta caja en la parte superior derecha de tu blog:

Para ocultarlo basta con editar el fichero wp-content/plugins/wp-facebookconnect/config.php y remplazar:

define(‘FBC_USER_PROFILE_WINDOW’, true);

por:

define(‘FBC_USER_PROFILE_WINDOW’, false);

Traducir la frase “Connect with your Facebook Account”

  1. Abre el fichero wp-content/plugins/wp-facebookconnect/fbconnect.php
  2. Busca “Connect with your Facebook Account” y remplazalo por ejemplo por:
    Conectate con tu cuenta facebook

La web no para de recargarse:

Registra de nuevo una aplicacion en facebook para obtener un API key y secret, actualiza las llaves en: panel de control > opciones > facebook connect

Más información:

febrero 8, 2009