Tutorial sobre el uso del plugin ACF: Añadir campos a los términos de clasificación

Esta guía es una demostración del ACF (Campos personalizados avanzados) Cómo añadir campos personalizados a un término de taxonomía y luego modificar el archivo de plantilla HTML para el término.

Los términos pueden ser elementos como categorías de WordPress, etiquetas u otras taxonomías personalizadas que se hayan añadido al sitio. Por ejemplo.WooCommerce Los plugins populares como éste añaden taxonomías personalizadas cuando se activan.

Añadir campos

El plugin Advanced Custom Fields facilita la adición de campos personalizados a los términos de categoría, siga los pasos que se indican a continuación.

1. existe"Campos personalizados"En la pantalla Administración, haga clic en"Añadir nuevo"para crear un nuevo grupo de campos
2. Añada los campos que desee ver al editar un término taxonómico
3. en posiciónminúsculas, seleccioneTerminología de clasificacióny seleccione el valor apropiado para mostrar este grupo de campos

editar un campo

Una vez que haya creado un grupo de campos y lo haya asignado a la pantalla de edición de términos de categoría, puede editar los valores del campo navegando a la taxonomía apropiada. Por ejemplo, si el grupo de campos se ha asignado a una categoría de entrada, vaya a la pantallaEntradas > Categoría.

Campos de visualización

categoría.phpSólo tienes que editar en el tema,tag.phpo archivo, puede personalizar fácilmente el HTML para los términos de la taxonomía de WordPress. taxonomía.php. Dependiendo del tema, el HTML también puede personalizarse mediante secciones de plantillas o filtros.

Este ejemplo muestra cómo modificar elcategoría.phpPlantillas para el tema twentyseventeen y exportar las imágenes y colores de las categorías a la pestaña de estilos.

<?php
/**
 * The template for displaying category archive pages
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package WordPress
 * @subpackage Twenty_Seventeen
 * @since 1.0
 * @version 1.0
 */

get_header(); 


// get the current taxonomy term
$term = get_queried_object();


// vars
$image = get_field('image', $term);
$color = get_field('color', $term);

?>
<style type="text/css">
    
    .entry-title a {
        color: <?php echo $color; ?>;
    }
    
    <?php if( $image ): ?>
    .site-header {
        background-image: url(<?php echo $image['url']; ?>);
    }
    <?php endif; ?>
    
</style>
<div class="wrap">
    
    <?php // Remaining template removed from example ?>

ejemplos

A continuación se muestra cómo aparecerá el código anterior en el navegador.

Atención:Las imágenes de los títulos del sitio reflejan ahora las imágenes de las categorías y todos los títulos de las entradas son verdes.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres