Cómo hacer un Sitio Web o Blog en 2024 - Guía fácil y Gratuita para Crear un Sitio Web

Campos personalizados de WordPress 101: consejos, trucos y trucos

¿Está buscando 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 utilizar los campos personalizados de WordPress con algunos consejos, trucos y trucos.

Campos personalizados de WordPress 101 consejos, trucos y trucos

Dado que este es un artículo extenso, hemos agregado un resumen para facilitar la navegación. Simplemente use los enlaces rápidos a continuación para ir 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ás editando.

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

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

La segunda parte es la información sobre ese contenido. Por ejemplo, título, autor, fecha, hora y más. 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 de campos personalizados está oculta en la pantalla de edición de publicaciones. Para verlo, debe hacer clic en el menú de tres puntos en la esquina superior derecha de la pantalla y seleccionar Preferencias en el menú.

Abrir preferencias en el editor de contenidos

Se abrirá una ventana emergente donde tendrás que cambiar a la pestaña Paneles y luego habilitar la opción Campos personalizados.

Después de eso, simplemente haga clic en el botón Habilitar y recargar para recargar el editor de publicaciones.

Habilitar la opción de campos personalizados

El editor de publicaciones se recargará y podrás ver el panel de Campos personalizados debajo del editor de contenido.

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

Ver campos personalizados en WordPress

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

Dicho esto, 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 para poder agregar campos personalizados. Luego, debe ir al cuadro meta Campos personalizados.

Agregar nombre y valor de campo personalizado

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

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

Ver campos personalizados recién creados

Puede editar este campo personalizado cuando lo desee y luego simplemente hacer clic en el botón Actualizar para guardar los cambios. También puedes eliminarlo si ya no quieres usarlo.

Ahora necesitas guardar tu publicación para almacenar la configuración de tu campo personalizado.

Mostrar campos personalizados en temas de WordPress

Para mostrar el campo personalizado en su sitio web, deberá editar los archivos de tema y los fragmentos de código de su WordPress.

No recomendamos editar archivos de temas directamente porque el más mínimo error puede dañar su sitio web. Una manera más fácil de hacer esto es usar Código WP.

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 WordPress.

Si nunca has hecho esto antes, también te recomendamos leer nuestra guía sobre cómo copiar y pegar código en WordPress.

Primero necesitarás instalar y activar el archivo. Complemento gratuito de WPCóde. Para obtener más detalles, consulte nuestra guía para principiantes sobre cómo instalar un complemento de WordPress.

Después de la activación, tendrás que subir. Fragmento de código » + Agregar fragmento desde su panel de WordPress y seleccione la opción Agregar su código personalizado (nuevo fragmento).

Agregar un fragmento de código a su sitio web de WordPress

Ahora necesitas copiar este código para agregarlo a tus archivos de tema:

ID, 'key', true); ?>

No olvide reemplazar la clave con el nombre de su campo personalizado.

A continuación, debe ingresar el código en el área Vista previa del código y cambiar el tipo de código a Fragmento de PHP.

Ingrese el código de los campos personalizados

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

Today's Mood: ID, 'Mood', true); ?>

Desde aquí puede desplazarse hacia abajo hasta la sección Entrada.

Aquí puede seleccionar dónde se ejecutará el código. De forma predeterminada, WPCode insertará automáticamente el código y lo ejecutará en cualquier lugar de su sitio web.

Cambiar método de entrada de código

Sin embargo, puede editarlo y seleccionar dónde desea que aparezca el campo personalizado.

Por ejemplo, elegiremos la pestaña Página específica y seleccionaremos la opción Insertar antes de la publicación. De esta forma, el campo personalizado aparecerá al principio de la publicación del blog.

Insertar antes de la publicación

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

También puedes utilizar este campo personalizado en todas las demás publicaciones de tu blog de WordPress.

Visualización de campos personalizados

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

Luego, vaya al metacuadro Campos personalizados, seleccione el campo personalizado en el menú desplegable e ingrese su valor.

Reutilizar el campo personalizado

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

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

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

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, deberá agregar el siguiente código al archivo Functions.php de su tema o usar Código WP (aconsejado):

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

El código anterior cambiará el límite a 50. Si aún no puede ver el campo personalizado, puede intentar aumentar aún más el límite.

Cree una interfaz de usuario de campo personalizado utilizando campos personalizados avanzados

Como puede ver, una vez que agregue un campo personalizado, deberá seleccionar el campo e ingresar su valor cada vez que escriba una publicación.

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

¿No sería fantástico si pudieras crear una interfaz de usuario donde los usuarios pudieran completar un formulario para agregar valores a campos personalizados?

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

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

Título y descripción AIOSEO SEO

La forma más sencilla de crear una interfaz de usuario para agregar campos personalizados es utilizar el Campos personalizados avanzados conectar.

Lo primero que debes hacer es instalar y activar el archivo. Campos personalizados avanzados conectar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

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

Agregar un nuevo grupo de campos

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

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

Agregar nuevo campo

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úmeros, menús desplegables, casillas de verificación y más.

Seleccione el tipo de campo y otros detalles

A continuación, puede desplazarse hacia abajo para ver más opciones para ese campo en particular, como el nombre del campo, la etiqueta del campo y el valor predeterminado. Puede modificarlos según sus necesidades.

Si lo desea, también puede agregar más campos a su grupo de campos. Una vez que haya terminado, simplemente haga clic en el botón Guardar cambios.

Ver el nuevo grupo de campos

A continuación, edite una publicación o cree una nueva y verá un nuevo panel con campos personalizados de WordPress debajo del editor de contenido.

Para obtener instrucciones detalladas paso a paso, puede consultar nuestra guía sobre cómo agregar metaboxes personalizados en publicaciones y tipos de publicaciones de WordPress.

Cómo ocultar campos personalizados vacíos con declaraciones condicionales

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

Veamos ahora cómo comprobar que el campo personalizado no esté vacío antes de visualizarlo. Para hacer esto, modificaremos nuestro código para verificar primero si el campo contiene datos:

ID, 'Mood', true);

if ($mood) { ?>

Today's Mood:

No olvide reemplazar Mood con el nombre de su campo personalizado.

Agregar múltiples valores a un campo personalizado

Los campos personalizados se pueden reutilizar en la misma publicación para agregar múltiples valores. Sólo necesitas seleccionar el campo nuevamente y agregar otro valor al cuadro Valor.

Agregar múltiples valores a un campo personalizado

Sin embargo, el código que usamos en los ejemplos anteriores solo podrá mostrar un valor único.

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

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

Today's Mood:

    '.$mood.''; } ?>

Nuevamente, no olvide reemplazar Mood con el nombre de su campo personalizado.

En este ejemplo, notarás que cambiamos el último parámetro de la función get_post_meta a falso. Este parámetro define si la función debe devolver un valor único o no. Configurarlo en falso le permite devolver los datos como una matriz, que luego mostraremos en un bucle foreach.

Cómo buscar publicaciones por campo personalizado en WordPress

La búsqueda predeterminada de WordPress no funciona con ningún campo personalizado en su sitio web. Utilice el contenido sólo para encontrar la publicación que usted o sus visitantes buscan en su sitio.

Sin embargo, BuscarWP Cambie eso mejorando su búsqueda de WordPress. Es el mejor complemento de búsqueda de WordPress que va más allá del uso de contenido de publicaciones e indexa todo, incluidos campos personalizados de WordPress, documentos PDF, tablas personalizadas, texto, archivos y más.

Puede ajustar el algoritmo de búsqueda sin cambiar el código utilizando SearchWP. Simplemente instale el complemento y luego vaya BuscarWP » Algoritmo desde su área 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 cambiará la importancia dada a cada atributo durante una búsqueda.

Cambiar relevancia de búsqueda

Por ejemplo, puede configurar el control deslizante Campos personalizados al máximo y ajustar los controles deslizantes para otros atributos en consecuencia. De esta manera, SearchWP dará preferencia a los datos en campos personalizados cuando busque contenido en WordPress.

Otro beneficio de usar SearchWP es que funciona con algunos de los complementos de campos personalizados más populares, incluidos Advanced Custom Fields (ACF), Meta Box y Pods.

Para obtener más detalles, puede leer nuestra guía para principiantes sobre cómo mejorar la búsqueda de WordPress con SearchWP.

Mostrar publicaciones con una clave personalizada específica

WordPress le permite mostrar 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, puede usar la clase WP_Query para consultar publicaciones que coincidan con esos 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 );
 

 
have_posts() ) : ?>
 
    
    have_posts() ) : $the_query->the_post(); ?>
        

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

Cómo agregar el nombre del autor invitado usando campos personalizados

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

Para hacer esto, deberá agregar el siguiente código al archivo Functions.php de su tema o usar Código WP (aconsejado):

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 detalles, consulte nuestra guía sobre cómo pegar fragmentos de la web en WordPress.

Este código conecta una función a los filtros the_author y get_the_author_display_name en WordPress.

La función primero verifica el nombre del autor invitado. Si existe, reemplace el nombre del autor con el nombre del autor invitado.

Ahora necesitarás editar la publicación donde deseas mostrar el nombre del autor invitado. Vaya al metabox de Campos personalizados, agregue el nombre del autor invitado y finalmente haga clic en el botón Agregar campo personalizado.

Campo personalizado de autor invitado

Para obtener más detalles, consulte nuestro artículo sobre cómo reescribir nombres de autores invitados con campos personalizados en WordPress.

Cómo ver los contribuyentes a un artículo usando campos personalizados

En muchos blogs y sitios de noticias populares, muchos autores contribuyen en un solo artículo. Sin embargo, WordPress sólo te permite asociar un autor a una publicación.

Una forma de resolver este problema es utilizar el Coautores Plus conectar. Para obtener más información, consulte nuestra guía sobre cómo agregar varios autores a una publicación de WordPress.

Otro método consiste en agregar contribuyentes como un campo personalizado.

Primero, debes editar la publicación donde deseas ver los coautores o contribuyentes. Luego, desplácese hacia abajo hasta el cuadro meta Campos personalizados y agregue los nombres de los autores como campos personalizados de coautor.

Agregar campos de coautor personalizados

Ahora necesitas agregar este código a los archivos del tema donde deseas mostrar los coautores:

ID, 'co-author', false);
if( count( $coauthors ) != 0 ) { ?>
  • Contributors
  • '.$coauthors.'' ; } ?>

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 nuestro sitio de demostración.

Vista previa de campos personalizados de coautor

Cómo mostrar campos personalizados fuera del bucle en WordPress

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

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

post->ID;
echo get_post_meta($postid, 'key', true);
wp_reset_query();
?>

No olvide reemplazar la clave con el nombre de su campo personalizado.

Por lo general, la mayoría de los temas de WordPress utilizan 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 web. Puede consultar nuestra guía sobre cómo mostrar una barra lateral diferente para cada publicación o página de WordPress.

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

Agregar campo personalizado en la barra lateral

Ahora necesitas editar el archivo del tema de WordPress, como single.php, donde deseas mostrar una barra lateral personalizada. Buscarás el siguiente código:

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

post->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 luego lo muestra en su tema. Por ejemplo, si agrega una página web como un campo de barra lateral personalizado, el código buscará un archivo sidebar-webpage.php para mostrar.

Deberá crear el archivo sidebar-webpage.php en su carpeta de temas. Puedes copiar el código del archivo sidebar.php de tu tema como punto de partida.

Manipular el contenido de la fuente RSS con campos personalizados

¿Quiere mostrar metadatos o contenido adicional para los usuarios de su feed RSS? Al utilizar campos personalizados, puede manipular su fuente RSS de WordPress y agregar contenido personalizado a sus fuentes.

Primero, debe agregar el siguiente código al archivo Functions.php de su tema o usar Código WP (aconsejado):

function wpbeginner_postrss($content) {
global $wp_query;
$postid = $wp_query->post->ID;
$coolcustom = get_post_meta($postid, 'coolcustom', true);
if(is_feed()) {
if($coolcustom !== '') {
$content = $content."

".$coolcustom."
"; } else { $content = $content; } } return $content; } add_filter('the_excerpt_rss', 'wpbeginner_postrss'); add_filter('the_content', 'wpbeginner_postrss');

Ahora simplemente cree un campo personalizado llamado coolcustom y agregue el valor que desee. Puedes usarlo para mostrar anuncios, imágenes, texto o lo que quieras.

Para obtener más detalles, consulte nuestra guía sobre cómo copiar y pegar código de la web en WordPress.

Cómo manipular el título del feed RSS con campos personalizados

A veces, es posible que desees agregar texto adicional al título de una publicación para los usuarios de fuentes RSS. Por ejemplo, esto puede resultar útil si está publicando una publicación patrocinada o una publicación invitada.

Primero, debe agregar el siguiente código al archivo Functions.php de su tema o usar Código WP para agregar el fragmento de código personalizado sin dañar su sitio web:

function wpbeginner_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', 'wpbeginner_titlerss');

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

Luego, agregue guest_post y patrocinado_post como campos personalizados.

Agregar un campo personalizado para publicaciones de invitados

Si uno de estos dos campos personalizados se encuentra con un valor de verdadero, el código agregará el texto apropiado antes del título. Esta técnica se puede utilizar de muchas formas para adaptarla a lo que prefieras.

¿Quieres aprender más trucos fantásticos sobre las fuentes RSS? Consulte nuestra guía sobre cómo agregar contenido y manipular sus feeds RSS de WordPress.

Cómo establecer la fecha de vencimiento de las publicaciones en WordPress usando campos personalizados

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

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

Otra opción es utilizar campos personalizados para que las publicaciones caduquen automáticamente después de un período de tiempo específico. Necesitará editar los archivos del tema y editar el bucle de WordPress de esta manera:

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: Deberá modificar este código para que se ajuste a su tema.

Después de agregar este código, puede agregar el campo personalizado de vencimiento a la publicación que desea que caduque. Asegúrate de agregar la hora en este formato: dd/mm/aaaa 00:00:00.

Agregar una fecha de vencimiento usando el campo personalizado

Cómo diseñar publicaciones individuales usando campos personalizados

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

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

Primero, debes editar una publicación a la que quieras darle un estilo diferente. Vaya al cuadro Campos personalizados y agregue el campo personalizado posterior a la lección.

Campo personalizado posterior a la lección

A continuación, debe editar los archivos de su tema de WordPress y agregar este código en la parte superior de su bucle de WordPress:

ID, 'post-class'); ?>

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

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

>

Debe editar esta línea para incluir el valor del campo personalizado como este:

>

Ahora, si examina el código fuente de la publicación usando la herramienta Inspeccionar, verá el campo personalizado clase CSS agregado a la lección de la publicación.

Vista previa después de clase

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

Esperamos que este artículo le haya ayudado a aprender más sobre los campos personalizados de WordPress. Es posible que también desee 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.