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

PaggawaWordPressKapag nagte-theme, kung may partikular na JavaScript o CSS code na lumalabas sa isang partikular na page sa WordPress, isang beses lang itong gagamitin.

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

WordPress backendSa editor ng pahina ng pag-edit ng artikulo, mayroong isang maliit na window para sa "mga custom na 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 Header sa WordPress?Maaari naming i-install ito sa pamamagitan ng sumusunod na mga tagubilin sa artikuloWordPress pluginNapagtanto ang pagdaragdag ng head code▼

Paano nagdaragdag ang WordPress ng head code sa mga artikulo? Ino-optimize ng WP plugin ang head code

Tulad ng sa artikulong ito Paano I-customize ang Header sa WordPress?Ang plugin ng Header Footer Code Manager na inilarawan sa "Pag-install ng WordPress Footer Header Plugin" ay hindi maaaring magdagdag ng PHP code sa kasalukuyan... Samakatuwid, naghanap ako sa opisyal na website ng WordPress plugin at nalaman na ito ay matatagpuan sa pahina ng header.. .

Paano I-customize ang Header sa WordPress?I-install ang WordPress Footer Header Plugin

Ang ilang WordPress HTML / Javascript / CSS code ay kailangan lang ipakita sa isang partikular na artikulo o page. Maaari kaming magdagdag ng header at footer code sa tinukoy na artikulo / page sa WordPress sa pamamagitan ng Header Footer Code Manager plugin. Header Footer…

• 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.