Kako WordPress određuje da stranice članaka učitavaju JavaScript/CSS kod?

izradaWordPressPrilikom tematiziranja, ako postoji određeni JavaScript ili CSS kod koji se pojavljuje na određenoj stranici u WordPressu, on će se koristiti samo jednom.

Gdje treba staviti kod? Style.css ili base.js?

Ali cijena toga je malo visoka.

Primjer 1:

• Pokušajte dobiti Highslide JavaScript efekt na svojoj WordPress stranici.
• Ali obično se koristi samo za dijelove sa slikama ili željenim stranicama i učitavanje stranica na neiskorištenim stranicama za dodavanje Highslide odjeljaka, tako da je preko 50 KB JavaScripta preveliko.

Primjer 2:

• U članku stavite standardnu ​​metodu kompatibilnosti za korištenjeoznaka ga umeće, ali umetnutoStranica generirana oznakom ne može proći W3C provjeru.
• Dobar način da to učinite je korištenje SWFObject-a, JavaScripta koji generira kod provjeren od strane W3C-a.
• Ali problem je u tome što je rasipanje učitavati SWFObject na svaku stranicu u WordPressu, a ne koriste sve stranice ovu JavaScript datoteku.

Zapravo, možemo koristiti moćna prilagođena polja WordPressa za implementaciju različitih JavaScript stranica za prilagođene postove ili učitavanja stranica.

Ovaj članak će vam pokazati: Kako koristiti prilagođena polja na WordPressu, prilagođene JavaScript ili CSS datoteke?

Ako možete razumjeti, prilagođene vrijednosti polja nisu tako jednostavne kao JavaScript i CSS datoteke.

Kako dodati prilagođena polja u WordPress teme?

Otvorite datoteku header.php WordPress teme i pronađite kod ▼

<?php wp_head(); ?>

dodajte ▼ nakon toga

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

Glava u kodu je naziv prilagođenog polja, koje se može prilagoditi.

Dodajte prilagođena polja WordPress objavama ili stranicama

WordPress backendU uređivaču stranice za uređivanje članka postoji mali prozor za "prilagođena polja".

1. Za "Ime" unesite:head
2. Zatim u "Vrijednost" unesite kod koji želite dodati na prikaz ▼

• Pritisnite Dodaj prilagođeno polje.
• Ažuriranje članka omogućit će vam kodiranje teme i unos vrijednosti za ova prilagođena polja.

Budući da ispisujete samo kôd koji treba učitati u "vrijednost", morate unijeti sljedeći sličan kod u "vrijednost" ▼

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

ili ▼

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

za izlaz gornjeg koda.

Druge upotrebe za WordPress prilagođena polja

Nakon što ste razumjeli gornja načela, otkrit ćete da prilagođena polja WordPressa ne samo da mogu implementirati prilagođeni JavaScript ili CSS za prilagođene stranice, već i implementirati mnoge funkcije kroz prilagođena polja, kao što su: dodavanje sličicama članaka, savjeti za članke itd. .

Što se tiče toga kako ih implementirati, pokušajte koristiti prilagođena polja.

Kako odrediti oznake članaka i zaglavlja i podnožja kategorije za učitavanje JavaScript/CSS koda u WordPress?

Kako prilagoditi zaglavlje u WordPressu?Možemo ga instalirati putem sljedećih uputa u člankuWordPress dodatakOstvarite dodavanje koda glave▼

Kako WordPress dodaje glavni kod u članke? WP dodatak optimizira glavni kod

Kao u ovom članku Kako prilagoditi zaglavlje u WordPressu?Dodatak Header Footer Code Manager opisan u "Instaliranje dodatka WordPress Footer Header Plugin" trenutačno ne može dodati PHP kod... Stoga sam pretražio službenu web stranicu dodatka WordPress i otkrio da se može pronaći na stranici zaglavlja.. .

Kako prilagoditi zaglavlje u WordPressu?Instalirajte WordPress dodatak za zaglavlje podnožja

Neki WordPress HTML / Javascript / CSS kodovi trebaju biti prikazani samo u određenom članku ili stranici. Možemo dodati kod zaglavlja i podnožja navedenom članku / stranici u WordPressu putem dodatka Header Footer Code Manager. Zaglavlje podnožje…

• Na ovaj način, nema potrebe brinuti o gubitku prilagođenog koda ili ručnom prijenosu prilagođenog koda nakon promjene WordPress teme.