Como o WordPress especifica que as páginas do artigo carregam o código JavaScript/CSS?

fazerWordPressAo criar um tema, se houver um código JavaScript ou CSS específico que apareça em uma página específica do WordPress, ele será usado apenas uma vez.

Onde deve ser colocado o código? Style.css ou base.js?

Mas o custo de fazer isso é um pouco alto.

Exemplo 1:

• Tente obter o efeito JavaScript Highslide em seu site WordPress.
• Mas geralmente é usado apenas para partes com imagens ou páginas necessárias e carregar páginas em páginas não utilizadas para adicionar seções Highslide, portanto, mais de 50 KB de JavaScript é muito grande.

Exemplo 2:

• Em um artigo colocado um método de compatibilidade padrão é usara tag o insere, mas o inseridoA página gerada pela tag não pode passar na verificação do W3C.
• Uma boa maneira é usar SWFObject, um JavaScript para gerar código validado pelo W3C.
• Mas o problema é que é um desperdício carregar SWFObject em todas as páginas do WordPress, e nem todas as páginas usam esse arquivo JavaScript.

Na verdade, podemos usar os poderosos campos personalizados do WordPress para implementar diferentes páginas JavaScript para postagens personalizadas ou carregamentos de páginas.

Este artigo mostrará: Como usar campos personalizados no WordPress, arquivos JavaScript ou CSS personalizados?

Se você puder entender, os valores de campos personalizados não são tão simples quanto os arquivos JavaScript e CSS.

Como adicionar campos personalizados em temas do WordPress?

Abra o arquivo header.php do tema WordPress e encontre o código ▼

<?php wp_head(); ?>

adicione ▼ depois dele

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

O cabeçalho no código é o nome do campo personalizado, que pode ser personalizado.

Adicione campos personalizados a postagens ou páginas do WordPress

back-end do WordPressNo editor da página de edição do artigo, há uma pequena janela para "campos personalizados".

1. Para "Nome" digite:head
2. Em seguida, em "Value", insira o código que deseja adicionar ao display ▼

• Clique em Adicionar campo personalizado.
• A atualização do artigo permitirá que você codifique o tema e insira valores para esses campos personalizados.

Uma vez que você produz apenas o código que precisa ser carregado em "valor", você precisa inserir o seguinte código semelhante em "valor" ▼

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

ou ▼

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

para gerar o código acima.

Outros usos para campos personalizados do WordPress

Depois de entender os princípios acima, você descobrirá que os campos personalizados do WordPress podem não apenas implementar JavaScript ou CSS personalizado para páginas personalizadas, mas também implementar muitas funções por meio de campos personalizados, como: adicionar miniaturas de artigos, dicas de artigos etc.

Quanto a como implementá-los, tente usar campos personalizados.

Como especificar tags de artigo e cabeçalhos e rodapés de categoria para carregar código JavaScript/CSS no WordPress?

Como personalizar o cabeçalho no WordPress?Podemos instalá-lo através das seguintes instruções do artigoPlug-in do WordPressPerceba adicionando código de cabeça▼

Como o WordPress adiciona código principal aos artigos? O plugin WP otimiza o código principal

Como neste artigo Como personalizar o cabeçalho no WordPress?O plugin Header Footer Code Manager descrito em "Instalando o plugin WordPress Footer Header" não pode adicionar código PHP no momento... .

Como personalizar o cabeçalho no WordPress?Instale o plugin de cabeçalho de rodapé do WordPress

Alguns códigos HTML / Javascript / CSS do WordPress só precisam ser exibidos em um determinado artigo ou página. Podemos adicionar código de cabeçalho e rodapé ao artigo / página especificado no WordPress através do plugin Header Footer Code Manager. Cabeçalho rodapé…

• Dessa forma, não há necessidade de se preocupar em perder o código personalizado ou transferir manualmente o código personalizado após alterar o tema do WordPress.