Tusitusiga Tusitusiga
Afai e faʻaaogainaWordPress website, e tatau ona e faʻamaonia se tusiga patino poʻo se itulau i totonu o le WordPress e faʻapipiʻi ai le PHP / JavaScript / CSS code i le ulutala ma le vae Faʻafefea ona ausia lenei mea?
E mafai ona matou fa'aogaina fanua fa'aleaganu'u malosi a le WordPress e fa'atino ai itulau JavaScript eseese mo se fa'ailoga po'o le uta o itulau.
O lenei tusiga o le a faʻaali atu ia te oe: Faʻafefea ona faʻaogaina fanua faʻapitoa i luga ole WordPress, aganuʻu JavaScript poʻo faila CSS?
Afai e mafai ona e malamalama, o faʻatauga masani o fanua e le faigofie pei o faila JavaScript ma CSS.
Faʻafefea ona faʻaopoopo fanua faʻapitoa ile WordPress?
E masani lava, tatala le faila header.php o lau autu WordPress ma ia mautinoa ua fa'aopoopoina le code lea: ▼
<?php wp_head(); ?>
Faʻafefea ona faʻapipiʻi ulutala ile WordPressO se auala e sili atu ona fautuaina: e ala i functions.php po'o le fa'atinoina o le code plugin
Suia sa'o le autu header.php 或 footer.php E faigofie ona leiloa le code pe a uma ona faʻafouina le autu.
Faiga saogalemu ma sili atu ona fa'atulagainaFa'aopoopo le code lea i le autu o lo'o iai nei. functions.php I le faila, pe faʻaaogaina Code Snippets O nei ituaiga o plugins e faʻaaogaina e pulea ai tulafono faʻapitoa.
Ina ia 'alofia le suia o faila autu autu, matou te fa'aaogaina... functions.php Fa'ailoga fa'apipi'i.
Laasaga 1: Fa'aopoopo le code galuega
Fa'amolemole fa'aopoopo le code PHP lenei i lau autu. functions.php I le faaiuga o le pepa, pe ala i Code Snippets Fausia se vaega fou o le code i le plugin ma faapipii i ai:
<?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;
}
}
}
(Fa'amatalaga: Afai) functions.php Ua iai le faila i le fa'ai'uga. ?>Fa'amolemole aua le fa'aopoopoina pea lava pea; na'o le fa'aofi sa'o lava o le code o lo'o i luga. ?> (Muamua)
Laasaga 2: Faaaoga i le itulau faasa'o tusiga
- Ulufale i le WordPress backend e faʻasaʻo ai se pou poʻo se itulau.
- Saili i le itulau a le faatonu "Fanua Fa'apitoa" (Afai e te le vaʻaia le metabox, faʻamolemole kiliki le "Display Options" i le tulimanu taumatau pito i luga poʻo le "Preferences" i le Gutenberger Editor ma ia mautinoa ua siakiina le "Custom Fields").
- Kiliki Ulufale i se mea fou:
- Igoa 输入:
head(Mo le numera o le ulutala) pefoot(Mo le faʻaaogaina i le code pito i lalo). - Taua Pusa e ulufale ai: Fa'apipi'i le code HTML, CSS, po'o le JS e te mana'o e fa'aopoopo.
- Igoa 输入:
- Kiliki Fa'aopoopo se fanua fa'apitoa Ma fa'afou/lomi tusiga.

- O le faʻafouina o le tusiga o le a faʻatagaina oe e faʻamaonia le autu ma faʻapipiʻi tulaga taua mo nei faʻalapotopotoga masani.
Talu ai e na'o le fa'auluina o le code e mana'omia ona utaina i le "taua", e tatau ona e ulufale i le fa'ailoga tutusa i le "taua" ▼
<script type="text/javascript">...</script>
po'o ▼
<style type="text/css">...</style>
e faʻaalia le code i luga.
O lelei o lenei suiga:
- saogalemuAua le suia sa'o
header.phpmafooter.phpO lenei mea e taofia ai le tusitusiga o le code pe a faʻafouina le autu. - Fa'atulagaina atili: Fa'aaogaina o le WordPress e fautuaina
add_actionTulafono fa'apipi'i e fa'avae i le matau. - Mafaufauga maninoO le fa'apipi'iina o galuega faatino i totonu o galuega faatino e faigofie ai le tausiga mulimuli ane.
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) fa'asoa "WordPress fa'amaoti ulutala tala ma vae e uta PHP/JavaScript/CSS code", lea e fesoasoani ia te oe.
Fa'afeiloa'i e fa'asoa le so'otaga o lenei tusitusiga:https://www.chenweiliang.com/cwl-2022.html
