Como especifica WordPress que as páxinas de artigos carguen código JavaScript/CSS?

facendoWordPressCando se temática, se hai un código JavaScript ou CSS específico que aparece nunha páxina específica en WordPress, só se utilizará unha vez.

Onde debe colocarse o código? Style.css ou base.js?

Pero o custo de facelo é un pouco alto.

Exemplo 1:

• Tenta obter o efecto Highslide JavaScript no teu sitio de WordPress.
• Pero normalmente só se usa para pezas con imaxes ou páxinas desexadas e para cargar páxinas en páxinas non utilizadas para engadir seccións Highslide, polo que máis de 50 KB de JavaScript son demasiado grandes.

Exemplo 2:

• Nun artigo poñer un método estándar de compatibilidade é usara etiqueta insírese, pero o inseridoA páxina xerada pola etiqueta non pode pasar a verificación do W3C.
• Unha boa forma de facelo é usar SWFObject, un JavaScript que xera código validado polo W3C.
• Pero o problema é que é un despilfarro cargar SWFObject en todas as páxinas de WordPress e non todas as páxinas usan este ficheiro JavaScript.

De feito, podemos usar os poderosos campos personalizados de WordPress para implementar diferentes páxinas JavaScript para publicacións personalizadas ou cargas de páxinas.

Este artigo amosarache: Como usar campos personalizados en ficheiros WordPress, JavaScript ou CSS personalizados?

Se podes entender, os valores de campo personalizados non son tan sinxelos como os ficheiros JavaScript e CSS.

Como engadir campos personalizados nos temas de WordPress?

Abre o ficheiro header.php do tema de WordPress e busca o código ▼

<?php wp_head(); ?>

engade ▼ despois

<!-- 指定文章页面加载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代码 结束 -->

A cabeceira do código é o nome do campo personalizado, que se pode personalizar.

Engade campos personalizados ás publicacións ou páxinas de WordPress

Backend de WordPressNo editor da páxina de edición do artigo, hai unha pequena ventá para os "campos personalizados".

1. Para "Nome" introduza:head
2. A continuación, en "Valor" introduza o código que quere engadir á pantalla ▼

• Fai clic en Engadir campo personalizado.
• A actualización do artigo permitirache codificar o tema e introducir valores para estes campos personalizados.

Xa que só mostras o código que debes cargar en "valor", tes que introducir o seguinte código similar en "valor" ▼

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

ou ▼

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

para emitir o código anterior.

Outros usos para os campos personalizados de WordPress

Despois de comprender os principios anteriores, descubrirá que os campos personalizados de WordPress non só poden implementar JavaScript ou CSS personalizados para páxinas personalizadas, senón que tamén poden implementar moitas funcións a través de campos personalizados, como: engadir miniaturas de artigos, consellos de artigos, etc.

En canto a como implementalos, proba a usar campos personalizados.

Como especificar etiquetas de artigos e cabeceiras e pés de páxina para cargar código JavaScript/CSS en WordPress?

Como personalizar a cabeceira en WordPress?Podemos instalalo a través das seguintes instrucións do artigoComplemento de WordPressDáse conta de engadir o código de cabeza ▼

Como engade WordPress o código principal aos artigos? O complemento WP optimiza o código principal

Como neste artigo Como personalizar a cabeceira en WordPress?O complemento Header Footer Code Manager descrito en "Instalación do complemento de cabeceira de WordPress" non pode engadir código PHP neste momento... Polo tanto, busquei no sitio web oficial do complemento de WordPress e atopei que se atopa na páxina de cabeceira. .

Como personalizar a cabeceira en WordPress?Instala o complemento de cabeceira do pé de páxina de WordPress

Algúns códigos HTML/Javascript/CSS de WordPress só deben mostrarse nun artigo ou páxina determinados. Podemos engadir código de cabeceira e pé de páxina ao artigo/páxina especificado en WordPress mediante o complemento Header Footer Code Manager. Pé de páxina da cabeceira…

• Deste xeito, non hai que preocuparse por perder código personalizado ou transferir manualmente o código personalizado despois de cambiar o tema de WordPress.