Sengoli sa Lingoloa
Haeba e sebelisoaWebosaete ea WordPress, o hloka ho hlakisa sengoloa kapa leqephe le itseng ho WordPress ho kenya khoutu ea PHP/JavaScript/CSS hloohong le botlaseng.U ka fihlela see joang?
Re ka sebelisa masimo a tloaelo a matla a WordPress ho kenya tšebetsong maqephe a fapaneng a JavaScript bakeng sa poso e fanoeng kapa mojaro oa leqephe.
Sengoliloeng sena se tla u bontša: Mokhoa oa ho sebelisa masimo a tloaelo ho WordPress, JavaScript e tloaelehileng kapa lifaele tsa CSS?
Haeba u khona ho utloisisa, litekanyetso tsa sebaka sa moetlo ha li bonolo joalo ka lifaele tsa JavaScript le CSS.
U ka eketsa masimo a tloaelo joang ho WordPress?
Ka tloaelo, bula faele ea header.php ea sehlooho sa hau sa WordPress 'me u netefatse hore khoutu e latelang e ekelitsoe: ▼
<?php wp_head(); ?>
Mokhoa oa ho Customize Header ka WordPressMokhoa o khothaletsoang haholoanyane: ka functions.php kapa ho kenya tshebetsong khoutu ya plugin
Fetola sehlooho ka ho toba header.php Kapa footer.php Khoutu e lahleha habonolo ka mora hore sehlooho se ntjhafatswe.
Mekhoa e sireletsehileng le e tloaelehileng haholoanyaneKenya khoutu e latelang sehloohong sa hajwale. functions.php Ka faeleng, kapa ho sebelisa Litlhahiso tsa Melao Mefuta ena ea li-plugins e sebelisetsoa ho laola khoutu e ikhethileng.
Ho qoba ho fetola difaele tsa sehlooho sa mantlha, re sebedisa... functions.php Khoutu ea ho kenya.
Mohato oa 1: Kenya khoutu e sebetsang
Ka kopo eketsa khoutu e latelang ea PHP sehloohong sa hau. functions.php Qetellong ea tokomane, kapa ka Litlhahiso tsa Melao Theha sekotwana se secha sa khoutu ka har'a plugin ebe u se beha:
<?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;
}
}
}
(Hlokomela: Haeba) functions.php Faele e se e ntse e na le faele qetellong. ?>Ka kopo o se ke wa e eketsa kgafetsa; kenya khoutu e ka hodimo ka ho toba. ?> (Pele)
Mohato oa 2: Sebelisa leqepheng la ho hlophisa sengoloa
- Fumana karolo ea morao ea WordPress ho hlophisa poso kapa leqephe.
- E fumane leqepheng la mohlophisi "Masimo a Ikhethileng" (Haeba o sa bone metabox, ka kopo tobetsa "Display Options" k'honeng e ka hodimo ho le letona kapa "Preferences" ho Gutenberger Editor mme o netefatse hore "Custom Fields" e hlahlobilwe).
- 点击 Kenya e ncha:
- Lebitso Ho lata:
head(Bakeng sa khoutu ea hlooho) kapafoot(E ka sebelisoa khoutung e ka tlase). - Boleng Lebokose la ho kenya: Kenya khoutu ea HTML, CSS, kapa JS eo u hlokang ho e eketsa.
- Lebitso Ho lata:
- 点击 Kenya tšimo e ikhethileng 'Me u ntlafatse/u phatlalatse lihlooho.

- Ho nchafatsa sengoloa ho tla u lumella ho khouta sehlooho le ho kenya boleng bakeng sa masimo ana a tloaelo.
Kaha o fana ka khoutu feela e lokelang ho kenngoa ka "value", o hloka ho kenya khoutu e latelang ho "value" ▼
<script type="text/javascript">...</script>
kapa ▼
<style type="text/css">...</style>
ho hlahisa khoutu e ka holimo.
Melemo ea phetoho ena:
- 更安全: U se ke ua fetola ka kotloloho
header.phplefooter.phpSena se thibela khoutu ho ngolwa hape ha sehlooho se ntjhafatswa. - E tloaelehileng haholoanyane: Ho sebelisoa WordPress ho khothaletsoa
add_actionKhoutu ea ho kenya e thehiloeng ho hook. - Ho hlakile hore na ho na le mabaka afeHo akaretsa tshebetso ka hara mesebetsi ho etsa hore tlhokomelo e latelang e be bonolo.
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) e arolelanoeng "WordPress e hlalosa lihlooho tsa lihlooho le li-footer ho kenya khoutu ea PHP / JavaScript / CSS", e leng thuso ho uena.
Rea u amohela ho arolelana sehokelo sa sengoloa sena:https://www.chenweiliang.com/cwl-2022.html
