Directorio de artículos
Al crear un tema de WordPress , si aparece un código JavaScript o CSS específico en una página específica de WordPress, solo se utilizará 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
En el editor de la página de edición de entradas del panel de administración de WordPress, hay una pequeña ventana llamada "Campo personalizado".
- Para "Nombre" ingrese:
head - 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 de WordPress ? Podemos seguir los pasos del siguiente artículo para instalar un plugin de WordPress y agregar el código del encabezado ▼
- 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.
Esperamos que el artículo "¿Cómo especificar el código JavaScript/CSS que se cargará en las páginas de entradas de WordPress?", compartido en el blog de Chen Weiliang ( https://www.chenweiliang.com/ ), le sea útil.
No dudes en compartir el enlace de este artículo: https://www.chenweiliang.com/cwl-1740.html