Hoe specificeert WordPress dat artikelpagina's JavaScript/CSS-code laden?

makenWordPressAls er bij het thema een specifieke JavaScript- of CSS-code op een specifieke pagina in WordPress verschijnt, wordt deze slechts één keer gebruikt.

Waar moet de code worden geplaatst? Style.css of base.js?

Maar de kosten om dit te doen zijn een beetje hoog.

Voorbeeld 1:

• Probeer een Highslide JavaScript-effect op uw WordPress-site te krijgen.
• Maar meestal wordt het alleen gebruikt voor delen met afbeeldingen of gewenste pagina's, en het laden van pagina's op ongebruikte pagina's om Highslide-secties toe te voegen, dus meer dan 50 KB JavaScript is te groot.

Voorbeeld 2:

• Zet in een artikel een standaard compatibiliteitsmethode die moet worden gebruikttag voegt het in, maar de ingevoegdeDe pagina die door de tag wordt gegenereerd, kan de W3C-verificatie niet doorstaan.
• Een goede manier om dit te doen is om SWFObject te gebruiken, een JavaScript dat W3C-gevalideerde code genereert.
• Maar het probleem is dat het verspillend is om SWFObject op elke pagina in WordPress te laden, en niet alle pagina's gebruiken dit JavaScript-bestand.

We kunnen zelfs de krachtige aangepaste velden van WordPress gebruiken om verschillende JavaScript-pagina's te implementeren voor aangepaste berichten of het laden van pagina's.

Dit artikel laat je zien: Hoe gebruik je aangepaste velden in WordPress, aangepaste JavaScript- of CSS-bestanden?

Als u het begrijpt, zijn aangepaste veldwaarden niet zo eenvoudig als JavaScript- en CSS-bestanden.

Hoe aangepaste velden in WordPress-thema's toe te voegen?

Open het header.php-bestand van het WordPress-thema en zoek de code ▼

<?php wp_head(); ?>

voeg ▼ erna toe

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

De kop in de code is de naam van het aangepaste veld, dat kan worden aangepast.

Aangepaste velden toevoegen aan WordPress-berichten of -pagina's

WordPress-backendIn de editor van de artikelpagina bewerken is er een klein venster voor "aangepaste velden".

1. Vul bij "Naam" in:head
2. Voer vervolgens bij "Waarde" de code in die u aan het display wilt toevoegen ▼

• Klik op Aangepast veld toevoegen.
• Door het artikel bij te werken, kunt u het thema coderen en waarden invoeren voor deze aangepaste velden.

Aangezien u alleen de code uitvoert die moet worden geladen in "value", moet u de volgende soortgelijke code invoeren in "value" ▼

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

of

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

om de bovenstaande code uit te voeren.

Andere toepassingen voor aangepaste WordPress-velden

Nadat u de bovenstaande principes hebt begrepen, zult u merken dat aangepaste velden van WordPress niet alleen aangepaste JavaScript of CSS voor aangepaste pagina's kunnen implementeren, maar ook veel functies kunnen implementeren via aangepaste velden, zoals: toevoegen aan artikelminiaturen, artikeltips, enz. .

Probeer aangepaste velden te gebruiken om ze te implementeren.

Hoe artikeltags en categoriekop- en voetteksten specificeren om JavaScript/CSS-code in WordPress te laden?

Koptekst aanpassen in WordPress?We kunnen het installeren via de volgende artikelinstructies:WordPress-plug-inRealiseer het toevoegen van hoofdcode▼

Hoe voegt WordPress head-code toe aan artikelen?WP-plug-in optimaliseert head-code

Zoals in dit artikel Hoe de koptekst in WordPress aan te passen?De plug-in Header Footer Code Manager die wordt beschreven in "De WordPress Footer Header-plug-in installeren" kan momenteel geen PHP-code toevoegen... Daarom heb ik op de officiële website van de WordPress-plug-in gezocht en gevonden dat deze te vinden is op de koppagina. .

Hoe de koptekst in WordPress aan te passen?Installeer WordPress Footer Header Plugin

Sommige WordPress HTML / Javascript / CSS-code hoeft alleen in een bepaald artikel of pagina te worden weergegeven. We kunnen kop- en voettekstcode toevoegen aan het opgegeven artikel / pagina in WordPress via de Header Footer Code Manager-plug-in. Koptekst Voettekst…

• Op deze manier hoeft u zich geen zorgen te maken over het verliezen van aangepaste code of het handmatig overzetten van aangepaste code na het wijzigen van het WordPress-thema.