Cómo usar los custom fields en WordPress

21 / septiembre / 2009

Me pareció interesante el comentario que hace Crorella

...supongamos que la variable mood va variando dependiendo de la cantidad de lecturas o comentarios que tiene el post.

Para eso utilizaremos el plugin WP-PostViews, ya saben se van a la carpeta de wp-content/plugins descomprimen los archivos y en su panel de administración activan el plugin.

Ahora bien, este plugin almacena un custom field llamado views en cada uno de los post, esta será nuestra referencia para comparar los valores.

custom_fields07

Para hacer nuestra comparación utilizaremos los siguientes operadores condicionales:

  • == Comprueba si dos números son iguales
  • != Comprueba si dos números son distintos
  • > Mayor que
  • < Menor que
  • >= Mayor o igual
  • <= Menor o igual

Para saber más de los operadores pueden ir a la página oficial de php ó webtaller (en español)

Lo primero que tenemos que hacer es mandar a llamar views en algún lado, para eso el plugin ya trae una función para mostrarnos las veces que una entrada ha sido vista. Entonces en nuestro single agregamos:

PHP:
  1. <?php $visitas = get_post_meta($post->ID, "views", $single = true); ?>

 

Con esto almacenamos las veces que un post ha sido visitado (views) en la variable $visitas.

También podríamos usar la función que trae por default el plugin, aunque este en lugar de devolvernos el valor entero únicamente, nos devuelve ej: "4320 views" y nosotros solo necesitamos el entero, entonces usaremos el código anterior.

PHP:
  1. <?php if(function_exists('the_views')) { the_views(); } ?>

 

Muy bien ya tenemos nuestro valor almacenado en $visitas, ahora vamos a hacer las comparaciones.

Una manera simple de verlo sería:

  • Si el post tiene menos de 10 visitas = default
  • Si el post tiene igual ó menor # de visitas que 100 = llorando
  • Si el post tiene igual ó menor # de visitas que 500 = enojado
  • Si el post tiene igual ó menor # de visitas que 1000 = apenado
  • Si el post tiene igual ó mayor # de visitas que 1001 = feliz

Ya que hemos analizado la situación vamos a pasarlo al código en nuestro WP, lo primero que tenemos que hacer es comprobar si el plugin ó la función existe, en este caso sería 'the_views' porque en caso de que no tuviéramos instalado el plugin no tendríamos como ó con qué hacer la comparación de los valores, entonces para explicarlo mejor les dejo este código.

PHP:
  1. <?php
  2. if(function_exists('the_views')) { // VERIFICAMOS QUE EL PLUGIN ESTE INSTALADO
  3.  
  4.   if($visitas <10) { // SI ES MENOR QUE 10
  5.       echo "default";
  6.   } elseif ($visitas <= 100) { //SI ES MENOR O IGUA AL 100
  7.       echo "llorando";
  8.   } elseif ($visitas <= 500) { //SI ES MENOR O IGUAL A 500
  9.       echo "enojado";
  10.   } elseif ($visitas <= 1000) { //SI ES MENOR O IGUAL A 1000
  11.       echo "apenado";
  12.   } elseif ($visitas>= 1001){  //SI ES MAYOR O IGUAL QUE 1001
  13.       echo "feliz";
  14.       } //TERMINA CONDICIONALES DE $VISITAS
  15.       
  16. } //TERMINA VERIFICACION DEL PLUGIN
  17. ?>

 

El resultado de el código anterior sería algo como esto, ya podemos ver que los valores cambian dependiendo el # de visitas que tiene cada entrada.

custom_fields08

Lo único que nos falta es que esto se muestre como imagen... lo cuál ya deben de tener una idea de cómo lograrlo:

PHP:
  1. <?php
  2. if(function_exists('the_views')) { // VERIFICAMOS QUE EL PLUGIN ESTE INSTALADO
  3. echo "<img src='".get_bloginfo('template_url')."/images/mood_";
  4.   if($visitas <10) { // SI ES MENOR QUE 10
  5.       echo "default";
  6.   } elseif ($visitas <= 100) { //SI ES MENOR O IGUA AL 100
  7.       echo "llorando";
  8.   } elseif ($visitas <= 500) { //SI ES MENOR O IGUAL A 500
  9.       echo "enojado";
  10.   } elseif ($visitas <= 1000) { //SI ES MENOR O IGUAL A 1000
  11.       echo "apenado";
  12.   } elseif ($visitas>= 1001){  //SI ES MAYOR O IGUAL QUE 1001
  13.       echo "feliz";
  14.       } //TERMINA CONDICIONALES DE $VISITAS
  15. echo ".png' alt='".the_title_attribute('echo=0')."' />";      
  16. } //TERMINA VERIFICACION DEL PLUGIN
  17. ?>

 

Este sería el codigo final y el resultado debería quedar así:

custom_fields09

Estos solo son algunos pequeños ejemplos de lo que se puede lograr con los custom fields, las posibilidades son infinitas.

Hemos terminado con este tutorial, estaría interesante que nos mostraran que es lo que han podido lograr usando los custom fields ñ_ñ

Páginas: 1 2 3 4 5

+

26 comentarios para Cómo usar los custom fields en WordPress

  1. Excelente tutorial, muy bien explicado y por lo tanto totalmente entendible para los mortales.

    Lo interesante del tutorial es que te explica el uso que le puedes dar a los cutom_fields en mi caso Mauricio ha hecho uso de esto en dos de mis sitios: malditoweekend.com y antesdelafama.com

  2. Crorella 21 sep 2009

    Muy bueno el tutorial,

    mientras lo leía, me preguntaba si esto puede hacerse aún más interactivo al permitir modificar los valores del CF a partir de factores externos; por ejemplo: supongamos que la variable mood va variando dependiendo de la cantidad de lecturas o comentarios que tiene el post.

    ¿Existe alguna funcionalidad en WP que permita modificar el valor de un CF para un post determinado?

    Saludos.

  3. Muy buen post, al estilo de los que a mi me gustan. Te felicito y que bueno que estás de regreso.

    Creo que lo que acabo de leer acá me va a ayudar mucho.

    un saludo desde Guatemala.

    Los espero en mi blog: http://attakinsky.com/

  4. El tutorial es bastante simple, y muy util para aquellos que recien estan empezando con wordpress. Buen trabajo.

  5. terrible el post… ja.. me encanto… estaria bueno que pongan mas ejemplos.. para gente que no entiende nada de php y demas… entonce spodrian tener mas chances de usar estos ejemplos y modificarlos un poco a conveniencia de cada uno.. si lo pondrias en taringa.. +10 jejej

  6. Excelente post, muchas gracias, me alegro de que estés de vuelta!

  7. Exelente!! , No me había tomado mi tiempo para revisar los Custom Fields, y la verdad, me gustó la manera en como lo explicas.

    Felicidades por tu Blog! :-)

  8. WoW, es cierto de esta forma puedo solucionar algo q estoy desarrollando, gracias por el blog, por la info, por estar :D

  9. tades 26 sep 2009

    hey Infected, que bueno que volviste, siempre me daba una vuelta por acá, hasta q hace poco vi contenido nuevo, que bueno !

    Buen tutorial, pense que incluiria eso si algo que no he podido encontrar ni en plugon ni codigo, que es como almacenar info en los custom fields, para no tener que agregarla cada vez, tienes conocimiento de algo como esto?

    Saludos

  10. Hola, me ha encantado en tutorial… y lo he puesto en practica…

    Ahora hay un problema, en mi blog somos varios los que escribimos, yo soy el Administrador y las demas cuentas de usuarios tienen el rol de AUTOR…… y wordpress dice que NO TIENEN AUTORIZACION PARA HACER ESO.

    ¿Como se soluciona?

  11. Erick 28 sep 2009

    Te la rifaste con el tuto… Creo que es el mejor tuto que he leído, Felicidades, sigue así.

  12. Muy útil, hace tiempo que buscaba un post como este.

    Saludos!

  13. Un post muy interesante. Gracias por el tutorial!

  14. espectacular ahora lo voy a usar

  15. Esta estupendop el post.. la verdad no sabia como usar eso de custom fileds… y ya me has dado un gran panoramo y muchas a las para empezar a desarollar algo… ya vere que cos… gracias..

  16. rubensaid 06 nov 2009

    y como podemos modificar el valor del field desde la entrada… osea me refiero se puede realizar alguna consulta sql…??

  17. gracias por aportar cosas de wordpress. Realmente uso el campo pero con plugins o temas que lo tienen ya implementado. Pero me ayudará a crear mis propias composiciones.

    además de mostrar imágenes, ¿qué otra cosa útil podríamos hacer con los custom fields?

  18. Sos un verdadero maestro Infectedfx

    idolo !!!

  19. Cool… Esta super este tuto, y yo que andaba buscando más info sobre los custom fields…

  20. Muy bueno el artículo, sobre todo porque me ha ayudado a entender el uso de los custom fields, pero quisiera saber si me pueden ayudar con algo que estoy desarrollando.

    Estoy desarrollando un formulario para publicación de contenido, el cual he implementado un campo para agregar imágenes que luego se insertarán en el artículo por medio de custom fields, el hecho es que el usuario puede agregar hasta 4 imágenes, es decir puede ser menos, pero no más, y lo que quiero es una funcion que si el usuario sube una o más imágenes, esta se muestre.

    El resumen de lo que quiero hacer lo pueden encontrar en el siguiente post que he publicado para pedir ayuda: http://ayudawordpress.com/foro/topic/necesito-ayuda-para-terminar-de-elaborar-formulario-de-publicacion-de-entradas

  21. Excelente, muchas gracias me sirvio de gran ayuda para una idea que tenia en mente para mis blogs.

    Un saludo y felicitaciones por tu sitio!

  22. Muy bueno tu tutorial :) me sirvió de mucho!! pero tengo un pequeño problema… es posible poder ocultar el customfield de la imagen? porque a mi me sale la imagen tal cual explicas en el tutorial, pero también me aparece el campo con el link de la imagen,… eso se puede ocultar de alguna manera?? me sería de gran ayuda saberlo.. :)

    Saludos!

  23. Estupendo tutorial. Muy útil, claro y conciso.

    Estaba pensando en utilizar algo así para mostrar un contenido externo mediante un iframe en cada post. Supongo que el procedimiento será similar al de mostrar una imagen, pero variándole el contenido de la URL del iframe. Voy a probar a ver qué tal sale la cosa ;-)

    Saludos.

ShowTracksTrackbacks/Pings

  1. [...] ha cogido con fuerza su nueva etapa, y hoy nos sorprenden con un tutorial muy bien explicado de como usar los campos personalizados (o custom fields) en WordPress, con un [...]

  2. [...] 0 Comentarios Pues hoy he leído este post acerca de campos personalizados en los posts de wordpress y me ha entrado el gusanillo.Entre otras cosas, creo que tengo que poner [...]

  3. [...] ó campos personalizados de wordpress, donde pueden aprender como funcionan y como utilizarlos, InfextedFX (estrenando nuevo diseño), acaba de publicar un fabuloso tutorial sobre cómo usar los custom [...]

  4. [...] saver más acerca de los campos personalizados te sugiero que veas el articulo Cómo usar los custom fields en WordPress y con un poco de imaginacion puedes hacer otras [...]

  5. [...] ó campos personalizados de wordpress, donde pueden aprender como funcionan y como utilizarlos, InfextedFX (estrenando nuevo diseño), acaba de publicar un fabuloso tutorial sobre cómo usar los custom [...]

Agrega tu opinión Invitado, tu puedes registrarte o ingresar a tu cuenta .

No será publicado

Get your own Gravatar
Sign up for free