Campos personalizados de WordPress 101: Tips, Trucos y Hacks

¿Alguna vez te has preguntado qué son los campos personalizados en WordPress? ¿Desea obtener más información sobre cómo funcionan los campos personalizados? En este artículo, le mostraremos cómo utilizar los campos personalizados de WordPress con consejos, trucos y hacks.

Dado que se trata de un artículo extenso, hemos añadido un índice para facilitar la navegación.

  • ¿Qué son los campos personalizados de WordPress?
  • Adición de campos personalizados en WordPress
  • Mostrar campos personalizados en temas de WordPress
  • Creación de una interfaz de usuario para campos personalizados
  • Ocultar campos personalizados vacíos con sentencia condicional
  • Adición de varios valores a un campo personalizado
  • Visualización de mensajes con una clave personalizada específica
  • Agregar el nombre del autor invitado utilizando el campo personalizado
  • Mostrar los contribuidores a un artículo utilizando campos personalizados
  • Mostrar campos personalizados fuera del bucle en WordPress
  • Mostrar encabezado, pie de página y barra lateral personalizados utilizando campos personalizados
  • Manipular el contenido del canal RSS con campos personalizados
  • Manipular el título del canal RSS con campos personalizados
  • Establecer la fecha de caducidad de los mensajes utilizando campos personalizados

¿Qué son los campos personalizados de WordPress?

Los campos personalizados de WordPress son metadatos que se utilizan para añadir información adicional relacionada con el mensaje o la página, como el título, el nombre del autor, la fecha/hora, etc.

Por defecto, cuando escribes un nuevo mensaje, página o cualquier tipo de contenido, WordPress lo guarda en dos áreas diferentes. La primera parte es el cuerpo de su contenido que usted agrega usando el editor de mensajes.

La segunda parte es la información sobre ese contenido en particular. Por ejemplo, título, autor, fecha, hora y más. Esta parte de información del mensaje se llama metadatos.

WordPress añade automáticamente todos los metadatos necesarios a cada mensaje o página que crees. WordPress también permite a los usuarios guardar sus propios metadatos personalizados utilizando campos personalizados.

Por defecto, la opción de campos personalizados está oculta en la pantalla de edición de mensajes. Para verlo, debe hacer clic en el botónOpciones de pantalla en la parte superior y luego marcar la opción de campos personalizados.

Desplácese un poco hacia abajo y podrá ver el cuadro de meta campos personalizados debajo del editor de mensajes.

Los campos personalizados se pueden utilizar para añadir cualquier información relacionada con el mensaje, la página o cualquier tipo de contenido. Esta meta información se puede mostrar en su tema. Sin embargo, para hacer eso necesitará editar los archivos de tema de WordPress.

Por eso se recomienda este tutorial a los usuarios familiarizados con la edición de archivos de temas. También es útil para los aspirantes a desarrolladores de WordPress que quieran aprender a usar correctamente los campos personalizados en sus propios temas o plugins.

Dicho esto, echemos un vistazo a cómo añadir y usar campos personalizados en WordPress.

Adición de campos personalizados en WordPress

En primer lugar, debe editar el mensaje o la página en la que desea agregar el campo personalizado e ir al cuadro de meta campos personalizados.

A continuación, debe proporcionar un nombre para su campo personalizado y, a continuación, introducir su valor. Haga clic en el botón Agregar campo personalizado para guardarlo.

El campo se almacenará y se mostrará en el cuadro de meta campos personalizados de esta manera:

Puede editar este campo personalizado en cualquier momento y luego hacer clic en el botón de actualización para guardar los cambios. También puede borrarla si es necesario.

Ahora puede guardar su mensaje para almacenar su configuración de campo personalizada.

Visualización de campos personalizados en temas de WordPress

Para mostrar su campo personalizado en su sitio web, tendrá que editar sus archivos de temas de WordPress. Si no lo has hecho antes, echa un vistazo a nuestra guía sobre cómo copiar y pegar código en WordPress.

Primero tendrá que encontrar el archivo de tema que necesita editar para mostrar su campo personalizado. Lo ideal es que lo muestre en una sola página de mensajes. Tendrá que editar el archivo single.php o content-single.php.

Necesitará introducir su código de campos personalizados dentro del bucle de WordPress. Busca la línea que se parece a esta:

1

Quieres asegurarte de que añades tu código antes de la siguiente línea:

1

Ahora necesita agregar este código a su archivo de tema:

1ID, key, true); ?>

No olvide reemplazar la clave por el nombre de su campo personalizado. Por ejemplo, usamos este código en nuestro tema de demostración:

1

Modo de hoy: ID, Modo, verdadero); ?>

Ahora puede guardar sus cambios y visitar el mensaje donde agregó el campo personalizado para verlo en acción.

Ahora puedes usar este campo personalizado en todos tus otros posts de WordPress también. Simplemente crea un nuevo mensaje o edita uno ya existente. Vaya al meta box de campos personalizados y seleccione su campo personalizado del menú desplegable e introduzca su valor.

Haz clic en el botón "Añadir campo personalizado" para guardar los cambios y, a continuación, publicar o actualizar tu mensaje.

Creación de una interfaz de usuario para campos personalizados

Como puedes ver, una vez que añadas un campo personalizado, tendrás que seleccionar el campo e introducir su valor cada vez que escribas un mensaje.

Si usted tiene muchos campos personalizados o múltiples usuarios escribiendo en su sitio web, entonces esta no es una solución muy ideal.

¿No sería bueno que pudieras crear una interfaz de usuario donde los usuarios puedan rellenar un formulario para añadir valores a tus campos personalizados?

Esto es lo que tantos plugins populares ya hacen. Por ejemplo, el título de SEO y cuadro de descripción de meta dentro de Yoast SEO plugin es un cuadro de meta personalizado:

La forma más fácil de hacerlo es utilizando el plugin Advanced Custom Fields. Le permite crear campos personalizados, agruparlos y mostrarlos en una caja de meta personalizada en sus pantallas de edición de postproducción en WordPress.

Para instrucciones detalladas paso a paso, vea nuestra guía sobre cómo agregar cajas meta personalizadas en los posts y tipos de posts de WordPress.

Ocultar campos personalizados vacíos con sentencia condicional

En el ejemplo anterior, le mostramos cómo crear un campo personalizado y mostrarlo en su tema.

Ahora veamos cómo comprobar si el campo personalizado no está vacío antes de mostrarlo. Para ello, modificaremos nuestro código para comprobar primero si el campo contiene datos.

123456789101112131415ID, Mood, true); if($mood) { ?> 

Modo de hoy:

 

No olvides reemplazar Mood con tu propio nombre de campo personalizado.

Adición de múltiples valores a un campo personalizado

Los campos personalizados se pueden volver a utilizar en el mismo mensaje para añadir varios valores. Sólo tiene que seleccionarla de nuevo y añadir otro valor.

Sin embargo, el código que hemos utilizado en los ejemplos anteriores sólo podrá mostrar un único valor.

Para mostrar todos los valores de un campo personalizado, necesitamos modificar el código y hacer que devuelva los datos en una matriz. Tendrá que añadir el siguiente código en su archivo de tema:

123456789101112131415ID, Mood, false);if( count( $mood) != 0 ) { ?>

Estado de ánimo de hoy:

<?php foreach($moodas$mood) { echo

  • "El estado de ánimo.
  • ; }            DIFUNDE LA PALABRA-

    No olvides reemplazar Mood con tu propio nombre de campo personalizado.

    En este ejemplo, notará que hemos cambiado el último parámetro de la función get_post_meta a false. Este parámetro define si la función debe devolver un valor individual o no. Ponerlo a false le permite devolver los datos como una matriz, que luego mostramos en un bucle foreach.

    Visualización de mensajes con una clave personalizada específica

    WordPress te permite mostrar mensajes con claves personalizadas y sus valores. Por ejemplo, si está intentando crear una página de archivo personalizada para mostrar todos los mensajes con claves personalizadas específicas, puede utilizar la clase WP_Query para consultar los mensajes que coincidan con esos campos.

    Puede utilizar el siguiente código como punto de partida.

    1234567891011121314141516171818192021222324252627$args= array( meta_key => `Mood, `meta_value=> `Feliz);$the_query= newWP_Query( $args); have_posts()) : ?> have_posts()) : $the_query->the_post(); ?>     

    No olvide reemplazar los parámetros meta_key y meta_value por sus propios valores.

    Agregar nombre de autor invitado mediante campos personalizados

    ¿Quieres añadir una entrada como invitado pero no quieres añadir un nuevo perfil de usuario sólo para añadir una entrada? Una manera más fácil de hacerlo es añadiendo el nombre del autor invitado como un campo personalizado.

    Primero, necesita agregar el siguiente código en el archivo functions.php de su tema o en un plugin específico del sitio.

    123456789add_filter(the_author, guest_author_author_name);add_filter(get_the_author_display_name, guest_author_name);functionguest_author_name( $name) {global$post;$author= get_post_meta( $ID, ` guestt-author, true );if( $author)$name=$author;return}

    Este código engancha una función al autor y hace que éste muestre filtros de nombre en WordPress. La función comprueba primero el nombre del autor invitado. Si existe, reemplaza el nombre del autor por el nombre del autor invitado.

    Ahora tendrá que editar el mensaje en el que desea mostrar el nombre del autor invitado. Vaya al meta box de campos personalizados y añada el nombre de su autor invitado.

    Para más detalles, vea nuestro artículo sobre cómo reescribir el nombre del autor invitado con campos personalizados en WordPress.

    Mostrar contribuidores a un artículo utilizando campos personalizados

    En muchos blogs y sitios de noticias populares, múltiples autores contribuyen a escribir un artículo. Sin embargo, WordPress sólo permite asociar un único autor a un mensaje.

    Una forma de resolver este problema es usando el plugin Co-Authors Plus. Para obtener más información, consulta nuestra guía sobre cómo añadir varios autores en una entrada de WordPress.

    Otra forma de hacerlo es añadiendo colaboradores como un campo personalizado.

    Primero tienes que editar el mensaje en el que quieres que aparezcan los coautores o contribuidores. Desplácese hacia abajo hasta el cuadro meta de campos personalizados y añada los nombres de los autores como campos personalizados de coautores.

    Ahora agregue este código a los archivos de tema donde desee mostrar los coautores.

    1234567891011121314141516ID, `coauthor, false);if( count( $coauthors) != 0) Subtítulos por aRGENTeaM

  • Colaboradores
  • <?php echo

  • "$coautores.
  • ; }            DIFUNDE LA PALABRA-

    Para mostrar los nombres de los autores separados por comas, puede agregar las siguientes CSS personalizadas.

    1234567891011121314141516.coauthors ul { display:inline;}.coauthors li { display:inline;list-style:none;}.coauthors li:after { content:","}.coauthors li:lastchild:after { content: "Los coautores de li:first-child:after {contenido: ":";}

    Así es como se veía en nuestro sitio de demostración.

    Mostrar campos personalizados fuera del bucle en WordPress

    Hasta ahora hemos mostrado todos los ejemplos en los que se muestran campos personalizados dentro del bucle de WordPress. ¿Y si tuvieras que mostrarles que están fuera del círculo? Por ejemplo, en la barra lateral de un único mensaje.

    Para mostrar los campos personalizados fuera del bucle de WordPress, añada el siguiente código:

    123456post->ID;echoget_post_meta($postid, key, true);wp_reset_query();?>

    No olvide reemplazar la clave por su nombre de campo personalizado.

    Mostrar encabezado, pie de página y barra lateral personalizados utilizando campos personalizados

    Normalmente la mayoría de los temas de WordPress utilizan el mismo encabezado, pie de página y barra lateral en todas las páginas. Hay múltiples maneras de mostrar diferentes barras laterales, encabezados o pies de página para diferentes páginas de su sitio web. Vea nuestra guía sobre cómo mostrar una barra lateral diferente para cada entrada o página de WordPress.

    Una forma de hacerlo es utilizando campos personalizados. Edite el mensaje o la página en la que desea mostrar una barra lateral diferente y, a continuación, añada la barra lateral como campo personalizado.

    Ahora necesitas editar tus archivos de tema de WordPress como single.php donde quieres mostrar la barra lateral personalizada. Usted estará buscando el siguiente código:

    1

    Reemplace esta línea con el siguiente código:

    1234567post->ID;$sidebar= get_post_meta($postid, "sidebar", true);get_sidebar($sidebar);wp_reset_query();?>

    Este código simplemente busca el campo personalizado de la barra lateral y lo muestra en el tema. Por ejemplo, si añade wpbpage como campo personalizado de la barra lateral, el código buscará el archivo sidebar-wpbpage.php para mostrar.

    Necesitará crear un archivo sidebar-wpbpage.php en la carpeta de temas. Puede copiar el código del archivo sidebar.php de su tema como punto de partida.

    Manipulación del contenido del canal RSS con campos personalizados

    ¿Desea mostrar metadatos o contenidos adicionales a sus usuarios de feeds RSS? Usando campos personalizados puedes manipular tu feed RSS de WordPress y añadir contenido personalizado a tus feeds.

    Primero necesitas añadir el siguiente código en el archivo functions.php de tu tema o en un plugin específico del sitio.

    123456789101112131414151617functionwpbeginner_postrss($content) {global$wp_query;$postid= $wp_query->post->ID;$coolcustom= get_post_meta($postid, `coolcustom, true);if(is_feed()) {if($coolcustom!=== ) {$content= $content= $content."
    >.

    >
    ");}otros{$contenido= $contenido;}retorno$contenido;}add_filtro(the_excerpt_rss, AprenderWP_postrss);add_filter(the_content, AprenderWP_postrss);

    Ahora sólo tienes que crear un campo personalizado llamado "coolcustom" y añadir el valor que desees. Puedes usarlo para mostrar anuncios, imágenes, texto o lo que quieras.

    Manipular el título del canal RSS con campos personalizados

    A veces, es posible que desee añadir texto adicional a un título de publicación para los usuarios de feeds RSS. Por ejemplo, si está publicando un mensaje patrocinado o un mensaje invitado.

    Primero añada el siguiente código en el archivo functions.php de su tema o en un plugin específico del sitio.

    123456789101112131415161718functionwpbeginner_titlerss($content) {global$wp_query;$postid= $wp_query->post->ID;$gpost= get_post_meta($postid, guest_post, true);$spost= get_post_meta($post, sponsored_post, true); if($gpost!== ) {$content= Guest Post: ...$contenido;}elseif($spost!== ){$contenido= `Post Patrocinado: . $content= $content;}devuelve$content;}add_filter(the_title_rss, AprenderWP_titlerss);

    A continuación, debe editar el mensaje en el que desea mostrar el texto adicional en el campo de título y añadir guest_post y sponsored_post en los campos personalizados.

    Si alguno de estos dos campos personalizados se encuentra con un valor "true", entonces añadirá el texto apropiado antes del título. Esta técnica puede ser utilizada de varias maneras para adaptarse a lo que usted desee.

    ¿Quieres saber más sobre los hackeos de los canales RSS? Vea nuestra guía sobre cómo añadir contenido y manipular sus feeds RSS de WordPress.

    Establecer la fecha de caducidad de los mensajes en WordPress utilizando campos personalizados

    ¿Quieres establecer una fecha de expiración para algunos mensajes en tu sitio de WordPress? Esto resulta útil en situaciones en las que se desea publicar contenido sólo durante un período específico, como por ejemplo, cuando se realizan encuestas u ofertas por tiempo limitado.

    Una forma de hacerlo es eliminando manualmente el contenido del mensaje o utilizando un plugin como el plugin Post Expirator.

    Otra forma de hacerlo es usar campos personalizados para que los mensajes expiren automáticamente después de un tiempo específico.

    Necesitará editar sus archivos de tema y añadir una modificación en el bucle de WordPress de esta manera:

    123456789101112131415151617181819202122ID, "expiration", false);if( count( $expirationtime) != if(is_array($expirestring= implode($expirationtime));} $secondsbetween= strtotime($expirestring)-time();if( $secondsbetween>= 0 ) {echoEste mensaje expirará el .DIFUNDE LA PALABRA-

    Nota: Tendrás que editar este código para que coincida con tu tema.

    Después de añadir este código, puedes añadir el campo personalizado de expiración al mensaje que quieres que expire. Asegúrese de añadir la hora en este formato mm/dd/yyyyy 00:00:00 .

    Estilo de mensajes individuales utilizando campos personalizados

    ¿Quieres cambiar el aspecto de un mensaje individual utilizando CSS? WordPress asigna automáticamente a cada mensaje su propia clase que puedes usar para añadir CSS personalizados.

    Sin embargo, usando campos personalizados puedes añadir tus propias clases personalizadas y luego usarlas para cambiar el estilo de los mensajes.

    Primero necesitas editar un mensaje que te gustaría cambiar de estilo. Vaya al cuadro de campos personalizados y al campo personalizado de post-clase.

    A continuación, necesitas editar tus archivos de tema de WordPress y añadir este código al principio del bucle de WordPress.

    1ID, `post-class); ?>

    Ahora necesita encontrar una línea con la función post_class(). Así es como se veía....

    Deja una respuesta

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

    Subir