Tinukoy ng WordPress na ang header at footer ng artikulo ay naglo-load ng PHP/JavaScript/CSS code

Kung gumagamitWebsite ng WordPress, kailangan mong tukuyin ang isang partikular na artikulo o pahina sa WordPress upang mai-load ang PHP/JavaScript/CSS code sa header at footer. Paano ito makakamit?

Magagamit namin ang makapangyarihang mga custom na field ng WordPress upang ipatupad ang iba't ibang mga pahina ng JavaScript para sa isang naibigay 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 custom na field sa WordPress?

Karaniwan, buksan ang header.php header file ng WordPress theme at hanapin ang code▼

<?php wp_head(); ?>

magdagdag ng ▼ pagkatapos nito

<!-- 指定文章页面加载head自定义字段代码 开始 -->
    <?php if (is_single() || is_page()) {
$head = get_post_meta($post->ID, 'head', true); 
if (!empty($head)) { ?> 
<?php echo $head; ?> 
<?php } } ?>
<!-- 指定文章页面加载head自定义字段代码 结束 -->
  • Ang ulo sa code ay ang pangalan ng custom na field, na maaaring i-customize.

Chen WeiliangInirerekomenda na pumasaWordPress pluginIdagdag ang sumusunod na PHP code upang tukuyin ang pahina ng artikulo upang i-load ang foot custom na field▼

<!-- 指定文章页面加载foot自定义字段代码 开始 -->
    <?php if (is_single() || is_page()) {
$foot= get_post_meta($post->ID, 'foot', true); 
if (!empty($foot)) { ?> 
<?php echo $foot; ?> 
<?php } } ?>
<!-- 指定文章页面加载foot自定义字段代码 结束 -->

Magdagdag ng mga custom na field sa mga tinukoy na post o page sa 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 

Tinukoy ng WordPress na ang header at footer ng artikulo ay naglo-load ng PHP/JavaScript/CSS code

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

Paano tinutukoy ng WordPress na ang mga header at footer ng artikulo ay naglo-load ng PHP/JavaScript/CSS code?

Kung idaragdag mo ang PHP code ng custom na field sa header.php file ng WordPress theme, mawawala ang PHP code ng custom na field pagkatapos baguhin ang WordPress theme, at kailangan mong idagdag ang PHP code ng custom na field sa ang bagong tema.

Ang isang mas mahusay na solusyon ay,Gamit ang Head, Footer at Post Injections plugin, na nagpapatupad ng PHP code upang magdagdag ng mga custom na field sa page at footer ng post o page ng artikulo.

Paano I-customize ang Header sa WordPress?Maaari kang magdagdag ng code sa ulo o paa sa pamamagitan ng pag-install ng WordPress plugin sa pamamagitan ng sumusunod na artikulo ▼

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

Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) ibinahagi "Tinutukoy ng WordPress ang mga header at footer ng artikulo upang i-load ang PHP/JavaScript/CSS code", na nakakatulong sa iyo.

Maligayang pagdating upang ibahagi ang link ng artikulong ito:https://www.chenweiliang.com/cwl-2022.html

Maligayang pagdating sa Telegram channel ng blog ni Chen Weiliang para makuha ang pinakabagong mga update!

🔔 Maging una upang makuha ang mahalagang "ChatGPT Content Marketing AI Tool Usage Guide" sa direktoryo ng nangungunang channel! 🌟
📚 Ang gabay na ito ay naglalaman ng malaking halaga, 🌟Ito ay isang bihirang pagkakataon, huwag palampasin ito! ⏰⌛💨
Share and like kung gusto mo!
Ang iyong pagbabahagi at pag-like ay ang aming patuloy na pagganyak!

 

发表 评论

Ang iyong email address ay hindi mai-publish. 必填 项 已 用 * Tatak

mag-scroll sa itaas