Tuhinga Tuhinga
Mena kei te whakamahi koe i te WordPress hei hanga paetukutuku, me pēhea e uta ai e koe te waehere PHP/JavaScript/CSS ki te pane me te hiku o tētahi pou, whārangi rānei?
Ka taea e tatou te whakamahi i nga mara ritenga kaha a WordPress ki te whakatinana i nga wharangi JavaScript rereke mo tetahi whakairinga, utaina wharangi ranei.
Ma tenei tuhinga e whakaatu ki a koe: Me pehea te whakamahi i nga mara ritenga i runga i te WordPress, te JavaScript ritenga, te konae CSS ranei?
Mena ka mohio koe, ko nga uara mara ritenga ehara i te mea ngawari penei i nga konae JavaScript me CSS.
Me pehea te taapiri i nga mara ritenga i roto i te WordPress?
Ko te tikanga, whakatuwheratia te kōnae header.php o tō kaupapa WordPress, ā, kia tino tāpirihia te waehere e whai ake nei: ▼
<?php wp_head(); ?>
Me pehea te Whakarite Pane i roto i te WordPressHe huarahi e taunakitia ana: mā functions.php te whakatinanatanga mono waehere rānei
Whakarerekētia tika te kaupapa header.php 或 footer.php Ka ngaro ngāwari te waehere i muri i te whakahōutanga o te kaupapa.
Ngā mahi haumaru ake, ā, he paerewa akeTāpirihia te waehere e whai ake nei ki te kaupapa o nāianei. functions.php I roto i te kōnae, mā te whakamahi rānei Nga Waehere Waehere Ka whakamahia ēnei momo monomai hei whakahaere i te waehere ritenga.
Hei karo i te whakarerekē i ngā kōnae kaupapa matua, ka whakamahia e mātou... functions.php Waehere whakairi.
Hipanga 1: Tāpirihia he waehere mahi
Tāpirihia te waehere PHP e whai ake nei ki tō kaupapa. functions.php I te mutunga o te tuhinga, mā roto rānei i Nga Waehere Waehere Waihangahia he waehere hou i roto i te monomai ka whakapiri:
<?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;
}
}
}
(Tuhipoka: Mēnā) functions.php Kei te mutunga kē te kōnae. ?>Kaua e tāpirihia anō; tāpirihia noa te waehere i runga ake nei. ?> (I mua)
Hipanga 2: Whakamahia i te whārangi whakatika tuhinga
- Whakauru atu ki te pae tukutuku WordPress hei whakatika i tētahi pou, i tētahi whārangi rānei.
- Kimihia i te whārangi ētita "Ngā Āpure Ritenga" (Ki te kore koe e kite i te pouaka meta, pāwhiritia "Ngā Kōwhiringa Whakaatu" kei te kokonga matau o runga, "Ngā Manakohanga" rānei i te Etita Gutenberger, ā, kia tika te tohu i "Ngā Āpure Ritenga").
- 点击 Whakauruhia he mea hou:
- Ingoa 输入:
head(Mō te waehere pane) rāneifoot(Mō te whakamahi i te waehere o raro). - Uara Pouaka tāuru: Whakapirihia te waehere HTML, CSS, JS rānei e hiahia ana koe ki te tāpiri.
- Ingoa 输入:
- 点击 Tāpirihia he āpure ritenga Ā, whakahou/whakaputa tuhinga.

- Ma te whakahou i te tuhinga ka taea e koe te tohu i te kaupapa me te whakauru i nga uara mo enei mara ritenga.
I te mea ka whakaputa noa koe i te waehere e tika ana kia utaina ki te "uara", me whakauru e koe te waehere rite e whai ake nei ki te "uara" ▼
<script type="text/javascript">...</script>
▼ ranei
<style type="text/css">...</style>
ki te whakaputa i te waehere o runga.
Ngā painga o tēnei whakarerekētanga:
- 更安全Kaua e whakarerekē tika
header.phpAfooter.phpMā tēnei ka ārai i te tuhirua o te waehere ina whakahoutia te kaupapa. - He paerewa ake: E taunakihia ana te whakamahi i te WordPress
add_actionWaehere whakairi e hangai ana ki te matau. - Arorau māramaMā te whakakōpaki i ngā mahi ki roto i ngā mahi ka māmā ake te tiaki i muri mai.
Ko te tumanako, ka whai hua ki a koe te tuhinga "Loading PHP/JavaScript/CSS Code for Specifying Post Headers and Footers in WordPress," i tohaina ki te blog a Chen Weiliang ( https://www.chenweiliang.com/ ).
Tukuna mai te hononga o tēnei tuhinga: https://www.chenweiliang.com/cwl-2022.html
