Archivo de la etiqueta: manual

Solución al error de WordPress que da al usar memoria

El otro día felizmente intenté entrar en el panel de control de WordPress para moderar comentarios y añadir un nuevo post y me encontré con este error:

Fatal error: Allowed memory size of 67108864 bytes exhausted (tried to allocate 71 bytes) in /public_html/wp-includes/capabilities.php on line 1211>

No sé si es culpa mi hosting 000webhost, o que pero he estado buscando la solución y ha resultado ser que tenía que colocar la siguiente linea en wp-settings.php (dentro del directorio principal).

define(‘WP_MEMORY_LIMIT’, ’96M’);

Normalmente las definiciones se colocan al inicio del código, ya verás otros defines.

PD: Para “colocar” la línea tal y como indico arriba lo que se tiene que hacer es editar el fichero con un editor de texto como bloc de notas, wordpad, notepad+, gedit, vim… y guardarlo.

Bonus: No sé porqué pero la mayoría recomendaba poner el limite de memoria en 64 (el cual a mi no me funcionaba así que lo he colocado a 96.

Manual sobre “Open Graph Protocol”

Hasta hace poco Facebook “escaneaba” la página y con ella extraía los elementos que consideraba más interesantes, como el título, un breve resumen del sitio, un vídeo o una imagen si existían, etc. Con “Open Graph Protocol” puedes definir en cualquier página web el valor los elementos del objeto que se muestra en Facebook. Lo que resumiendo sería que si pones esto el usuario al compartir (o darle like) a tu página posiblemente mostrará más información que antes.

En este link podéis encontrar un vídeo (en inglés) sobre Open Graph Protocol, explicado por uno de los ingenieros de Facebook (tiene mucho acento indio, espero que no os cueste entenderle).

Estas “metas” se ponen dentro del head de la página. En los ejemplos lo ponen justo debajo del tag <title> yo lo pondría después de las meta “normales”, aunque cada cual que lo ponga dónde más le guste.

Probablemente las que vayas a necesitar estén dentro de este listado:

<meta property=”og:title” content=”Manual Open Graph Protocol”/>
<meta property=”og:url” content=”http://rocreguant.com/Manual-sobre-Open-Graph-Protocol”/>
<meta property=”og:description”content=”Brebe introducción sobre Open Graph protocol (impulsado Facebook), para implementarlo de forma simple en cualquier sitio web.”/>

Luego también se puede añadir metas como imágenes o vídeos (estos ejemplos han sido sacados de la web oficial)

<meta property=”og:image” content=”http://ia.media-imdb.com/rock.jpg”/>
<meta property=”og:video” content=”http://example.com/bond/trailer.swf” />

Pero esto no termina aquí! Utiliza Open Graph Protocol para que Facebook trate tu URL como una Fanpage! ([EN] fuente)

Esto lo puedes conseguir añadiendo una de las siguientes lineas de código.

<meta property=”fb:admins” value=”USER_ID1,USER_ID2″ /> (dónde USER_ID2 y USER_ID2 serian los administradores)

O bien usando:

<meta property=”fb:app_id” value=”1234567″ /> (dónde value sería el ID de vuestra app en facebook)

Con esto podrás acceder a tu panel de analytics como el de las Fanpages, en el que te muestra los usuarios activos diarios, los likes, los nuevos usuarios…

Para más información podéis consultar la web oficial de Open Graph Protocol.

Bonus: Lo que se comenta en las altas esferas es que puedes usarlo para “engañar” a Facebook. Por ejemplo, tu haces un vídeo relacionado sobre el post que has escrito pero sin ponerlo como embedded. Lo pones como meta, y la gente al darle al like a la página sin vídeo comparte el vídeo. (link black)

Generar frases aleatorias en el header de nuestro WordPress

Hace tiempo vi algunas webs que tenían frases aleatorias en el header del blog. Y la idea me gustó, así que me la anoté. Ahora por fin he tenido algo de ganas y tiempo para llevarla a cabo y escribir su post correspondiente 😛 Empecemos!

Primero por la programación, añadiremos la función al archivo functions.php de nuestro theme de WordPress y luego ejecutaremos la función en el header de nuestro blog. Vamos a ver lo más detallado.

El código que va a functions.php:

function frases() {

$frase[0] = “Hola a todos”;

$frase[1] = “Adios a todos”;

$frase[2] = “me gustan los árboles”;

$cantidad = count($frase)-1;

echo $frase[rand(0,$cantidad)];

}

Como veis es de lo más sencillo. Simplemente tenéis que cambiar las frases ya existentes y si queréis poner más teneis que añadir $frase[3] = “nueva frase”; cambiando el 3 por los números adecuados.

Vamos a cambiar el header ahora. Dentro del hgroup y debajo del <h2> he puesto esto:

<div align = “right”> <?php frases()?> </div>

El frasesm es la clase que he creado para el CSS (explicado más adelante) y el frases() es la función que se ejecuta para obtener las nuevas frases.

La nueva clase CSS, tengo que decir que ha sido lo que me ha costado más ya que no estoy habituado a ello. El código:

.provarara { position: absolute; top: 80%; left: 0; width: 100%; color: white; font: bold 24px/45px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 0px; padding: 0 2px; background: none; }

Decir que todo es cambiable y no lo voy a explicar todo, básicamente he ido probando cosas para adaptarlo. Aun estoy probando así que puede ser que cuando leas esto el código sea otro.

Creo que con esta modificación y algunos plugins que le añadiré doy mi blog por tuneado durante una temporadilla.

Fuentes: http://forobeta.com/wordpress/28315-poner-frases-rotatorias-header.html y http://www.cssblog.es/ejemplos/bloques-texto-imagen/ejemplo_bloque_texto_imagen.html

PD: Finalmente no he modificado demasiado. Aunque espero que os sirva 😉

Manual para la instalación de un emulador de Android en Eclipse

Este manual nos va a servir para crear un emulador de Android en nuestro entorno de desarrollo Eclipse para no tener que estar comprobando todo el rato en el dispositivo. Ese se podría decir que es la continuación de la preparación de nuestro entorno de desarrollo eclipse para Android.

  1. Iniciamos Eclipse, y vamos a Window > AVD Manager
    Si no te muestra esta opción puedes ir a window > costumize prespective. Luego ya dentro podrás encontrar en la pestaña “Command groups availability” la opción para marcar un check box de Android SDK and AVD Manager, marcas el check box guardas y ya te saldrá la opción anterior en el menú.

  1. Le damos al botón de New y se nos va a abrir otra ventana de diálogo.

  2. En la nueva ventana de diálogo al nombre le ponemos el que queramos, como por ejemplo emulador y en target escogemos la versión del SO de Android que queramos usar.

  3. Le damos a Create AVD

  4. Cerramos el manager de Android Virtual Device

  5. Y ya tenemos el emulador listo! 😀

Bonus: Cada vez que iniciéis el emulador os va a tardar mucho rato (minutos) en cargar, por lo que lo podéis dejar abierto y para testear pulsáis solo al “play” (al botón de run).

Bonus Linuxero: Como el emulador abierto consume más recursos de lo que nos gustaría, pero cerrarlo y abrirlo cada vez es un tostón podemos pausarlo. Nos aseguraremos que lo tenemos abierto y buscaremos el PID. Para saber el PID, haremos ps -e en la consola. Dentro del listado buscaremos dónde ponga “emulador” (o el nombre que le hayas puesto) y nos aprenderemos el número de al lado. Una vez hecho esto desde la consola pondremos “kill -STOP numero-pid-encontrado” y cuando queramos volver a testear la aplicación pondremos “kill -CONT numero-pid-encontrado”.

Configurar eclipse para programar para Android

Como ya lo he hecho un par de veces (una primera con la que hice esta aplicación y esta vez) y nunca me acuerdo como se hace lo voy a dejar escrito para la próxima vez. Es más fácil de lo que parece, así que no tienes excusa para no aprender a programar para Android.

  1. Instalar el Java Development Kit (JDK)

  2. Instalar eclipse. Este paso y el anterior son conmutables, aunque lo he puesto así porque me parece un orden más lógico no pasa nada si se hacen a la inversa.

  3. Instalar el SDK de Android. Lo que se tiene que ejecutar es el archivo Android que está en tools (en Linux por lo menos).

  4. Instalar ADT para eclipse. Para esto podemos seguir el siguiente minitutorial dentro de este tutorial:
  • A abriremos el eclipse y en el desplegable de Help seleccionaremos Install New Software.
  • Pulsaremos sobre Add (arriba a la derecha).
  • Añadiremos un nombre (para tu bien más o menos descriptivo) y en Location pondremos este enlace: https://dl-ssl.google.com/android/eclipse/ (si tienes problemas prueba pon http en vez de https) y dale next
  • Ahora marca Development tools y dale a next, te muestra los ficheros dale next.
  • Finalmente “lee” las condiciones y dale a Finish, si te da un error de la autenticidad del Software dale a Ok.
  • Para terminar reinicia eclipse y empieza a programar el próximo Angry Birds

Si programáis algo espero que lo colguéis en Google Play y me paséis el link! 😉

Mostrar las entradas relacionadas de un post sin plugins

Como ya sabréis los plugins relentece el rendimiento de WordPress, por eso cuantos más evitemos instalar mejor. Para esto voy a intentar realizar una saga para insertar algunos plugins en el mismo código de WordPress. Así que este primero se trata de mostrar las entradas relacionadas de un post sin la necesidad de plugins.

Para empezaremos accederemos al fichero functions.php y añadiremos este código:

 

function getRelatedPosts ($post_id){

$taxs = wp_get_post_tags( $post_id );

if ( $taxs ) {

$tax_ids = array();

foreach( $taxs as $individual_tax ) $tax_ids[] = $individual_tax->term_id;

 

$args = array(

‘tag__in’ => $tax_ids,

‘post__not_in’ => array( $post->ID ),

‘showposts’ => 5,

‘ignore_sticky_posts’ => 1

);

 

$my_query = new wp_query( $args );

 

if( $my_query->have_posts() ) {

while ($my_query->have_posts()) : $my_query->the_post();

?><h3><a href=” <?php the_permalink();?> ” rel=”bookmark” title=” <?php the_title(); ?> “> <?php the_title() ?></a></h3> <?php

endwhile;

} else {

echo “<h2>No related posts found!</h2>”;

}

}

$post = $backup;

wp_reset_query();

}

Éste código lo que hace es relacionar tags y mostrar los 5 posts que tengan tags similares. Los escribe por pantalla.

Ahora abriremos el fichero single.php (dentro de tu theme) y allí escribiremos el siguiente código dónde queramos que aparezcan las entradas relacionadas.

<div class=”related_posts”>

<?php

getRelatedPosts ( get_the_ID() );

?>

</div>

y para terminar al fichero style.css (dentro de tu tema) añadiremos el siguiente código para darle formato a los posts relacionados.

.content .related_posts {width: 580px; font-size:10pt;font-family: Arial; font-size: 11px; color: #333;}
.content .related_posts a {color: #2f99c9;}

Espero que os haya gustado! Alguna propuesta para el próximo no plugin?

Como instalar Ubuntu 12.04 o cualquier versión sin usar un CD

Instalar la última versión de Ubuntu sin utilizar un CD es realmente muy simple. Para empezar nos descargaremos la última versión de Ubuntu (en mi caso es la versión 12.04, pero sirve para todos).

Ahora mientras se baja, busca tu memoria USB. Una vez encontrada nos bajaremos el adaptador de Ubuntu al USB, el programa que usaremos es Universal-USB-Installer.

Una vez descargado todo abriremos el Universal-USB-Installer, en éste rellenaremos los campos la versión, la unidad y el directorio dónde se encuentra el iso de Ubuntu.

Una vez hecho esto le damos a crear, este paso nos avisará que se va a borrar todos los datos de la memoria y se nos cambiará el nombre del USB.

Para finalizar tendremos que cambiar la secuencia de arranque del ordenador. Para esto cuando iniciamos el ordenador siempre nos dice algo parecido a: “Press TECLA to enter for Setup”. Una vez en el setup deberemos hacer y ponemos el USB antes del disco duro, o el USB como “fist boot device”. Guardamos los cambios y salimos.

Ahora cuando se nos inicie, si tenemos conectado el USB, nos saldrá ya la pantalla de instalación de Ubuntu como si fuera un CD.

Espero que os haya servido! 🙂 Yo al final descubrí que se puede instalar también en Windows, lo pone debajo dónde pulsas para descargar la iso.

Que debe tener una estrategia marketing de gamificación o gamification?

Para empezar, gamificación proviene del inglés “gamification”. La gamificación es el uso de distintas técnicas de videojuegos pero en ámbitos distintos a los juegos. Quizás el ejemplo más famoso sea Foursquare. Pero en este post veremos que desarrollar una estrategia de marketing con gameficación para que sea un éxito.

1-Tipos de juego

Hay cuatro tipos de juegos, si logras colocar tu estrategia en uno de ellos habrás empezado bien. Estos tipos son:

  • juegos de matar, son juegos que usan atajos, trampas e interrumpen.
  • los triumfadores para personas ganadoras, comparadoras de resultados y amantes de los desafíos.
  • los socializadores les gusta compartir, ayudar y comentar
  • los exploradores desean investigar, crear descubrir cosas nuevas.

2-Publico objetivo

Antes de plantearte nada debes tener claro a quien pretendes dirigirte, no es lo mismo tener por publico objetivo a amas de casa que a corredores de maratones. Les interesan cosas distintas.

3-Elabora un plan

Debes elaborar la estrategia a seguir para conseguir atraer a los jugones. Pero también debes plantearte los objetivos que quieres conseguir con esta campaña.

4-Marketing

El objetivo de la gamificación es hacer avanzar a nuestros clientes de modo que consigamos lo que queremos. Podemos desear crear consciencia de marca, aumentar ventas o identificar clientes potenciales.

5-Premiar a los jugadores

Desde siempre se han premiado los mejores. En los ejércitos con medallas, en el trabajo con incentivos económicos y en muchos otros sitios y de distintos modos. Si eso se ha hecho en muchos ámbitos incluidos los videojuegos porqué no en nuestra estrategia? No nos engañemos, a todos nos gusta fardar de nuestros logros personales 😛

6-Desafiar/picar

Si no te desafía un amigo para que juegues y demuestres lo que vales no te engancharas tan fácilmente. Los piques sanos son una buena forma de atraer gente a nuestro “juego” y conseguir que se mantengan en este.

7- Sigue la “teoría del flujo”

Mihaly Csikszentmihalyi fue quien la enunció, y debe seguir los 10 puntos:

  1. Objetivos claros
  2. Alto grado de concentración
  3. Pérdida de la auto-conciencia
  4. Alteración del sentido del tiempo
  5. Captación directa e inmediata
  6. Equilibrio entre nivel de habilidad y reto
  7. Sentido de control sobre la situación o actividad
  8. Sentir que la actividad es gratificante
  9. Falta de conciencia de las necesidades corporales
  10. Absorción en la actividad

Del modo como lo veo yo es quedarse más enganchado que a la droga sin percepción temporal o de necesidades biológicas.

8-Regala objetos

Los regalos son unos grandes motivadores para la gente. Al ir superando adversarios puedes ir regalando items del juego o accesorios físicos para conseguir a los juguetones enganchados.

9-Sé divertido

Consigue que tus clientes potenciales no te vean como una empresa seria, aburrida y gris. Si eres diferente y divertido les será más fácil seguirte. Cualquiera que aporte algo de felicidad en estos tiempos suele ser bien recibido.

10-Socializa el juego

No es lo mismo jugar contra miles de desconocidos que contra 20 amigos. Está claro que jugar contra amigos es mucho más divertido.

11- Usa rankings

De nada sirve que tus jugadores se piquen entre si y juegue todo el mundo si luego no pueden saber quién es el mejor. Si ven como van en la clasificación se esforzarán más para adelantar a los otros.

12- Pon una barra de progreso

Como están haciendo ya en muchas reds sociales, puedes poner una barra de progreso en tu juego para motivar a los usuarios a no dejar la barra a medias.

13-Objetivos del juego

El juego debe seguir unas “reglas” para enganchar a los usuarios:

  • Conseguir objetivos

  • Disfrutar la experiencia

  • Que sea claro y puedas explorar

  • Poder saber que hacen los demás

  • Tener algo que hacer

14-El compromiso

Si alguna vez habéis jugado a FarmVille os habréis dado cuenta de que es adictivo. Tienes que cuidar tu huerto. Por ejemplo he conocido gente que se levantaba 30min antes para robar el huerto de sus amigos en Facebook. Si consigues que tus usuarios tengan este compromiso el juego será un éxito.

15- Timing

Hay dos maneras de apremiar el usuario. Combos y tiempo limitado para hacer algo. Los combos son algunas acciones llevadas a cabo con poco tiempo entre si. Y el tiempo limitado para realizar una tarea en un corto espacio temporal.

16- Analiza

Es muy importante tomar todos los datos que sean posibles para mejorar la campaña y futuras campañas de la empresa. En el mundo virtual la facilidad por medir es asombrosa, aprovéchala.

Creo que esto es todo por hoy. Me ha quedado algo larga y densa, pero creo que puede ser muy útil. Finalmente me gustaría añadir que creo que la clave final del juego es que use una estrategia win-win, el usuario gana y tu empresa también.

Manual del comando tar en GNU/Linux

Antes de nada quiero aclarar que los archivos .tar son ficheros comprimidos, y la comanda tar para la consola es usado para almacenar archivos y directorios en un solo archivo.

Teniendo en cuenta que las opciones entre [ ] son opcionales, usaremos la comanda básica de la siguiente forma:

tar [opciones] [fichero] [directorio]

Las opciones se ponen todas seguidas, sin espacio y sin los [ ]. Aquí os dejo algunas de las opciones, que he considerado más importantes:

 

c Sirve para indicar que queremos creer el archivo .tar
z Comprime el archivo .tar usando Gzip, reduciendo así el tamaño total del archivo.tar deseado
f Cuando se usa con la opción -c sirve para forzar la crearcion del fichero.tar indicado
x Extrae, y descomprime si se da el caso, los directirios y archivos que se encuentren dentro del fichero.tar específico
v Esta opción al igual que en otras comandas permite que se muestre por pantalla todos los pasos que se vayan realizando. Si no se pone se realizarán las mismas operaciones pero no lo veremos por pantalla

 

Dicho esto veamos algunos ejemplos.

Para empezar, podemos empaquetar sin comprimir. En este ejemplo empaquetaos el directorio /etc/toda-la-musica creando un fichero musica.tar que se creará en el directorio /home. Nótese que está la opción de verbose. Comando:

tar cvf /home/musica.tar /etc/toda-la-musica

Ahora para desempaquetar el archivo anteriormente creado usaremos el siguiente comando, tengo que añadir que el archivo desempaquetado se creará en el directorio dónde esté ubicada la termianl. Comando:

 tar xvf /home/musica.tar

Ahora comprimiremos el paquete haciendo que tenga menos peso. Al comprimir el fichero teóricamente la extensión pasa de .tar a .tgz. En principio sigue el mismo esquema anterior pero en ambos casos añadiremos la opción -z.

Por ejemplo para empaquetar y comprimir podemos usar:

 tar cvfz /home/musica.tar /etc/toda-la-musica

Para desempaquetarlo podemos usar:

 tar xvfz /home/musica.tar

 

Y eso es todo amigos! Para cualquier cosa dejad un comentario, y que los comandos de la consola os acompañen.

Como implementar Facebook comments en los posts de un blog

Para poder poner comentarios en tu blog WordPress puedes usar el plugin o hacerlo a mano. Aquí lo vamos a hacer a mano para evitar que nuestro WordPress se sobrecargue demasiado de plugins.

Para empezar nos vamos a hacer Facebook developers. Le tenemos que dar permisos a la aplicación (si no lo habíamos hecho ya). Seguidamente creamos una nueva app, a la que le decimos que será para un sitio web. Rellenamos los nombres que le queremos poner a la “aplicación” y aceptamos. Si es la primera vez posiblemente nos pida que necesita un número de móvil, a mi experiencia solo envía los sms para la confirmación a los usuarios de movistar, pero no lo puedo asegurar. Por lo menos creo que eso es lo que me ha pasado a mi, estoy usando Yoigo y no me ha enviado ningún sms, pero cuando he probado con un número de Movistar lo ha hecho al momento.

Editando los datos de la aplicación he intentado varias veces poner la url del blog pero no lo he conseguido, así que lo he dejado en blanco y Facebook no se ha quejado.

Ahora toca ir a nuestro sitio para editar un poco el template y insertando el código necesario para que salga Facebook comments.

Empezaremos con el header.php, allí insertaremos la siguiente línea de código cambiando YOUR_APPLICATION_ID por el número de aplicación que nos ha facilitado Facebook para esta app en concreto. Este código sirve para juntar los comentarios de tu blog con la aplicación de Facebook.

<meta property="fb:app_id" content="{YOUR_APPLICATION_ID}">

 

Ahora modificaremos el archivo comments.php (puedes ponerlo dónde quieras) insertaremos el siguiente código:

<div id="fb-root"></div><script src="http://connect.facebook.net
/es_CO/all.js#xfbml=1"></script>
<fb:comments href="<?php the_permalink() ?>" width="687">
</fb:comments ></div>

Posiblemente tengas que modificar el campo width para adaptarlo mejor al ancho del que disponemos.

Yo he decidido poner el código justo debajo del post y antes de los comentarios “habituales” del blog.

Aclaración: Hay que tener en cuenta que estos comentarios se los “queda” Facebook, no pasan a formar parte de nuestra base de datos. El día que decida dejar de respaldar esta funcionalidad o cobrar por ella lo vamos a sufrir. Lo gratis se cobra de distintos modos, en este caso con información de los comentarios de nuestro blog.