Paano tinutukoy ng WordPress na ang mga pahina ng artikulo ay naglo-load ng JavaScript/CSS code?

Kapag lumilikha ng isang tema ng WordPress , kung ang isang partikular na JavaScript o CSS code ay lilitaw sa isang partikular na pahina ng WordPress, gagamitin lamang ito nang isang beses.

Saan dapat ilagay ang code? Style.css o base.js?

Ngunit ang gastos sa paggawa nito ay medyo mataas.

Halimbawa 1:

• Subukang makakuha ng Highslide JavaScript effect sa iyong WordPress site.
• Ngunit kadalasan ito ay ginagamit lamang para sa mga bahagi na may mga larawan o ninanais na mga pahina, at naglo-load ng mga pahina sa hindi nagamit na mga pahina upang magdagdag ng mga seksyon ng Highslide, kaya ang higit sa 50 KB ng JavaScript ay masyadong malaki.

Halimbawa 2:

• Sa isang artikulo ilagay ang isang karaniwang paraan ng compatibility ay gamitinpinapasok ito ng tag, ngunit ang ipinasokAng page na nabuo ng tag ay hindi makapasa sa W3C verification.
• Ang isang mahusay na paraan upang gawin ito ay ang paggamit ng SWFObject, isang JavaScript na bumubuo ng W3C-validated code.
• Ngunit ang problema ay sayang ang pag-load ng SWFObject sa bawat page sa WordPress, at hindi lahat ng page ay gumagamit ng JavaScript file na ito.

Sa katunayan, maaari naming gamitin ang makapangyarihang mga custom na field ng WordPress upang ipatupad ang iba't ibang mga pahina ng JavaScript para sa mga custom na post o pag-load ng pahina.

Ipapakita sa iyo ng artikulong ito: Paano gumamit ng mga custom na field sa WordPress, custom na JavaScript o CSS file?

Kung naiintindihan mo, ang mga custom na halaga ng field ay hindi kasing simple ng mga file ng JavaScript at CSS.

Paano magdagdag ng mga pasadyang patlang sa mga tema ng WordPress?

Buksan ang header.php file ng WordPress theme at hanapin ang code ▼

<?php wp_head(); ?>

magdagdag ng ▼ pagkatapos nito

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

Ang ulo sa code ay ang pangalan ng custom na field, na maaaring i-customize.

Magdagdag ng mga custom na field sa mga post o page ng WordPress

Sa editor ng pahina ng pag-eedit ng post sa backend ng WordPress , mayroong isang maliit na window na tinatawag na "Custom Field".

1. Para sa "Pangalan" ipasok ang:head
2. Pagkatapos ay sa "Halaga" ilagay ang code na gusto mong idagdag sa display ▼

• I-click ang Magdagdag ng Custom na Field.
• Ang pag-update ng artikulo ay magbibigay-daan sa iyong i-code ang tema at ipasok ang mga halaga para sa mga custom na field na ito.

Dahil na-output mo lang ang code na kailangang i-load sa "value", kailangan mong ilagay ang sumusunod na katulad na code sa "value" ▼

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

o ▼

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

upang i-output ang code sa itaas.

Iba pang mga gamit para sa mga custom na field ng WordPress

Matapos maunawaan ang mga prinsipyo sa itaas, makikita mo na ang mga custom na field ng WordPress ay hindi lamang maaaring magpatupad ng custom na JavaScript o CSS para sa mga custom na pahina, ngunit magpatupad din ng maraming mga function sa pamamagitan ng mga custom na field, tulad ng: idagdag sa mga thumbnail ng artikulo, mga tip sa artikulo, atbp. .

Kung paano ipatupad ang mga ito, subukang gumamit ng mga custom na field.

Paano tukuyin ang mga tag ng artikulo at mga header at footer ng kategorya upang mai-load ang JavaScript/CSS code sa WordPress?

Paano i-customize ang isang WordPress header ? Maaari nating sundin ang mga hakbang sa sumusunod na artikulo upang mag-install ng WordPress plugin at idagdag ang header code ▼

🔗Paano magdagdag ng head code sa mga artikulo ng WordPress na na-optimize ng WP plugin

🔗Paano i-customize ang header sa WordPress? Pag-install ng WordPress Footer at Header Plugin

• Sa ganitong paraan, hindi na kailangang mag-alala tungkol sa pagkawala ng custom na code o manu-manong paglilipat ng custom na code pagkatapos baguhin ang tema ng WordPress.