Campos personalizados de WordPress



Cada vez que vamos a redactar un artículo o editar una página en nuestro panel de WordPress, debajo de nuestro editor de texto nos encontramos con un bloque llamado Campos Personalizados (Custom Fields).

Hagamos un pequeño test para aprender cómo implementarlo en nuestro theme.

Primero que todo vamos a crear en la interfáz de nuestro blog el campo que utilizaremos, en éste caso pondremos en donde dice Añadir Campo Personalizado, de nombre, “eda“; y en el campo Valor, podemos poner lo que queramos; en éste caso ingresemos la frase “Felíz por haber aprendido algo nuevo ^^“.

Le damos clic en agregar campo personalizado y actualizamos o publicamos nuestro post. Ahora pasamos a la edición de nuestro theme. Debemos editar nuestro archivo Single.php y justo después de:

<?php the_content(); ?> 

Agregamos el siguiente código:

<?php
 $eda = get_post_meta($post->ID, 'eda', true);
 if (!empty($eda)) {
 echo 'Estado de &aacute;nimo &raquo; <strong>'.$eda.'</strong>';
 } ?>

Una vez agregado nuestro hack, visita el post en el que ingresaste el campo personalizado, y verás al final del post algo como ésto:

Estado de ánimo » Felíz por haber aprendido algo nuevo ^^


Ya son 5 años en los que el internet ha sido un estilo de vida, en mi ámbito profesional y auto-didacta; me encanta retarme y convertir WordPress en lo que sea que necesite y siempre innovar con modelos de negocios online [...] Leer Más »

Advertisement

10 Responses to “Campos personalizados de WordPress”

  1. edison

    oct 20. 2010

    Hola amigo quisiera q me pudieras ayudar para agregar en el theme wordtube , en la parte de la entrada principal como crear un campo personalizado para que se vea una imagen en el index, por cada entrada, gracias

    Reply to this comment
    • elfleat

      nov 08. 2010

      Si edison, si quieres utilizar los campos personalizados para mostrar una miniatura, agrega en cada post un campo (con las instrucciones del post) pero en el nombre del campo le pones ‘miniatura’ y en el valor, le pones la url de la imagen.

      Luego, abre tu index.php y despues de < ?php the_excerpt(); ?> o < ?php the_content(); ?> simplemente agregas la siguiene pieza de código:

      <?php
       $miniatura = get_post_meta($post->ID, 'miniatura ', true);
       if (!empty($miniatura )) {
      ?>
      <a href="<?php the_permalink(); ? rel="nofollow">" style="float:left; margin:10px;"><img src="<?php echo $miniatura; ?>" alt="<?php the_title(); ?>" /></a>
      
      <?php  }  ?>
      

      Eso debería funcionar, me cuentas :P ^^

      Reply to this comment
  2. fran

    dic 20. 2010

    Hola, gracias por el truco. Estoy intentando acortar el contenido de los campo personalizado que utilizo.

    Este es el código para agregar un campo personalizado:
    ID, $key, true); ?>

    pero no sé como hacer que el contenido disminuya (que se muestre solo hasta la mitad, ya que lo utilizaría en el index), como cuando se acorta el título.

    Gracias.
    Saludos.

    Reply to this comment
  3. fran

    dic 22. 2010

    ey no permite code (N)

    Reply to this comment
  4. Francisco

    ene 18. 2011

    Hola queria saber como cambiar el nombre de los campos que parecen por defecto y sacar la seccion de categorias que aparece en un costado,espero que puedan ayudarme, gracias

    Reply to this comment
  5. soloauri

    sep 21. 2011

    Lo siento, no logro entender la aplicabilidad de estos campos :(
    Para qué darse tantas vueltas y perder el tiempo. Yo pensaba que eran realmente útiles, pero ahora me doy cuenta que si valen para poner detalles como el estado de ánimo, no servirán de mucho.
    Quizás soy sólo una analfabeta en estos gajes, pero me hacía ilusión aprender a editar mis pequeños campos :(

    Reply to this comment
    • elfleat

      sep 26. 2011

      Hola Soloauri, son bastante útiles en realidad.

      Por ejemplo en algunos proyectos los he usado para poner un campo de “precio” y con ello uso wordpress como tienda virtual.

      Igualmente puedes usarlo para especificar una url de una imagen y que cada post destacado tenga un fondo distinto en tu blog etc.

      Las utilidades de los campos personalizados no tienen limites y te permite jugar con el diseño y adaptarlo como lo necesites.

      Saludos y éxitos.

      Reply to this comment
  6. alb

    abr 13. 2012

    oye, podrias ayudarme
    tengo el tema MasutolisoMagazine y quiero poner imagenes en el slider, solo sé que tengo utilizar un campo personalizado ponerle un nombre y en el valor poner el url de la imagen, despues no se que hacer.
    Espero tu respuesta y gracias!

    Reply to this comment
  7. alb

    abr 13. 2012

    tambien te pediría que me asesoraras para hacer una pagina en wordpress, voy empezando en esto, gracias!

    Reply to this comment

Leave a Reply