¿Cómo especifica WordPress que las páginas de artículos carguen código JavaScript/CSS?

haciendoWordPressAl crear un tema, si hay un código JavaScript o CSS específico que aparece en una página específica en WordPress, solo se usará una vez.

¿Dónde se debe colocar el código? ¿Estilo.css o base.js?

Pero el costo de hacerlo es un poco alto.

Ejemplo 1:

• Intente obtener el efecto Highslide JavaScript en su sitio de WordPress.
• Pero, por lo general, solo se usa para partes con imágenes o páginas deseadas, y para cargar páginas en páginas no utilizadas para agregar secciones Highslide, por lo que más de 50 KB de JavaScript es demasiado.

Ejemplo 2:

• En un artículo poner un método de compatibilidad estándar es usarla etiqueta lo inserta, pero el insertadoLa página generada por la etiqueta no puede pasar la verificación W3C.
• Una buena manera de hacer esto es usar SWFObject, un JavaScript que genera código validado por W3C.
• Pero el problema es que es un desperdicio cargar SWFObject en cada página de WordPress, y no todas las páginas usan este archivo JavaScript.

De hecho, podemos usar los poderosos campos personalizados de WordPress para implementar diferentes páginas de JavaScript para publicaciones personalizadas o cargas de página.

Este artículo le mostrará: ¿Cómo usar campos personalizados en WordPress, JavaScript personalizado o archivos CSS?

Si puede comprender, los valores de los campos personalizados no son tan simples como los archivos JavaScript y CSS.

¿Cómo agregar campos personalizados en los temas de WordPress?

Abra el archivo header.php del tema de WordPress y busque el código ▼

<?php wp_head(); ?>

agregar ▼ después

<!-- 指定文章页面加载JavaScript/CSS代码 开始 -->
    <?php if (is_single() || is_page()) {
$head = get_post_meta($post->ID, 'head', true); 
if (!empty($head)) { ?> 
<?php echo $head; ?> 
<?php } } ?>
<!-- 指定文章页面加载JavaScript/CSS代码 结束 -->

El encabezado del código es el nombre del campo personalizado, que se puede personalizar.

Agregue campos personalizados a las publicaciones o páginas de WordPress

back-end de WordPressEn el editor de la página de edición del artículo, hay una pequeña ventana para "campos personalizados".

1. Para "Nombre" ingrese:head
2. Luego, en "Valor", ingrese el código que desea agregar a la pantalla ▼

• Haga clic en Agregar campo personalizado.
• Actualizar el artículo le permitirá codificar el tema e ingresar valores para estos campos personalizados.

Dado que solo genera el código que debe cargarse en "valor", debe ingresar el siguiente código similar en "valor" ▼

<script type="text/javascript">...</script>

o ▼

<style type="text/css">...</style>

para generar el código anterior.

Otros usos de los campos personalizados de WordPress

Después de comprender los principios anteriores, encontrará que los campos personalizados de WordPress no solo pueden implementar JavaScript o CSS personalizado para páginas personalizadas, sino también implementar muchas funciones a través de campos personalizados, como: agregar miniaturas a artículos, sugerencias de artículos, etc.

En cuanto a cómo implementarlos, intente usar campos personalizados.

¿Cómo especificar etiquetas de artículos y encabezados y pies de página de categorías para cargar código JavaScript/CSS en WordPress?

Cómo personalizar el encabezado en WordPress?Podemos instalarlo a través de las siguientes instrucciones del artículo.Complemento de WordPressDarse cuenta de agregar el código principal ▼

¿Cómo agrega WordPress el código principal a los artículos? El complemento WP optimiza el código principal

Como en este artículo ¿Cómo personalizar el encabezado en WordPress?El complemento Administrador de código de pie de página de encabezado descrito en "Instalación del complemento de encabezado de pie de página de WordPress" no puede agregar código PHP en este momento... Por lo tanto, busqué en el sitio web oficial del complemento de WordPress y descubrí que se puede encontrar en la página de encabezado... .

¿Cómo personalizar el encabezado en WordPress?Instalar el complemento de encabezado de pie de página de WordPress

Algunos códigos HTML / Javascript / CSS de WordPress solo deben mostrarse en un determinado artículo o página, podemos agregar un código de encabezado y pie de página al artículo / página especificado en WordPress a través del complemento Header Footer Code Manager. Encabezado pie de página…

• De esta manera, no hay necesidad de preocuparse por perder el código personalizado o transferir manualmente el código personalizado después de cambiar el tema de WordPress.