Com especifica WordPress que les pàgines d'articles carreguen codi JavaScript/CSS?

fentWordPressQuan es fa la tematització, si hi ha un codi JavaScript o CSS específic que apareix en una pàgina específica de WordPress, només s'utilitzarà una vegada.

On s'ha de col·locar el codi? Style.css o base.js?

Però el cost de fer-ho és una mica elevat.

Exemple 1:

• Intenteu obtenir l'efecte Highslide JavaScript al vostre lloc de WordPress.
• Però normalment només s'utilitza per a parts amb imatges o pàgines desitjades i per carregar pàgines en pàgines no utilitzades per afegir seccions Highslide, de manera que més de 50 KB de JavaScript són massa grans.

Exemple 2:

• En un article posar un mètode de compatibilitat estàndard és utilitzarl'etiqueta l'insereix, però l'insereixLa pàgina generada per l'etiqueta no pot passar la verificació del W3C.
• Una bona manera de fer-ho és utilitzar SWFObject, un JavaScript que genera codi validat pel W3C.
• Però el problema és que és un malbaratament carregar SWFObject a totes les pàgines de WordPress i no totes les pàgines utilitzen aquest fitxer JavaScript.

De fet, podem utilitzar els potents camps personalitzats de WordPress per implementar diferents pàgines de JavaScript per a publicacions personalitzades o càrregues de pàgines.

Aquest article us mostrarà: Com utilitzar camps personalitzats en fitxers de WordPress, JavaScript personalitzats o CSS?

Si ho enteneu, els valors dels camps personalitzats no són tan senzills com els fitxers JavaScript i CSS.

Com afegir camps personalitzats als temes de WordPress?

Obriu el fitxer header.php del tema de WordPress i cerqueu el codi ▼

<?php wp_head(); ?>

afegiu ▼ despré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 cap del codi és el nom del camp personalitzat, que es pot personalitzar.

Afegiu camps personalitzats a publicacions o pàgines de WordPress

Backend de WordPressA l'editor de la pàgina d'edició de l'article, hi ha una petita finestra per als "camps personalitzats".

1. Per a "Nom", introduïu:head
2. A continuació, a "Valor", introduïu el codi que voleu afegir a la pantalla ▼

• Feu clic a Afegeix un camp personalitzat.
• L'actualització de l'article us permetrà codificar el tema i introduir valors per a aquests camps personalitzats.

Com que només emeteu el codi que s'ha de carregar a "valor", heu d'introduir el següent codi similar a "valor" ▼

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

o ▼

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

per generar el codi anterior.

Altres usos per als camps personalitzats de WordPress

Després d'entendre els principis anteriors, trobareu que els camps personalitzats de WordPress no només poden implementar JavaScript o CSS personalitzats per a pàgines personalitzades, sinó que també poden implementar moltes funcions mitjançant camps personalitzats, com ara: afegir miniatures a l'article, indicacions d'article, etc.

Pel que fa a com implementar-los, proveu d'utilitzar camps personalitzats.

Com especificar les etiquetes d'articles i les capçaleres i peus de pàgina de categoria per carregar codi JavaScript/CSS a WordPress?

Com personalitzar la capçalera a WordPress?Podem instal·lar-lo mitjançant les instruccions de l'article següentConnector de WordPressAdonar-se d'afegir codi de capçalera▼

Com afegeix WordPress codi cap als articles? El connector WP optimitza el codi cap

Com en aquest article, Com personalitzar la capçalera a WordPress?El connector Header Footer Code Manager introduït a "Instal·lació del complement WordPress Footer Header" no pot afegir codi PHP actualment... Per tant, vaig cercar al lloc web oficial del connector de WordPress i vaig trobar que es pot trobar a la pàgina de capçalera. .

Com personalitzar la capçalera a WordPress?Instal·leu el connector de capçalera de peu de pàgina de WordPress

Alguns codis HTML/Javascript/CSS de WordPress només s'han de mostrar en un article o pàgina determinats. Podem afegir codi de capçalera i peu de pàgina a l'article o pàgina especificat a WordPress mitjançant el connector Header Footer Code Manager. Peu de pàgina de la capçalera...

• D'aquesta manera, no cal que us preocupeu per perdre el codi personalitzat o per transferir manualment el codi personalitzat després de canviar el tema de WordPress.