In che modo WordPress specifica che le pagine degli articoli caricano il codice JavaScript/CSS?

Fabbricazionehood.discountQuando si crea un tema, se è presente un codice JavaScript o CSS specifico che appare su una pagina specifica in WordPress, verrà utilizzato solo una volta.

Dove deve essere posizionato il codice? Style.css o base.js?

Ma il costo per farlo è un po' alto.

Esempio 1:

• Prova a ottenere l'effetto JavaScript Highslide sul tuo sito WordPress.
• Ma di solito viene utilizzato solo per parti con immagini o pagine desiderate e per caricare pagine su pagine non utilizzate per aggiungere sezioni Highslide, quindi oltre 50 KB di JavaScript è troppo grande.

Esempio 2:

• In un articolo inserire un metodo di compatibilità standard da utilizzaretag lo inserisce, ma il tag inseritoLa pagina generata dal tag non può superare la verifica W3C.
• Un buon modo per farlo è usare SWFObject, un JavaScript che genera codice convalidato dal W3C.
• Ma il problema è che è uno spreco caricare SWFObject su ogni pagina di WordPress e non tutte le pagine utilizzano questo file JavaScript.

In effetti, possiamo utilizzare i potenti campi personalizzati di WordPress per implementare diverse pagine JavaScript per post personalizzati o caricamenti di pagine.

Questo articolo ti mostrerà: Come utilizzare campi personalizzati su WordPress, file JavaScript o CSS personalizzati?

Se riesci a capire, i valori dei campi personalizzati non sono semplici come i file JavaScript e CSS.

Come aggiungere campi personalizzati nei temi di WordPress?

Apri il file header.php del tema WordPress e trova il codice ▼

<?php wp_head(); ?>

aggiungi ▼ dopo di esso

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

La testata nel codice è il nome del campo personalizzato, che può essere personalizzato.

Aggiungi campi personalizzati ai post o alle pagine di WordPress

Backend di WordPressNell'editor della pagina di modifica dell'articolo è presente una piccola finestra per i "campi personalizzati".

1. Per "Nome" inserisci:head
2. Quindi in "Valore" inserisci il codice che vuoi aggiungere al display ▼

• Fare clic su Aggiungi campo personalizzato.
• L'aggiornamento dell'articolo ti consentirà di codificare il tema e inserire i valori per questi campi personalizzati.

Poiché emetti solo il codice che deve essere caricato in "valore", devi inserire il seguente codice simile in "valore" ▼

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

o ▼

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

per produrre il codice sopra.

Altri usi per i campi personalizzati di WordPress

Dopo aver compreso i principi di cui sopra, scoprirai che i campi personalizzati di WordPress non solo possono implementare JavaScript o CSS personalizzati per le pagine personalizzate, ma anche implementare molte funzioni attraverso campi personalizzati, come ad esempio: aggiungi miniature di articoli, suggerimenti di articoli, ecc.

Per quanto riguarda come implementarli, prova a utilizzare i campi personalizzati.

Come specificare i tag degli articoli e le intestazioni e i piè di pagina delle categorie per caricare il codice JavaScript/CSS in WordPress?

Come personalizzare l'intestazione in WordPress?Possiamo installarlo attraverso le seguenti istruzioni dell'articoloPlugin WordPressRealizza aggiungere il codice della testa▼

🔗Come aggiungere il codice head a un articolo in WordPress? Il plug-in WP ottimizza il codice head

🔗Come personalizzare l'intestazione in WordPress? Installa il plugin per l'intestazione del piè di pagina di WordPress

• In questo modo, non c'è bisogno di preoccuparsi di perdere il codice personalizzato o di trasferire manualmente il codice personalizzato dopo aver cambiato il tema di WordPress.