Campos personalizados de WordPress 101: consejos, trucos y trucos

¿Quiere aprovechar al máximo los campos personalizados en su sitio web de WordPress?

Los campos personalizados son una característica útil de WordPress que le permite agregar datos e información adicionales a sus publicaciones y páginas de WordPress. Muchos complementos y temas populares de WordPress utilizan campos personalizados para almacenar datos importantes.

En este artículo, le mostraremos cómo usar los campos personalizados de WordPress con algunos consejos, trucos y trucos.

Dado que este es un artículo largo, hemos agregado algo de contenido para facilitar la navegación. Simplemente use los enlaces rápidos a continuación para saltar a la sección que desea leer:

¿Qué son los campos personalizados de WordPress?

Los campos personalizados de WordPress son metadatos que se utilizan para agregar información adicional a la publicación o página que está editando.

De forma predeterminada, cuando escribe una nueva publicación, página u otro tipo de contenido, WordPress guarda ese contenido en dos partes diferentes.

La primera parte es el cuerpo principal de su contenido que agrega usando el editor de contenido de WordPress.

La segunda parte es la información sobre este contenido. Por ejemplo, título, autor, fecha, hora, etc. Esta información se llama metadatos.

Un sitio web de WordPress agrega automáticamente todos los metadatos necesarios a cada publicación o página que crea. También puede crear y almacenar sus propios metadatos utilizando campos personalizados.

De forma predeterminada, la opción Campos personalizados está oculta en la pantalla de posprocesamiento. Para verlo, debe hacer clic en el menú de tres puntos en la esquina superior derecha de la pantalla y seleccionar "Configuración" en el menú.

Esto abrirá una ventana emergente donde deberá ir a la pestaña Paneles y luego marcar la opción Campos personalizados.

Luego, simplemente haga clic en el botón "Activar y recargar" para recargar el editor de publicaciones.

El editor de publicaciones se volverá a cargar y podrá ver el panel Campos personalizados debajo del editor de contenido.

Los campos personalizados se pueden usar para agregar cualquier información relacionada con una publicación, página u otro tipo de contenido. Esta metainformación se puede mostrar en su tema.

Sin embargo, para hacer esto, debe editar los archivos de su tema de WordPress.

Ahora echemos un vistazo a cómo agregar y usar campos personalizados en WordPress.

Agregar campos personalizados en WordPress

Primero debe abrir una publicación o página en el editor de bloques antes de poder agregar campos personalizados. A continuación, debe ir al metacampo Campos personalizados.

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

El campo se almacena y se muestra en el metacampo Campos personalizados de la siguiente manera:

Puede editar este campo personalizado en cualquier momento y luego simplemente hacer clic en el botón Actualizar para guardar los cambios. También puede eliminarlo si ya no desea usarlo.

Ahora debe guardar su publicación para guardar la configuración del campo personalizado.

Mostrar campos personalizados en temas de WordPress

Para mostrar su campo personalizado en su sitio web, necesita editar sus archivos de tema de WordPress y fragmentos de código.

No recomendamos editar los archivos del tema directamente, ya que el más mínimo error puede dañar su sitio web. Una forma más fácil de hacer esto es usar Código WP.

Este es el mejor complemento de fragmentos de código para WordPress que le permite agregar código personalizado y administrar fragmentos desde su panel de control de WordPress.

Además, si aún no lo has hecho, te recomendamos leer nuestra guía sobre cómo copiar y pegar código en WordPress.

Primero necesitas instalarlo y activarlo. Complemento WPCode gratuito. Para obtener más información, consulte nuestra guía para principiantes sobre cómo instalar un complemento de WordPress.

Después de la activación, debe ir Fragmentos de código » + Agregar fragmento Desde su panel de WordPress, seleccione la opción Agregar código personalizado (nuevo fragmento).

Ahora necesita copiar este código para agregarlo a sus archivos de tema:

<?php echo get_post_meta($post->ID, 'key', true); ?>

No olvides reemplazar el repuesto. key con su nombre de campo personalizado.

Luego, debe ingresar el código en el área "Ver código" y cambiar el tipo de código a "Fragmento PHP".

Por ejemplo, usamos este código en nuestro tema de demostración:

<p>Today's Mood: <?php echo get_post_meta($post->ID, 'Mood', true); ?></p>

Desde aquí puede desplazarse hacia abajo hasta la pestaña Insertar.

Aquí puede elegir dónde ejecutar el código. De forma predeterminada, WPCode inyecta y ejecuta automáticamente el código en cualquier lugar de su sitio web.

Sin embargo, puede cambiar esto y elegir dónde desea que aparezca el campo de usuario.

Por ejemplo, seleccionamos la pestaña "Específico de la página" y la opción "Insertar antes de publicar". De esta manera, el cuadro personalizado aparecerá en la parte superior de la publicación del blog.

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

También puede usar este campo personalizado en todas sus otras publicaciones de blog de WordPress.

También puede personalizar fácilmente el campo personalizado para diferentes publicaciones de blog. Simplemente crea una nueva publicación o edita una existente.

A continuación, vaya al metacampo Campos personalizados, seleccione su campo personalizado en el menú desplegable e ingrese su valor.

Una vez que haya terminado, simplemente haga clic en el botón Agregar campo personalizado para guardar sus cambios y luego publicar o actualizar su publicación.

Corrección de errores: no se puede encontrar el campo personalizado en el menú desplegable de la pantalla de edición posterior

De forma predeterminada, WordPress solo carga 30 campos personalizados en el menú desplegable de la pantalla de posprocesamiento.

Si usa temas y complementos de WordPress que ya usan campos personalizados, es posible que aparezcan primero en el menú desplegable y no podrá ver el campo personalizado recién creado.

Para solucionar este problema, debe agregar o usar el siguiente código en el archivo functions.php de su tema Código WP (recomendado):

add_filter( 'postmeta_form_limit', 'meta_limit_increase' );
function meta_limit_increase( $limit ) {
    return 50;
}

El código anterior cambia este límite a 50. Si aún no ve su campo de usuario, puede intentar aumentar este límite aún más.

Cree una interfaz de usuario de campo usando campos personalizados avanzados

Como puede ver, después de agregar un campo personalizado, cada vez que escribe una publicación, debe seleccionar el campo e ingresar su valor.

Si tiene muchos campos personalizados de WordPress o varios autores escriben en su sitio, esta no es la solución ideal.

¿No sería bueno si pudiera crear una interfaz de usuario para que los usuarios completen un formulario para agregar valores a sus campos personalizados?

De hecho, esto es exactamente lo que ya hacen muchos complementos populares de WordPress.

Por ejemplo el título de SEO y el campo de meta descripción en popular SEO todo en uno El complemento es un meta cuadro personalizado:

La forma más fácil de crear una interfaz de usuario para agregar campos personalizados es usar Campos personalizados avanzados enchufar.

Lo primero que debes hacer es instalarlo y activarlo. Campos personalizados avanzados enchufar. Para obtener más información, consulte nuestra guía paso a paso para instalar un complemento de WordPress.

Después de la activación, debe visitar ACF » grupos de campo página y haga clic en el botón Agregar nuevo.

Un grupo de campos es como un contenedor con un conjunto de campos personalizados. Le permite agregar múltiples áreas con campos personalizados.

Ahora debe proporcionar un título para su grupo de campos y hacer clic en el botón "+ Agregar campo" en la parte superior derecha.

Ahora puede seleccionar un tipo de campo.

Los campos personalizados avanzados le permiten crear todo tipo de campos, incluidos texto, carga de imágenes, número, menú desplegable, casilla de verificación y más.

Luego puede desplazarse hacia abajo para ver más opciones para ese campo en particular, como: B. Nombre del campo, Etiqueta del campo y Valor predeterminado. Puede adaptarlos a sus propios requisitos.

También puede agregar varios campos a su grupo de campos si lo desea. Cuando haya terminado, simplemente haga clic en el botón "Guardar cambios".

Luego edite una publicación o cree una nueva. Aparecerá un nuevo panel debajo del editor de contenido con sus campos personalizados de WordPress.

Para obtener instrucciones detalladas paso a paso, consulte nuestra guía para agregar metacampos personalizados a las publicaciones y tipos de publicaciones de WordPress.

Cómo ocultar campos de usuario en blanco con expresiones condicionales

Hasta ahora hemos explicado cómo crear un campo personalizado y mostrarlo en su tema.

Ahora veamos cómo verificar si el campo de usuario no está vacío antes de mostrarlo. Para hacer esto, cambiaremos nuestro código para verificar primero si el campo contiene datos:

<?php 

$mood = get_post_meta($post->ID, 'Mood', true);

if ($mood) { ?>

<p>Today's Mood: <? echo $mood; ?></p>

<?php 

} else {
// do nothing;
}

?>

No olvides reemplazar el repuesto. Mood con su propio campo de nombre de usuario.

Agregar múltiples valores a un campo personalizado

Los campos personalizados se pueden reutilizar en la misma publicación para agregar múltiples valores. Todo lo que tiene que hacer es seleccionar el campo nuevamente y agregar otro valor al campo Valor.

Sin embargo, el código que usamos en los ejemplos anteriores solo puede mostrar un valor.

Para mostrar todos los valores de un campo personalizado, necesitamos cambiar el código y hacer que devuelva los datos en una matriz. Debe agregar el siguiente código a su archivo de tema:

<?php 
$mood = get_post_meta($post->ID, 'Mood', false);
if( count( $mood ) != 0 ) { ?>
<p>Today's Mood:</p>
<ul>
<?php foreach($mood as $mood) {
            echo '<li>'.$mood.'</li>';
            }
            ?>
</ul>
<?php 
} else { 
// do nothing; 
}
?>

Nuevamente, no olvides cambiarlo. Mood con su propio campo de nombre de usuario.

En este ejemplo, notará que cambiamos el último parámetro a get_post_meta función para false. Este parámetro especifica si la función debe devolver un solo valor o no. Prepararlo false devolvamos los datos como una matriz, que luego mostramos en un foreach Cinta.

Cómo buscar publicaciones por campos personalizados en WordPress

La búsqueda predeterminada en WordPress no funciona con campos personalizados en su sitio. El contenido solo se utiliza para encontrar la publicación que usted o sus visitantes buscan en su sitio web.

Sin embargo, BuscarWP cambia eso al mejorar su búsqueda de WordPress. Este es el mejor complemento de búsqueda de WordPress que va más allá del uso del contenido de las publicaciones e indexa todo, incluidos los campos personalizados de WordPress, documentos PDF, tablas personalizadas, texto, archivos y más.

SearchWP le permite personalizar el algoritmo de búsqueda sin editar el código. Simplemente instale el complemento y luego comience SearchWP » Algoritmo desde su panel de administración de WordPress.

A continuación, debe ir a la pestaña "Motores" y luego ajustar el control deslizante "Relevancia del atributo". Esto cambia el significado dado a cada atributo durante el buscar.

Por ejemplo, puede establecer el control deslizante para campos personalizados en su valor máximo y ajustar los controles deslizantes para otros atributos en consecuencia. Así es como SearchWP prioriza los datos en los campos personalizados cuando busca contenido en WordPress.

Otro beneficio de usar SearchWP es que viene con algunos de los complementos de Campos personalizados más populares, incluidos Campos personalizados avanzados (ACF), Meta Box y Pods.

Para obtener más información, consulte nuestra guía para principiantes para mejorar la búsqueda de WordPress con SearchWP.

Mostrar publicaciones con una clave personalizada específica

WordPress le permite ver publicaciones con claves personalizadas y sus valores. Por ejemplo, si está intentando crear una página de archivo personalizada para mostrar todas las publicaciones con claves personalizadas específicas, podría usar esto WP_Query Clase para consultar publicaciones que coincidan con estos campos.

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

$args = array(
    'meta_key'   => 'Mood',
    'meta_value' => 'Happy'
);
$the_query = new WP_Query( $args );
 
<?php 
// the query
$the_query = new WP_Query( $args ); ?>
 
<?php if ( $the_query->have_posts() ) : ?>
 
    <!-- the loop -->
    <?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
        <h2><?php the_title(); ?></h2>
        <?php the_content(); ?>
 
    <?php endwhile; ?>
    <!-- end of the loop -->
 
    <!-- pagination here -->
 
    <?php wp_reset_postdata(); ?>
 
<?php else : ?>
    <p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
<?php endif; ?>

No olvides reemplazar el repuesto. meta_key Y meta_value Parámetros con valores propios.

Cómo agregar un nombre de autor invitado usando campos personalizados

¿Quieres agregar una publicación de invitado pero no quieres agregar un nuevo perfil solo para esa publicación? Un método más sencillo es agregar un nombre de autor invitado como un campo personalizado.

Para hacer esto, debe agregar o usar el siguiente código en el archivo "functions.php" de su tema Código WP (recomendado):

add_filter( 'the_author', 'guest_author_name' );
add_filter( 'get_the_author_display_name', 'guest_author_name' );
function guest_author_name( $name ) {
global $post;
$author = get_post_meta( $post->ID, 'guest-author', true );
if ( $author )
$name = $author;
return $name;
}

Para obtener más información, consulte nuestra guía para insertar fragmentos web en WordPress.

Este código envuelve una función. the_author Y get_the_author_display_name Filtros en WordPress.

La función primero verifica el nombre del autor invitado. Si está presente, el nombre del autor se reemplaza por el nombre del autor invitado.

Ahora debe editar la publicación donde desea que aparezca el nombre del autor invitado. Vaya al metacampo Campos personalizados, ingrese el nombre de su autor invitado y finalmente haga clic en el botón Agregar campo personalizado.

Para obtener más información, consulte nuestro artículo sobre la reescritura de nombres de autores invitados con campos personalizados en WordPress.

Cómo mostrar los colaboradores de un artículo usando campos personalizados

Muchos blogs y sitios de noticias populares tienen muchos colaboradores que contribuyen a escribir un solo artículo. Sin embargo, WordPress solo permite asignar un autor por publicación.

Una forma de resolver este problema es utilizar Coautores más enchufar. Para obtener más información, consulte nuestra guía para agregar varios autores a una publicación de WordPress.

Otro método es agregar colaboradores como un campo personalizado.

Primero debe editar la publicación en la que desea mostrar los coautores o colaboradores. Luego, desplácese hacia abajo hasta el metacampo Campos personalizados y agregue los nombres de los autores como campos personalizados de coautoría.

Ahora necesita agregar este código a sus archivos de tema donde desea mostrar los colaboradores:

<?php 
 
$coauthors = get_post_meta($post->ID, 'co-author', false);
if( count( $coauthors ) != 0 ) { ?>
<ul class="coauthors">
<li>Contributors</li>
<?php foreach($coauthors as $coauthors) { ?>
           <?php echo '<li>'.$coauthors.'</li>' ;
            }
            ?>
</ul>
<?php 
} else { 
// do nothing; 
}
?>

Para mostrar los nombres de los autores separados por comas, puede agregar el siguiente CSS personalizado:

.coauthors ul { 
display:inline;
}
.coauthors li { 
display:inline;
list-style:none;
}
.coauthors li:after { 
content:","
}
.coauthors li:last-child:after {
    content: "";
}
.coauthors li:first-child:after {
    content: ":";
}

Así es como se veía en nuestra página de demostración.

Cómo mostrar campos personalizados fuera de bucle en WordPress

¿Qué sucede si necesita mostrar campos personalizados en la barra lateral de una publicación?

Para mostrar campos personalizados fuera del bucle de WordPress, puede agregar el siguiente código a sus archivos de tema:

<?php
global $wp_query;
$postid = $wp_query->post->ID;
echo get_post_meta($postid, 'key', true);
wp_reset_query();
?>

No olvides reemplazar el repuesto. key con su nombre de usuario en el campo.

Por lo general, la mayoría de los temas de WordPress usan el mismo encabezado, pie de página y barra lateral en todas las páginas.

También hay muchas formas de mostrar diferentes barras laterales, encabezados o pies de página para diferentes páginas de su sitio. Consulte nuestra guía sobre cómo mostrar una barra lateral diferente para cada publicación o página en WordPress.

Una forma de hacer esto es usar campos personalizados. Simplemente edite la publicación o la página donde desea mostrar una barra lateral diferente, luego agregue la barra lateral como un campo personalizado.

Ahora necesita editar su archivo de tema de WordPress, p. B. single.php donde desea mostrar una barra lateral personalizada. Estarás buscando el siguiente código:

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

<?php
global $wp_query;
$postid = $wp_query->post->ID;
$sidebar = get_post_meta($postid, "sidebar", true);
get_sidebar($sidebar);
wp_reset_query();
?>

Este código simplemente busca el campo de la barra lateral personalizada y luego lo muestra en su tema. Por ejemplo, si agrega webpage como un campo de barra lateral personalizado, el código busca un archivo sidebar-webpage.php para mostrar.

Debe crear el archivo sidebar-webpage.php en la carpeta de su tema. Puede copiar el código del archivo sidebar.php de su tema como punto de partida.

Edite el contenido de las fuentes RSS con campos personalizados

¿Quiere mostrar a los usuarios de su fuente RSS metadatos o contenido adicionales? Los campos personalizados le permiten editar su fuente RSS de WordPress y agregar contenido personalizado a sus fuentes.

Primero, debe agregar o usar el siguiente código en el archivo functions.php de su tema Código WP (recomendado):

function Closermarketing.es_postrss($content) {
global $wp_query;
$postid = $wp_query->post->ID;
$coolcustom = get_post_meta($postid, 'coolcustom', true);
if(is_feed()) {
if($coolcustom !== '') {
$content = $content."<br /><br /><div>".$coolcustom."</div>
";
}
else {
$content = $content;
}
}
return $content;
}
add_filter('the_excerpt_rss', 'Closermarketing.es_postrss');
add_filter('the_content', 'Closermarketing.es_postrss');

Ahora simplemente cree un campo personalizado llamado "coolcustom" y agregue cualquier valor. Puede usarlo para mostrar anuncios, imágenes, texto o cualquier cosa que desee.

Para obtener más información, consulte nuestra guía para copiar y pegar código de la web en WordPress.

Cómo manipular el título de la fuente RSS con campos personalizados

A veces, para los usuarios de fuentes RSS, es posible que desee agregar texto adicional al título de una publicación. Esto puede ser útil, por ejemplo, cuando publica una publicación patrocinada o una publicación de invitado.

Primero, debe agregar o usar el siguiente código en el archivo functions.php de su tema Código WP Para agregar el fragmento de código personalizado sin romper su sitio:

function Closermarketing.es_titlerss($content) {
global $wp_query;
$postid = $wp_query->post->ID;
$gpost = get_post_meta($postid, 'guest_post', true);
$spost = get_post_meta($postid, 'sponsored_post', true);

if($gpost !== '') {
$content="Guest Post: ".$content;
}
elseif ($spost !== ''){
$content="Sponsored Post: ".$content;
}
else {
$content = $content;
}
return $content;
}
add_filter('the_title_rss', 'Closermarketing.es_titlerss');

A continuación, debe editar la publicación donde desea que aparezca el texto adicional en el cuadro de título.

Luego agregue "guest_post" y "sponsored_post" como campos personalizados.

Si alguno de estos dos campos personalizados es verdadero, el código agrega el texto correspondiente antes del título. Esta técnica se puede utilizar de muchas maneras para personalizar lo que quieras.

¿Quieres aprender más trucos geniales de fuentes RSS? Consulte nuestra guía para agregar contenido y editar su fuente RSS de WordPress.

Cómo establecer la fecha de caducidad de la publicación en WordPress usando campos personalizados

¿Quiere establecer una fecha de caducidad para algunas publicaciones en su sitio de WordPress? Esto es útil si solo desea publicar contenido durante un período de tiempo específico, p. B. realizando encuestas u ofertas por tiempo limitado.

Una forma de hacerlo es eliminar el contenido de la publicación manualmente o usar un complemento como Post Expirator.

Otra opción es usar campos personalizados para hacer caducar automáticamente las publicaciones después de un cierto período de tiempo. Debe editar los archivos de su tema y cambiar el bucle de WordPress de la siguiente manera:

<?php
if (have_posts()) :
while (have_posts()) : the_post();
$expirationtime = get_post_meta($post->ID, "expiration", false);
if( count( $expirationtime ) != '' ) {
if (is_array($expirationtime)) {
$expirestring = implode($expirationtime);
}

$secondsbetween = strtotime($expirestring)-time();
if ( $secondsbetween >= 0 ) {
echo 'This post will expire on ' .$expirestring.'';
the_content();
} else {
echo "Sorry this post expired!"
}
} else {
the_content();
}
endwhile;
endif;
?>

Nota: Debe editar este código para que coincida con su tema.

Después de agregar este código, puede agregar el campo de caducidad personalizado a la publicación que desea que caduque. Asegúrese de agregar la hora en este formato DD/MM/AAAA 00:00:00.

Cómo diseñar publicaciones individuales usando campos personalizados

¿Quieres cambiar el aspecto de una publicación usando CSS? WordPress asigna automáticamente a cada publicación su propia clase, que puede usar para agregar CSS personalizado.

Sin embargo, al usar campos personalizados, puede agregar sus propias clases personalizadas y luego usarlas para diseñar publicaciones de manera diferente.

Primero necesitas editar una publicación que quieras hacer diferente. Vaya al panel Campos personalizados y agregue el campo personalizado de la clase de publicación.

A continuación, debe editar los archivos de su tema de WordPress y agregar este código al comienzo del ciclo de WordPress:

<?php $custom_values = get_post_meta($post->ID, 'post-class'); ?>

Ahora necesitas encontrar la línea con post_class() función.

Así es como se veía en nuestro tema de demostración:

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

Debe cambiar esta línea para incluir el valor personalizado de campo:

<article id="post-<?php the_ID(); ?>" <?php post_class($custom_values); ?>>

Ahora, si observa el código fuente de la publicación con la herramienta Inspeccionar, verá que la clase CSS de su campo personalizado se ha agregado a la clase de publicación.

Ahora puede usar esta clase de CSS para agregar CSS personalizado y diseñar su publicación de manera diferente.

Esperamos que este artículo le haya ayudado a aprender más sobre los campos personalizados de WordPress. También puede consultar nuestra guía sobre cómo agregar metacampos personalizados a taxonomías personalizadas en WordPress y los mejores complementos de creación de páginas de WordPress para ayudarlo a diseñar su sitio web de la manera que desee.