Directorio de artigos
Ao crear un tema de WordPress , se aparece un código JavaScript ou CSS específico nunha páxina específica de WordPress, só se usará 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
No editor da páxina de edición de entradas do backend de WordPress , hai unha pequena xanela chamada "Campo personalizado".
- Para "Nome" introduza:
head - 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 unha cabeceira de WordPress ? Podemos seguir os pasos do seguinte artigo para instalar un complemento de WordPress e engadir o código 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.
Espero que o artigo "Como especificar o código JavaScript/CSS para cargar nas páxinas de publicación en WordPress?" compartido no blog de Chen Weiliang ( https://www.chenweiliang.com/ ) che sexa útil.
Non dubides en compartir a ligazón deste artigo: https://www.chenweiliang.com/cwl-1740.html