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 ^^

10 Comments

  1. 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
    • 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
  2. 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
    • ups, el código:
      ID, $key, true); ?>

      :P

      Reply
  3. ey no permite code (N)

    Reply
  4. 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
  5. 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
    • 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
  6. 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
  7. tambien te pediría que me asesoraras para hacer una pagina en wordpress, voy empezando en esto, gracias!

    Reply

Submit a Comment

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>