Cum specifică WordPress că paginile de articole încarcă cod JavaScript/CSS?

realizareaWordPressLa tematică, dacă există un anumit cod JavaScript sau CSS care apare pe o anumită pagină din WordPress, acesta va fi folosit o singură dată.

Unde trebuie plasat codul? Style.css sau base.js?

Dar costul de a face acest lucru este puțin mare.

Exemplul 1:

• Încercați să obțineți efectul Highslide JavaScript pe site-ul dvs. WordPress.
• Dar, de obicei, este folosit doar pentru părți cu imagini sau pagini necesare și încărcarea paginilor pe pagini neutilizate pentru a adăuga secțiuni Highslide, deci peste 50 KB de JavaScript este prea mare.

Exemplul 2:

• Într-un articol a pus o metodă de compatibilitate standard este de a folositag-ul îl introduce, dar cel inseratPagina generată de etichetă nu poate trece de verificarea W3C.
• O modalitate bună este să utilizați SWFObject, un JavaScript pentru a genera cod validat de W3C.
• Dar problema este că este prea risipitor să încărcați SWFObject pe fiecare pagină din WordPress și nu toate paginile folosesc acest fișier JavaScript.

De fapt, putem folosi câmpurile personalizate puternice ale WordPress pentru a implementa diferite pagini JavaScript pentru postări personalizate sau încărcări de pagini.

Acest articol vă va arăta: Cum să utilizați câmpuri personalizate pe fișiere WordPress, JavaScript sau CSS personalizate?

Dacă puteți înțelege, valorile câmpurilor personalizate nu sunt la fel de simple ca fișierele JavaScript și CSS.

Cum să adăugați câmpuri personalizate în temele WordPress?

Deschideți fișierul header.php al temei WordPress și găsiți codul ▼

<?php wp_head(); ?>

adăugați ▼ după el

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

Capul din cod este numele câmpului personalizat, care poate fi personalizat.

Adăugați câmpuri personalizate la postările sau paginile WordPress

Backend WordPressÎn editorul paginii de editare a articolului, există o mică fereastră pentru „câmpuri personalizate”.

1. Pentru „Nume” introduceți:head
2. Apoi, în „Valoare” introduceți codul pe care doriți să îl adăugați pe afișaj ▼

• Faceți clic pe Adăugați câmp personalizat.
• Actualizarea articolului vă va permite să codificați tema și să introduceți valori pentru aceste câmpuri personalizate.

Deoarece scoateți doar codul care trebuie încărcat în „valoare”, trebuie să introduceți următorul cod similar în „valoare” ▼

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

sau ▼

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

pentru a scoate codul de mai sus.

Alte utilizări pentru câmpurile personalizate WordPress

După ce ați înțeles principiile de mai sus, veți descoperi că câmpurile personalizate WordPress nu pot doar implementa JavaScript sau CSS personalizat pentru pagini personalizate, ci și pot implementa multe funcții prin câmpuri personalizate, cum ar fi: adăugați miniaturi la articol, sfaturi despre articole etc.

În ceea ce privește modul de implementare a acestora, încercați să utilizați câmpuri personalizate.

Cum să specificați etichetele articolului și anteturile și subsolurile categoriilor pentru a încărca codul JavaScript/CSS în WordPress?

Cum să personalizați antetul în WordPress?Îl putem instala prin următoarele instrucțiuni ale articoluluiPlugin WordPressRealizați adăugarea codului de cap▼

Cum adaugă WordPress codul principal la articole? Pluginul WP optimizează codul principal

Ca și în acest articol Cum să personalizați antetul în WordPress?Pluginul Header Footer Code Manager descris în „Instalarea pluginului WordPress Footer Header” nu poate adăuga cod PHP în prezent... Prin urmare, am căutat pe site-ul oficial al pluginului WordPress și am găsit că acesta poate fi găsit pe pagina antet.. .

Cum să personalizezi antetul în WordPress?Instalați WordPress Footer Header Plugin

Unele coduri HTML / Javascript / CSS WordPress trebuie să fie afișate doar într-un anumit articol sau pagină. Putem adăuga cod de antet și subsol la articolul / pagina specificată în WordPress prin pluginul Header Footer Code Manager. Subsol antet...

• În acest fel, nu este nevoie să vă faceți griji cu privire la pierderea codului personalizat sau la transferul manual al codului personalizat după schimbarea temei WordPress.