Uso del plugin WPCode para crear fragmentos de código para las llamadas front-end a los campos personalizados

WordPress Campos personalizados(Campos personalizados) permite añadir información adicional a un artículo o página, como el precio, el subtítulo, el enlace a la fuente, etc. Sin embargo, después de añadir los campos, muchos usuarios no están seguros de cómo mostrar este contenido en la página front-end.

Este tutorial le llevará paso a paso a través del uso del plugin WPCode para crear un simple fragmento de código que llama y muestra el valor de un campo personalizado en el front-end. No hay necesidad de modificar los archivos del tema y es lo suficientemente simple para los usuarios que están empezando.

I. Preparación: añadir campos personalizados

Antes de llamarlo, debe añadir el artículo al archivoCampos personalizados.

Los pasos para añadir son los siguientes:

• Abra el backend de WordPress y edite cualquier entrada
• Haz clic en el "menú de tres puntos" de la esquina superior derecha → selecciona "Preferencias".

• Marque la casilla "Campos personalizados" en el "Panel".

• El módulo "Campos personalizados" aparecerá en la parte inferior de la página, haga clic en "Añadir nuevo campo".

• Introduzca el nombre y el valor del campo, por ejemplo:
  • Nombre del campo:subtítulo
  • valor de campo:Este es un artículo sobre viajes

Haga clic en "Actualizar" para guardar el artículo.

Instale y active el plug-in WPCode.

• Vaya a Backstage → Plugins → Instalar plugin.

• Buscar "WPCode"

• Haga clic en "Instalar" y luego en "Activar".

WPCode es un plugin que centraliza la gestión de fragmentos de código, sustituyendo la edición directa detemáticaCódigo para mayor seguridad y comodidad.

Creación de un nuevo fragmento de código PHP

• Abra en la navegación backend: WPCode → Fragmentos de código → Añadir nuevo.

• Haga clic en "PHP Snippet" para ir acodificacióneditar página

• existeleyendaRellena los espacios en blanco:Mostrar campo personalizado en frontend

Introduzca lo siguiente en la casilla de código:

add_filter( 'the_content', 'add_custom_field_to_content' );
function add_custom_field_to_content( $content ) {
    if ( is_singular( 'post' ) ) {
        $subtitle = get_post_meta( get_the_ID(), 'subtitle', true );
        if ( $subtitle ) {
            $custom_output = '<p style="font-style: italic; color: #555;">Subtítulo:' . esc_html( $subtitle ) . '</p>';
            $content = $custom_output . $content.
        }
    }
    return $content.
}

Este código insertará unsubtítuloel nombre del campo es subtítulo.

• En la sección "Inserción" seleccione: Inserción automática → Ejecutar en todas partes.

• Haz clic en "Activar" → "Guardar fragmento" en la esquina superior derecha para guardarlo y activarlo.

Cuarto, el primer plano para ver el efecto

Abra el archivo que ha añadido subtítulo de ese artículo, actualice la página.

Verás el contenido en la parte superior del texto:

Subtítulo: este es un artículo sobre viajes

Indica que el código lee y muestra correctamente el contenido del campo personalizado.

V. Aplicación ampliada: compatibilidad con varios campos

Si tiene varios campos, como precioynota_de_autor etc., también pueden producirse uniformemente en un único fragmento de código:

add_filter( 'the_content', 'add_multiple_fields_to_content' ); }
function add_multiple_fields_to_content( $content ) {
    if ( is_singular( 'post' ) ) {
        $subtitle = get_post_meta( get_the_ID(), 'subtitle', true );
        $price = get_post_meta( get_the_ID(), 'precio', true );;
        $note = get_post_meta( get_the_ID(), 'author_note', true );

        $output = '';
        if ( $subtitle ) {
            $output . = '<p><strong>Subtítulo:</strong> ' . esc_html( $subtitle ) . '</p>';
        }
        if ( $price ) {
            1TP4Salida . = '<p><strong>Precio:</strong> ' . esc_html( $price ) . '</p>';
        }
        if ( $note ) {
            $output . = '<p><strong>Notas del autor:</strong> ' . esc_html( $note ) . '</p>';
        }

        $content = $output . $content;
    }
    return $content.
}

observaciones finales

El uso del plug-in WPCode facilita la realización de la WordPress El sitio muestra el contenido de los campos personalizados sin cambiar la plantilla. Basta con añadir un simple párrafo PHP puede mostrar esta información adicional en la página del artículo.

Este enfoque es bueno para que los principiantes entiendan la estructura del contenido de WordPress y también proporciona una base para personalizar tus páginas más adelante. Si quieres mostrar campos en otras ubicaciones, como encima de los encabezados, al final de las entradas o en la barra lateral, puedes seguir utilizando shortcodes u otros hooks para conseguirlo, así que no dudes en seguir explorando.

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