Directory artaigil
Ma tha thu a’ cleachdadh WordPress gus làrach-lìn a thogail, ciamar as urrainn dhut còd PHP/JavaScript/CSS a luchdachadh a-steach do cheann-sgrìobhaidh is bonn-sgrìobhaidh post no duilleag sònraichte?
Is urrainn dhuinn raointean gnàthaichte cumhachdach WordPress a chleachdadh gus diofar dhuilleagan JavaScript a chuir an gnìomh airson post sònraichte no luchdachadh duilleag.
Seallaidh an artaigil seo dhut: Mar a chleachdas tu raointean gnàthaichte air faidhlichean WordPress, JavaScript no CSS àbhaisteach?
Ma thuigeas tu, chan eil luachan raon gnàthaichte cho sìmplidh ri faidhlichean JavaScript agus CSS.
Mar a chuireas tu raointean gnàthaichte ri WordPress?
Mar as trice, fosgail am faidhle header.php den chuspair WordPress agad agus dèan cinnteach gu bheil an còd a leanas air a chur ris: ▼
<?php wp_head(); ?>
Mar a nì thu gnàthachadh air bann-cinn air WordPressDòigh-obrach nas motha air a mholadh: tro functions.php no cur an gnìomh plugan còd
Atharraich an cuspair gu dìreach header.php 或 footer.php Bidh an còd air chall gu furasta às dèidh ùrachadh a dhèanamh air an cuspair.
Cleachdaidhean nas sàbhailte agus nas àbhaisticheCuir an còd a leanas ris a’ chuspair làithreach. functions.php Anns an fhaidhle, no a’ cleachdadh Còd Snippets Bithear a’ cleachdadh nan seòrsaichean plugins seo gus còd gnàthaichte a riaghladh.
Gus nach tèid na faidhlichean cuspair bunaiteach atharrachadh, bidh sinn a’ cleachdadh… functions.php Còd stàlaidh.
Ceum 1: Cuir còd gnìomhach ris
Cuir an còd PHP a leanas ris a’ chuspair agad. functions.php Aig deireadh na sgrìobhainn, no tro Còd Snippets Cruthaich criomag còd ùr anns a’ plugan agus cuir a-steach e:
<?php
/**
* 指定文章/页面加载 Head 自定义字段代码
*/
add_action('wp_head', 'add_custom_head_code');
function add_custom_head_code() {
// 只在文章详情页和独立页面执行
if (is_single() || is_page()) {
global $post;
// 获取自定义字段 'head' 的值
$head = get_post_meta($post->ID, 'head', true);
// 如果有值,则输出到 head
if (!empty($head)) {
echo $head;
}
}
}
/**
* 指定文章/页面加载 Foot 自定义字段代码
*/
add_action('wp_footer', 'add_custom_foot_code', 99);
function add_custom_foot_code() {
// 只在文章详情页和独立页面执行
if (is_single() || is_page()) {
global $post;
// 获取自定义字段 'foot' 的值
$foot = get_post_meta($post->ID, 'foot', true);
// 如果有值,则输出到 footer
if (!empty($foot)) {
echo $foot;
}
}
}
(Nota: Ma tha) functions.php Tha faidhle aig a’ cheann thall mu thràth. ?>Na cuir ris a-rithist is a-rithist e; dìreach cuir a-steach an còd gu h-àrd gu dìreach. ?> (Roimhe seo)
Ceum 2: Cleachd air duilleag deasachaidh an artaigil
- Faigh cothrom air cùl-raon WordPress gus post no duilleag a dheasachadh.
- Lorg e air duilleag an deasaiche "Achaidhean Gnàthaichte" (Mura faic thu am bogsa-meta, cliog air “Roghainnean Taisbeanaidh” san oisean gu h-àrd air an làimh dheis no “Roghainnean” ann an Deasaiche Gutenberger agus dèan cinnteach gu bheil “Achaidhean Gnàthaichte” air a chomharrachadh).
- Cliog Cuir a-steach fear ùr:
- Ainm airson:
head(Airson còd ceann-sgrìobhaidh) nofoot(Airson a chleachdadh anns a’ chòd aig a’ bhonn). - Luach Bogsa cuir-a-steach: Cuir a-steach an còd HTML, CSS, no JS a dh’ fheumas tu a chur ris.
- Ainm airson:
- Cliog Cuir raon gnàthaichte ris Agus artaigilean ùrachadh/foillseachadh.

- Leigidh ùrachadh an artaigil leat an cuspair a chòdachadh agus luachan a chuir a-steach airson na raointean gnàthaichte sin.
Leis nach cuir thu a-mach ach an còd a dh’ fheumar a luchdachadh ann an “luach”, feumaidh tu an còd coltach ris a leanas a chuir a-steach ann an “luach” ▼
<script type="text/javascript">...</script>
neo ▼
<style type="text/css">...</style>
gus an còd gu h-àrd a thoirt a-mach.
Na buannachdan a tha an lùib an atharrachaidh seo:
- 更安全Na atharraich gu dìreach
header.php和footer.phpTha seo a’ cur casg air a’ chòd a bhith air a sgrìobhadh thairis nuair a thèid an cuspair ùrachadh. - Nas àbhaisticheThathar a’ moladh WordPress a chleachdadh
add_actionCòd sreap stèidhichte air dubhan. - Loidsig shoilleirLe bhith a’ cur comasan an sàs taobh a-staigh ghnìomhan, tha cumail suas às dèidh sin nas fhasa.
Tha mi an dòchas gum bi an t-artaigil "Loading PHP/JavaScript/CSS Code for Specifying Post Headers and Footers in WordPress," a chaidh a cho-roinn air blog Chen Weiliang ( https://www.chenweiliang.com/ ), feumail dhut.
Faodaidh sibh ceangal an artaigil seo a cho-roinn: https://www.chenweiliang.com/cwl-2022.html
